added items_offset config option

iantrich · Mar 13, 2022 · c6c7e15 · c6c7e15
1 parent 688e6c9
commit c6c7e15
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/radial-menu.ts b/src/radial-menu.ts
@@ -41,6 +41,7 @@ export class RadialMenu extends LitElement {
         action: 'none',
       },
       default_dismiss: true,
+      items_offset: 0,
       ...config,
     };
 
@@ -81,12 +82,12 @@ export class RadialMenu extends LitElement {
         <div class="circle">
           ${this._config.items.map((item, index) => {
             const left = this._config
-              ? (50 - 35 * Math.cos(-0.5 * Math.PI - 2 * (1 / this._config.items.length) * index * Math.PI)).toFixed(
+              ? (50 - (35 + (this._config?.items_offset ?? 0)) * Math.cos(-0.5 * Math.PI - 2 * (1 / this._config.items.length) * index * Math.PI)).toFixed(
                   4,
                 ) + '%'
               : '';
             const top = this._config
-              ? (50 + 35 * Math.sin(-0.5 * Math.PI - 2 * (1 / this._config.items.length) * index * Math.PI)).toFixed(
+              ? (50 + (35 + (this._config?.items_offset ?? 0)) * Math.sin(-0.5 * Math.PI - 2 * (1 / this._config.items.length) * index * Math.PI)).toFixed(
                   4,
                 ) + '%'
               : '';

diff --git a/src/types.ts b/src/types.ts
@@ -12,6 +12,7 @@ export interface RadialMenuConfig {
   hold_action?: ActionConfig;
   items: RadialMenuItemConfig[];
   theme?: string;
+  items_offset?: number;
 }
 
 export interface RadialMenuItemConfig {