@nuralyui/menu 0.0.1

package/demo/menus-demo.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2023 Google Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import '../menu.component';
+import { IMenu } from '../menu.types';
+export declare class ElMeenuElement extends LitElement {
+    path: number[];
+    value: string;
+    items: IMenu[];
+    items2: IMenu[];
+    items3: IMenu[];
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hy-menu-demo': ElMeenuElement;
+    }
+}
+//# sourceMappingURL=menus-demo.d.ts.map

package/demo/menus-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/demo/menus-demo.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,qBACa,cAAe,SAAQ,UAAU;IAE5C,IAAI,EAAG,MAAM,EAAE,CAAC;IAEhB,KAAK,EAAG,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,EAAE,CAmCZ;IAEF,MAAM,EAAE,KAAK,EAAE,CA0Bb;IAEF,MAAM,EAAE,KAAK,EAAE,CAab;cAEiB,MAAM;CA4C1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/demo/menus-demo.js

@@ -0,0 +1,147 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @license
+ * Copyright 2023 Google Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import '../menu.component';
+let ElMeenuElement = class ElMeenuElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.items = [
+            {
+                text: 'First Menu',
+                selected: true,
+                children: [
+                    { text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'warning', label: 'warning' }
+                    },
+                    { text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'warning', label: 'warning' },
+                        children: [
+                            { text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'circle-exclamation', label: 'error' }
+                            },
+                            { text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'warning', label: 'warning' },
+                                children: [
+                                    { text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'circle-exclamation', label: 'error' }
+                                    },
+                                    { text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }, status: { icon: 'warning', label: 'warning' }
+                                    },
+                                ], },
+                        ] },
+                ],
+                disabled: false,
+                icon: 'bug',
+                menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] },
+                status: { icon: 'warning', label: 'warning' }
+            },
+            {
+                text: 'Second Menu',
+                children: [
+                    { text: 'Submenu 2-1', link: 'Submenu 2-1 link', icon: 'cloud', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] } },
+                    { text: 'Submenu 2-2', link: 'Submenu 2-2 link', icon: 'wifi', menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] } },
+                ],
+                link: '',
+                menu: { icon: 'bars', actions: [{ label: 'Delete', value: 'delete' }, { label: 'Rename', value: 'rename' }] }
+            },
+        ];
+        this.items2 = [
+            {
+                text: 'First Menu',
+                disabled: false,
+            },
+            {
+                text: 'First Menu',
+                children: [
+                    { text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right' },
+                    { text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree', children: [
+                            { text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right' },
+                            { text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree' },
+                        ], },
+                ],
+                disabled: false,
+            },
+            {
+                text: 'Second Menu',
+                children: [
+                    { text: 'Submenu 2-1', link: 'Submenu 2-1 link', icon: 'cloud' },
+                    { text: 'Submenu 2-2', link: 'Submenu 2-2 link', icon: 'wifi' },
+                ],
+                link: '',
+            },
+        ];
+        this.items3 = [
+            {
+                text: 'Submenu 0-0', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',
+            },
+            {
+                text: 'Submenu 0-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',
+            }, {
+                text: 'Submenu 0-2', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',
+            },
+        ];
+    }
+    render() {
+        var _a;
+        return html `
+      <h3>Treeview</h3>
+      <hy-menu
+        .items=${this.items}
+        @action-click=${(e) => {
+            console.log('action name', e.detail.value);
+            console.log('option path', e.detail.path);
+        }}
+        @change=${(e) => {
+            this.path = e.detail.path;
+            this.value = e.detail.value;
+        }}
+      ></hy-menu>
+      path: ${(_a = this.path) === null || _a === void 0 ? void 0 : _a.join('-')} value: ${this.value}
+
+      <h3>Treeview</h3>
+      <hy-menu
+        .items=${this.items}
+        @change=${(e) => {
+            this.path = e.detail.path;
+            this.value = e.detail.value;
+        }}
+      ></hy-menu>
+
+      <h3>Treeview</h3>
+      <hy-menu
+        .items=${this.items2}
+        @change=${(e) => {
+            this.path = e.detail.path;
+            this.value = e.detail.value;
+        }}
+      ></hy-menu>
+
+      <h3>Treeview</h3>
+      <hy-menu
+        .items=${this.items3}
+        @change=${(e) => {
+            this.path = e.detail.path;
+            this.value = e.detail.value;
+        }}
+      ></hy-menu>
+    `;
+    }
+};
+__decorate([
+    state()
+], ElMeenuElement.prototype, "path", void 0);
+__decorate([
+    state()
+], ElMeenuElement.prototype, "value", void 0);
+ElMeenuElement = __decorate([
+    customElement('hy-menu-demo')
+], ElMeenuElement);
+export { ElMeenuElement };
+//# sourceMappingURL=menus-demo.js.map

package/demo/menus-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-demo.js","sourceRoot":"","sources":["../../../../src/components/menu/demo/menus-demo.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport {LitElement, html} from 'lit';\nimport {customElement, state} from 'lit/decorators.js';\nimport '../menu.component';\nimport {IMenu} from '../menu.types';\n\n@customElement('hy-menu-demo')\nexport class ElMeenuElement extends LitElement {\n  @state()\n  path!: number[];\n  @state()\n  value!: string;\n  items: IMenu[] = [\n    {\n      text: 'First Menu',\n      selected:true,\n      children: [\n        {text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'warning',label:'warning'}\n      },\n        {text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'warning',label:'warning'}\n        ,children: [\n          {text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'circle-exclamation',label:'error'}\n        },\n          {text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'warning',label:'warning'}\n          ,children: [\n            {text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'circle-exclamation',label:'error'}\n          },\n            {text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},status:{icon:'warning',label:'warning'}\n          },\n          ],},\n        ]},\n      ],\n      disabled: false,\n      icon:'bug',\n      menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]},\n      status:{icon:'warning',label:'warning'}\n    },\n    {\n      text: 'Second Menu',\n      children: [\n        {text: 'Submenu 2-1', link: 'Submenu 2-1 link', icon: 'cloud',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]}},\n        {text: 'Submenu 2-2', link: 'Submenu 2-2 link', icon: 'wifi',menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]}},\n      \n      ],\n      link: '',\n      menu:{icon:'bars',actions:[{label:'Delete',value:'delete'},{label:'Rename',value:'rename'}]}\n    },\n  ];\n\n  items2: IMenu[] = [\n    {\n      text: 'First Menu',\n      disabled: false,\n    },\n    {\n      text: 'First Menu',\n      children: [\n        {text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right'},\n        {text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree', children: [\n          {text: 'Submenu 1-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right'},\n          {text: 'Submenu 1-2', link: 'Submenu 1-2 link', icon: 'tree'},\n        ],},\n       \n      ],\n      disabled: false,\n    },\n    {\n      text: 'Second Menu',\n      children: [\n        {text: 'Submenu 2-1', link: 'Submenu 2-1 link', icon: 'cloud'},\n        {text: 'Submenu 2-2', link: 'Submenu 2-2 link', icon: 'wifi'},\n      \n      ],\n      link: '',\n    },\n  ];\n\n  items3: IMenu[] = [\n    {\n      text: 'Submenu 0-0', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',\n      \n    },\n    {\n      text: 'Submenu 0-1', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',\n      \n    }, {\n      text: 'Submenu 0-2', link: 'Submenu 1-1 link', icon: 'globe', iconPosition: 'right',\n      \n    },\n    \n  ];\n\n  protected override render() {\n    return html`\n      <h3>Treeview</h3>\n      <hy-menu\n        .items=${this.items}\n        @action-click=${(e:CustomEvent)=>{\n          console.log('action name',e.detail.value)\n          console.log('option path',e.detail.path)\n        }}\n        @change=${(e: CustomEvent) => {\n          this.path = e.detail.path;\n          this.value = e.detail.value;\n        }}\n      ></hy-menu>\n      path: ${this.path?.join('-')} value: ${this.value}\n\n      <h3>Treeview</h3>\n      <hy-menu\n        .items=${this.items}\n        @change=${(e: CustomEvent) => {\n          this.path = e.detail.path;\n          this.value = e.detail.value;\n        }}\n      ></hy-menu>\n\n      <h3>Treeview</h3>\n      <hy-menu\n        .items=${this.items2}\n        @change=${(e: CustomEvent) => {\n          this.path = e.detail.path;\n          this.value = e.detail.value;\n        }}\n      ></hy-menu>\n\n      <h3>Treeview</h3>\n      <hy-menu\n        .items=${this.items3}\n        @change=${(e: CustomEvent) => {\n          this.path = e.detail.path;\n          this.value = e.detail.value;\n        }}\n      ></hy-menu>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hy-menu-demo': ElMeenuElement;\n  }\n}\n"]}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu.component.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export * from './menu.component.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './menu.component.js';\n"]}

package/menu.component.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { IMenu } from './menu.types.js';
+import './templates/hy-menu-link.js';
+import './templates/hy-sub-menu.js';
+export declare class HyMenuComponent extends LitElement {
+    private _currentSelectedLink;
+    _menuLinks: NodeListOf<HTMLElement>;
+    _subMenues: NodeListOf<HTMLElement>;
+    items: IMenu[];
+    firstUpdated(): void;
+    _getPreSelectedIndex(): void;
+    _updateSelectedLink(updateSelectedLinkEvent: CustomEvent): void;
+    _handleInitHighlighted(): void;
+    _selectMenu(selectMenuEvent: CustomEvent): void;
+    _display(items: IMenu[], path?: number[]): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[][];
+}
+//# sourceMappingURL=menu.component.d.ts.map

package/menu.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AAEpC,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAO,CAAC,oBAAoB,CAAU;IAEtC,UAAU,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAGrC,UAAU,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAGrC,KAAK,EAAG,KAAK,EAAE,CAAC;IAEP,YAAY,IAAI,IAAI;IAI7B,oBAAoB;IAKpB,mBAAmB,CAAC,uBAAuB,EAAE,WAAW;IAoBxD,sBAAsB;IAOtB,WAAW,CAAC,eAAe,EAAC,WAAW;IAWvC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,GAAE,MAAM,EAAO,GAAG,GAAG;IAkCzC,MAAM;IAQf,OAAgB,MAAM,8BAAY;CACnC"}

package/menu.component.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { LitElement, html } from 'lit';
+import { customElement, property, queryAll } from 'lit/decorators.js';
+import { styles } from './menu.style.js';
+import './templates/hy-menu-link.js';
+import './templates/hy-sub-menu.js';
+let HyMenuComponent = class HyMenuComponent extends LitElement {
+    firstUpdated() {
+        this._getPreSelectedIndex();
+    }
+    _getPreSelectedIndex() {
+        const listOfLinks = [...this._menuLinks.values()];
+        this._currentSelectedLink = listOfLinks.findIndex((element) => element.hasAttribute('selected'));
+    }
+    _updateSelectedLink(updateSelectedLinkEvent) {
+        var _a;
+        this._handleInitHighlighted();
+        const newSelectedIndex = updateSelectedLinkEvent.detail.index;
+        const value = updateSelectedLinkEvent.detail.value;
+        if (this._currentSelectedLink >= 0)
+            this._menuLinks[this._currentSelectedLink].removeAttribute('selected');
+        this._menuLinks[newSelectedIndex].setAttribute('selected', 'true');
+        this._currentSelectedLink = newSelectedIndex;
+        const pathToOption = (_a = this._menuLinks[newSelectedIndex]
+            .getAttribute('data-path')) === null || _a === void 0 ? void 0 : _a.split('-').map((valueString) => +valueString);
+        this.dispatchEvent(new CustomEvent('change', {
+            bubbles: true,
+            composed: true,
+            detail: { path: pathToOption, value },
+        }));
+    }
+    _handleInitHighlighted() {
+        this._subMenues.forEach((element) => {
+            if (element.hasAttribute('highlighted')) {
+                element.removeAttribute('highlighted');
+            }
+        });
+    }
+    _selectMenu(selectMenuEvent) {
+        if (this._currentSelectedLink >= 0) {
+            this._menuLinks[this._currentSelectedLink].removeAttribute('selected');
+            this._currentSelectedLink = -1;
+        }
+        this._handleInitHighlighted();
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { path: selectMenuEvent.detail.path, value: selectMenuEvent.detail.value } }));
+    }
+    _display(items, path = []) {
+        return items.map((menu, index) => {
+            const currentPath = [...path, index].join('-');
+            if (menu.children) {
+                return html `
+          <hy-sub-menu 
+          .menu=${menu.menu} 
+          .text=${menu.text} 
+          .icon=${menu.icon} 
+          .disabled=${menu.disabled} 
+          .status=${menu.status}
+          .highlighted=${menu.selected}
+          data-path=${currentPath} 
+          @select-menu=${this._selectMenu}>
+            ${this._display(menu.children, [...path, index])}
+          </hy-sub-menu>
+        `;
+            }
+            else {
+                return html ` <hy-menu-link
+          data-path=${currentPath}
+          icon=${menu.icon}
+          .menu=${menu.menu}
+          .status=${menu.status}
+          text=${menu.text}
+          link=${menu.link}
+          iconposition=${menu.iconPosition}
+          ?selected=${menu.selected}
+          ?disabled=${menu.disabled}
+          @selected-link=${this._updateSelectedLink}
+        ></hy-menu-link>`;
+            }
+        });
+    }
+    render() {
+        return html `
+      <ul>
+        ${this._display(this.items)}
+      </ul>
+    `;
+    }
+};
+HyMenuComponent.styles = [styles];
+__decorate([
+    queryAll('hy-menu-link')
+], HyMenuComponent.prototype, "_menuLinks", void 0);
+__decorate([
+    queryAll('hy-sub-menu')
+], HyMenuComponent.prototype, "_subMenues", void 0);
+__decorate([
+    property()
+], HyMenuComponent.prototype, "items", void 0);
+HyMenuComponent = __decorate([
+    customElement('hy-menu')
+], HyMenuComponent);
+export { HyMenuComponent };
+//# sourceMappingURL=menu.component.js.map

package/menu.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.component.js","sourceRoot":"","sources":["../../../src/components/menu/menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {LitElement, html} from 'lit';\nimport {customElement, property, queryAll} from 'lit/decorators.js';\nimport {styles} from './menu.style.js';\nimport {IMenu} from './menu.types.js';\nimport './templates/hy-menu-link.js';\nimport './templates/hy-sub-menu.js';\n\n@customElement('hy-menu')\nexport class HyMenuComponent extends LitElement {\n  private _currentSelectedLink!: number;\n  @queryAll('hy-menu-link')\n  _menuLinks!: NodeListOf<HTMLElement>;\n\n  @queryAll('hy-sub-menu')\n  _subMenues!: NodeListOf<HTMLElement>;\n\n  @property()\n  items!: IMenu[];\n\n  override firstUpdated(): void {\n    this._getPreSelectedIndex();\n  }\n\n  _getPreSelectedIndex() {\n    const listOfLinks = [...this._menuLinks.values()];\n    this._currentSelectedLink = listOfLinks.findIndex((element) => element.hasAttribute('selected'));\n  }\n\n  _updateSelectedLink(updateSelectedLinkEvent: CustomEvent) {\n    this._handleInitHighlighted();\n    const newSelectedIndex = updateSelectedLinkEvent.detail.index;\n    const value = updateSelectedLinkEvent.detail.value;\n    if (this._currentSelectedLink >= 0) this._menuLinks[this._currentSelectedLink].removeAttribute('selected');\n    this._menuLinks[newSelectedIndex].setAttribute('selected', 'true');\n    this._currentSelectedLink = newSelectedIndex;\n    const pathToOption = this._menuLinks[newSelectedIndex]\n      .getAttribute('data-path')\n      ?.split('-')\n      .map((valueString) => +valueString);\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: {path: pathToOption, value},\n      })\n    );\n  }\n\n  _handleInitHighlighted() {\n    this._subMenues.forEach((element) => {\n      if (element.hasAttribute('highlighted')) {\n        element.removeAttribute('highlighted');\n      }\n    });\n  }\n  _selectMenu(selectMenuEvent:CustomEvent){\n    if (this._currentSelectedLink >= 0) \n    {\n      this._menuLinks[this._currentSelectedLink].removeAttribute('selected');\n      this._currentSelectedLink = -1;\n    }\n\n    this._handleInitHighlighted()\n    this.dispatchEvent(new CustomEvent('change',{bubbles:true,composed:true,detail:{path:selectMenuEvent.detail.path,value:selectMenuEvent.detail.value}}));\n  }\n\n  _display(items: IMenu[], path: number[] = []): any {\n    return items.map((menu, index) => {\n      const currentPath = [...path, index].join('-');\n      if (menu.children) {\n        return html`\n          <hy-sub-menu \n          .menu=${menu.menu} \n          .text=${menu.text} \n          .icon=${menu.icon} \n          .disabled=${menu.disabled} \n          .status=${menu.status}\n          .highlighted=${menu.selected}\n          data-path=${currentPath} \n          @select-menu=${this._selectMenu}>\n            ${this._display(menu.children, [...path, index])}\n          </hy-sub-menu>\n        `;\n      } else {\n        return html` <hy-menu-link\n          data-path=${currentPath}\n          icon=${menu.icon}\n          .menu=${menu.menu}\n          .status=${menu.status}\n          text=${menu.text}\n          link=${menu.link}\n          iconposition=${menu.iconPosition}\n          ?selected=${menu.selected}\n          ?disabled=${menu.disabled}\n          @selected-link=${this._updateSelectedLink}\n        ></hy-menu-link>`;\n      }\n    });\n  }\n\n  override render() {\n    return html`\n      <ul>\n        ${this._display(this.items)}\n      </ul>\n    `;\n  }\n\n  static override styles = [styles];\n}\n"]}

package/menu.constants.d.ts

@@ -0,0 +1,12 @@
+export declare const EMPTY_STRING = "";
+export declare const NOTHING_STRING = "";
+export declare enum OPTION_TYPES {
+    GROUP = "group",
+    DIVIDER = "divider"
+}
+export declare enum TRIGGERS {
+    Click = "click",
+    Hover = "hover",
+    ContextMenu = "context-menu"
+}
+//# sourceMappingURL=menu.constants.d.ts.map

package/menu.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.constants.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,WAAW,iBAAiB;CAC7B"}

package/menu.constants.js

@@ -0,0 +1,14 @@
+export const EMPTY_STRING = '';
+export const NOTHING_STRING = '';
+export var OPTION_TYPES;
+(function (OPTION_TYPES) {
+    OPTION_TYPES["GROUP"] = "group";
+    OPTION_TYPES["DIVIDER"] = "divider";
+})(OPTION_TYPES || (OPTION_TYPES = {}));
+export var TRIGGERS;
+(function (TRIGGERS) {
+    TRIGGERS["Click"] = "click";
+    TRIGGERS["Hover"] = "hover";
+    TRIGGERS["ContextMenu"] = "context-menu";
+})(TRIGGERS || (TRIGGERS = {}));
+//# sourceMappingURL=menu.constants.js.map

package/menu.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.constants.js","sourceRoot":"","sources":["../../../src/components/menu/menu.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACrB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,wCAA4B,CAAA;AAC9B,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB","sourcesContent":["export const EMPTY_STRING = '';\nexport const NOTHING_STRING = '';\nexport enum OPTION_TYPES {\n  GROUP = 'group',\n  DIVIDER = 'divider',\n}\n\nexport enum TRIGGERS {\n  Click = 'click',\n  Hover = 'hover',\n  ContextMenu = 'context-menu',\n}\n"]}

package/menu.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult[];
+//# sourceMappingURL=menu.style.d.ts.map

package/menu.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.style.ts"],"names":[],"mappings":"AAqFA,eAAO,MAAM,MAAM,2BAAc,CAAC"}

package/menu.style.js

@@ -0,0 +1,86 @@
+import { css } from 'lit';
+const menuStyle = css `
+  ul {
+    width: var(--hybrid-menu-width);
+    padding: var(--hybrid-menu-padding);
+    border: var(--hybrid-menu-border);
+    font-size: var(--hybrid-menu-font-size);
+    font-family: var(--hybrid-menu-font-family)
+  }
+  :host {
+    --hybrid-menu-font-size:13px;
+    --hybrid-menu-font-family:serif;
+    --hybrid-menu-padding: 2px;
+    --hybrid-menu-width: 45%;
+    --hybrid-menu-border: 1px solid #f4f4f4;
+    --hybrid-menu-link-color: #000000;
+    --hybrid-menu-link-icon-color: #525252;
+    --hybrid-menu-disabled-link-color: #c6c6c6;
+    --hybrid-menu-focus-border: 1px solid #0f62fe;
+    --hybrid-menu-focus-color: #000000;
+    --hybrid-menu-active-color: #000000;
+    --hybrid-menu-active-background-color: #c6c6c6;
+    --hybrid-menu-hover-link-background-color: #f4f4f4;
+    --hybrid-menu-hover-link-color: #000000;
+    --hybrid-menu-selected-link-background-color: #e0e0e0;
+    --hybrid-menu-selected-link-border: 3px solid #0f62fe;
+    --hybrid-menu-selected-color: #000000;
+    --hybrid-menu-link-background-color: transparent;
+    --hybrid-menu-link-padding-y: 8px;
+    --hybrid-menu-link-empty-icon-padding-left: 39px;
+    --hybrid-menu-link-icon-padding-right: 15px;
+    --hybrid-menu-link-icon-padding-left: 10px;
+    --hybrid-menu-link-icon-right-padding-left: 39px;
+    --hybrid-menu-link-icon-only-width: 42px;
+    --hybrid-sub-menu-color: #000000;
+    --hybrid-sub-menu-disabled-color: #c6c6c6;
+    --hybrid-sub-menu-focus-color: #525252;
+    --hybrid-sub-menu-focus-border: 1px solid #0f62fe;
+    --hybrid-sub-menu-hover-background-color: #f4f4f4;
+    --hybrid-sub-menu-hover-color: #161616;
+    --hybrid-sub-menu-active-background-color: #c6c6c6;
+    --hybrid-sub-menu-active-color: #000000;
+    --hybrid-sub-menu-highlighted-color: #000000;
+    --hybrid-sub-menu-highlighted-background-color: #e2e2e2;
+    --hybrid-sub-menu-text-icon-color: #525252;
+    --hybrid-sub-menu-action-icon-color:#525252;
+    --hybrid-sub-menu-status-icon-color:#525252;
+    --hybrid-sub-menu-toggle-icon-color: #525252;
+    --hybrid-sub-menu-padding-y: 8px;
+    --hybrid-sub-menu-margin-y: 0px;
+    --hybrid-sub-menu-padding-left: 10px;
+    --hybrid-sub-menu-padding-left-text: 15px;
+    --hybrid-sub-menu-empty-icon-padding-left-text: 29px;
+    --hybrid-sub-menu-children-padding-left: 15px;
+  }
+  @media (prefers-color-scheme: dark) {
+    :host {
+      --hybrid-menu-border: 1px solid #ffffff;
+      --hybrid-menu-link-color:#ffffff;
+      --hybrid-menu-focus-border: 1px solid #ffffff;
+      --hybrid-menu-focus-color: #ffffff;
+      --hybrid-menu-hover-link-background-color: #333333;
+      --hybrid-menu-hover-link-color: #ffffff;
+      --hybrid-menu-active-color: #ffffff;
+      --hybrid-menu-active-background-color: #242424;
+      --hybrid-menu-selected-link-border: 3px solid #ffffff;
+      --hybrid-menu-selected-link-background-color: #3a3a3a;
+      --hybrid-menu-selected-color:#ffffff;
+      --hybrid-menu-disabled-link-color: #525252;
+      --hybrid-sub-menu-color: #ffffff;
+      --hybrid-sub-menu-disabled-color: #525252;
+      --hybrid-sub-menu-focus-border: 1px solid #ffffff;
+      --hybrid-sub-menu-focus-color: #525252;
+      --hybrid-sub-menu-hover-background-color: #333333;
+      --hybrid-sub-menu-hover-color: #ffffff;
+      --hybrid-sub-menu-active-background-color: #242424;
+      --hybrid-sub-menu-active-color: #ffffff;
+      --hybrid-sub-menu-highlighted-color: #ffffff;
+      --hybrid-sub-menu-highlighted-background-color: #3a3a3a;
+      --hybrid-sub-menu-text-icon-color: #525252;
+      --hybrid-sub-menu-toggle-icon-color: #525252;
+    }
+  }
+`;
+export const styles = [menuStyle];
+//# sourceMappingURL=menu.style.js.map

package/menu.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.js","sourceRoot":"","sources":["../../../src/components/menu/menu.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFpB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\n\nconst menuStyle = css`\n  ul {\n    width: var(--hybrid-menu-width);\n    padding: var(--hybrid-menu-padding);\n    border: var(--hybrid-menu-border);\n    font-size: var(--hybrid-menu-font-size);\n    font-family: var(--hybrid-menu-font-family)\n  }\n  :host {\n    --hybrid-menu-font-size:13px;\n    --hybrid-menu-font-family:serif;\n    --hybrid-menu-padding: 2px;\n    --hybrid-menu-width: 45%;\n    --hybrid-menu-border: 1px solid #f4f4f4;\n    --hybrid-menu-link-color: #000000;\n    --hybrid-menu-link-icon-color: #525252;\n    --hybrid-menu-disabled-link-color: #c6c6c6;\n    --hybrid-menu-focus-border: 1px solid #0f62fe;\n    --hybrid-menu-focus-color: #000000;\n    --hybrid-menu-active-color: #000000;\n    --hybrid-menu-active-background-color: #c6c6c6;\n    --hybrid-menu-hover-link-background-color: #f4f4f4;\n    --hybrid-menu-hover-link-color: #000000;\n    --hybrid-menu-selected-link-background-color: #e0e0e0;\n    --hybrid-menu-selected-link-border: 3px solid #0f62fe;\n    --hybrid-menu-selected-color: #000000;\n    --hybrid-menu-link-background-color: transparent;\n    --hybrid-menu-link-padding-y: 8px;\n    --hybrid-menu-link-empty-icon-padding-left: 39px;\n    --hybrid-menu-link-icon-padding-right: 15px;\n    --hybrid-menu-link-icon-padding-left: 10px;\n    --hybrid-menu-link-icon-right-padding-left: 39px;\n    --hybrid-menu-link-icon-only-width: 42px;\n    --hybrid-sub-menu-color: #000000;\n    --hybrid-sub-menu-disabled-color: #c6c6c6;\n    --hybrid-sub-menu-focus-color: #525252;\n    --hybrid-sub-menu-focus-border: 1px solid #0f62fe;\n    --hybrid-sub-menu-hover-background-color: #f4f4f4;\n    --hybrid-sub-menu-hover-color: #161616;\n    --hybrid-sub-menu-active-background-color: #c6c6c6;\n    --hybrid-sub-menu-active-color: #000000;\n    --hybrid-sub-menu-highlighted-color: #000000;\n    --hybrid-sub-menu-highlighted-background-color: #e2e2e2;\n    --hybrid-sub-menu-text-icon-color: #525252;\n    --hybrid-sub-menu-action-icon-color:#525252;\n    --hybrid-sub-menu-status-icon-color:#525252;\n    --hybrid-sub-menu-toggle-icon-color: #525252;\n    --hybrid-sub-menu-padding-y: 8px;\n    --hybrid-sub-menu-margin-y: 0px;\n    --hybrid-sub-menu-padding-left: 10px;\n    --hybrid-sub-menu-padding-left-text: 15px;\n    --hybrid-sub-menu-empty-icon-padding-left-text: 29px;\n    --hybrid-sub-menu-children-padding-left: 15px;\n  }\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --hybrid-menu-border: 1px solid #ffffff;\n      --hybrid-menu-link-color:#ffffff;\n      --hybrid-menu-focus-border: 1px solid #ffffff;\n      --hybrid-menu-focus-color: #ffffff;\n      --hybrid-menu-hover-link-background-color: #333333;\n      --hybrid-menu-hover-link-color: #ffffff;\n      --hybrid-menu-active-color: #ffffff;\n      --hybrid-menu-active-background-color: #242424;\n      --hybrid-menu-selected-link-border: 3px solid #ffffff;\n      --hybrid-menu-selected-link-background-color: #3a3a3a;\n      --hybrid-menu-selected-color:#ffffff;\n      --hybrid-menu-disabled-link-color: #525252;\n      --hybrid-sub-menu-color: #ffffff;\n      --hybrid-sub-menu-disabled-color: #525252;\n      --hybrid-sub-menu-focus-border: 1px solid #ffffff;\n      --hybrid-sub-menu-focus-color: #525252;\n      --hybrid-sub-menu-hover-background-color: #333333;\n      --hybrid-sub-menu-hover-color: #ffffff;\n      --hybrid-sub-menu-active-background-color: #242424;\n      --hybrid-sub-menu-active-color: #ffffff;\n      --hybrid-sub-menu-highlighted-color: #ffffff;\n      --hybrid-sub-menu-highlighted-background-color: #3a3a3a;\n      --hybrid-sub-menu-text-icon-color: #525252;\n      --hybrid-sub-menu-toggle-icon-color: #525252;\n    }\n  }\n`;\nexport const styles = [menuStyle];\n"]}

package/menu.types.d.ts

@@ -0,0 +1,22 @@
+export interface IMenu {
+    text: string;
+    link?: string;
+    menu?: {
+        icon: string;
+        actions: IAction[];
+    };
+    status?: {
+        icon: string;
+        label: string;
+    };
+    icon?: string;
+    iconPosition?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    children?: IMenu[];
+}
+export interface IAction {
+    label: string;
+    value: string;
+}
+//# sourceMappingURL=menu.types.d.ts.map

package/menu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAA,OAAO,EAAC,OAAO,EAAE,CAAA;KAAC,CAAC;IACtC,MAAM,CAAC,EAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAA,KAAK,EAAC,MAAM,CAAA;KAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB;AACD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAC,MAAM,CAAC;IACb,KAAK,EAAC,MAAM,CAAA;CACb"}

package/menu.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menu.types.js.map

package/menu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.types.js","sourceRoot":"","sources":["../../../src/components/menu/menu.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IMenu {\n  text: string;\n  link?: string;\n  menu?:{icon:string,actions:IAction[]};\n  status?:{icon:string,label:string};\n  icon?: string;\n  iconPosition?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  children?: IMenu[];\n}\nexport interface IAction{\n  label:string,\n  value:string\n}\n"]}

package/package.json

@@ -0,0 +1,15 @@
+{
+    "name": "@nuralyui/menu",
+    "version": "0.0.1",
+    "description": "",
+    "main": "index.js",
+    "type": "module",
+    "dependencies": {
+        "dayjs": "^1.11.7"
+    },
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "Labidi Aymen",
+    "license": "ISC"
+}

package/react.d.ts

@@ -0,0 +1,3 @@
+import { HyMenuComponent } from './menu.component.js';
+export declare const HyDropdown: import("@lit-labs/react").ReactWebComponent<HyMenuComponent, {}>;
+//# sourceMappingURL=react.d.ts.map

package/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/menu/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACpD,eAAO,MAAM,UAAU,kEAKrB,CAAC"}

package/react.js

@@ -0,0 +1,10 @@
+import { createComponent } from '@lit-labs/react';
+import * as React from 'react';
+import { HyMenuComponent } from './menu.component.js';
+export const HyDropdown = createComponent({
+    tagName: 'hy-menu',
+    elementClass: HyMenuComponent,
+    react: React,
+    events: {},
+});
+//# sourceMappingURL=react.js.map

package/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/menu/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACpD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE;CACX,CAAC,CAAC","sourcesContent":["import {createComponent} from '@lit-labs/react';\nimport * as React from 'react';\nimport {HyMenuComponent} from './menu.component.js';\nexport const HyDropdown = createComponent({\n  tagName: 'hy-menu',\n  elementClass: HyMenuComponent,\n  react: React,\n  events: {},\n});\n"]}

package/templates/hy-menu-link.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+import { ICON_POSITION } from './menu-link.contants.js';
+import { IAction } from '../menu.types.js';
+import '../../dropdown/hy-dropdown.component.js';
+export declare class HyMenuLink extends LitElement {
+    static index: number;
+    private linkPosition;
+    text: string;
+    link: string;
+    disabled: boolean;
+    icon: string;
+    iconPosition: ICON_POSITION;
+    selected: boolean;
+    menu: {
+        icon: string;
+        actions: IAction[];
+    };
+    status: {
+        icon: string;
+        label: string;
+    };
+    optionPath: number[];
+    connectedCallback(): void;
+    firstUpdated(): void;
+    _clickLink(event?: Event): void;
+    onActionClick(e: CustomEvent): void;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=hy-menu-link.d.ts.map

package/templates/hy-menu-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-menu-link.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/templates/hy-menu-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAI9C,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,yCAAyC,CAAA;AAEhD,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,YAAY,CAAU;IAG9B,IAAI,SAAgB;IAGpB,IAAI,EAAG,MAAM,CAAC;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAgB;IAGpB,YAAY,gBAAsB;IAGlC,QAAQ,UAAS;IAGjB,IAAI,EAAE;QAAC,IAAI,EAAC,MAAM,CAAC;QAAA,OAAO,EAAC,OAAO,EAAE,CAAA;KAAC,CAAA;IAGrC,MAAM,EAAE;QAAC,IAAI,EAAC,MAAM,CAAC;QAAA,KAAK,EAAC,MAAM,CAAA;KAAC,CAAA;IAElC,UAAU,EAAE,MAAM,EAAE,CAAC;IAGZ,iBAAiB,IAAI,IAAI;IAYzB,YAAY,IAAI,IAAI;IAM7B,UAAU,CAAC,KAAK,CAAC,EAAC,KAAK;IAYvB,aAAa,CAAC,CAAC,EAAC,WAAW;IAIlB,MAAM;IAsCf,OAAgB,MAAM,0BAAU;CACjC"}