@nuralyui/menu 0.0.9 → 0.0.15

package/demo/menus-demo.js

@@ -1,157 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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        {\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        {\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            {\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            {\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                {\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                {\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        },\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        {\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      ],\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.map

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

package/menu.component.d.ts.map

@@ -1 +0,0 @@
-{"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;AACpC,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.constants.d.ts.map

@@ -1 +0,0 @@
-{"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.style.d.ts.map

@@ -1 +0,0 @@
-{"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.types.d.ts.map

@@ -1 +0,0 @@
-{"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/react.d.ts.map

@@ -1 +0,0 @@
-{"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/templates/hy-menu-link.d.ts

@@ -1,29 +0,0 @@
-import { LitElement } from 'lit';
-import { ICON_POSITION } from './menu-link.contants.js';
-import { IAction } from '../menu.types.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

@@ -1 +0,0 @@
-{"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;AAE3C,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"}

package/templates/hy-menu-link.js

@@ -1,122 +0,0 @@
-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;
-};
-var HyMenuLink_1;
-import { LitElement, html, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { styles } from './menu-link.style.js';
-import { EMPTY_STRING } from '../menu.constants.js';
-import { ICON_POSITION } from './menu-link.contants.js';
-let HyMenuLink = HyMenuLink_1 = class HyMenuLink extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.text = EMPTY_STRING;
-        this.disabled = false;
-        this.icon = EMPTY_STRING;
-        this.iconPosition = ICON_POSITION.LEFT;
-        this.selected = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.optionPath = this.getAttribute('data-path').split('-').map((stringValue) => +stringValue);
-        const isTheFirstOption = this.optionPath.filter((path) => path != 0).length == 0;
-        if (isTheFirstOption) {
-            HyMenuLink_1.index = 0;
-        }
-        this.linkPosition = HyMenuLink_1.index;
-        HyMenuLink_1.index++;
-    }
-    firstUpdated() {
-        if (this.selected) {
-            this._clickLink();
-        }
-    }
-    _clickLink(event) {
-        var _a;
-        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.id) != 'action-icon') {
-            this.dispatchEvent(new CustomEvent('selected-link', {
-                detail: { index: this.linkPosition, value: this.text },
-                bubbles: true,
-                composed: true,
-            }));
-        }
-    }
-    onActionClick(e) {
-        this.dispatchEvent(new CustomEvent('action-click', { detail: { value: e.detail.value, path: this.optionPath }, composed: true, bubbles: true }));
-    }
-    render() {
-        var _a, _b;
-        return html `
-      <li tabindex="0" @mousedown=${!this.disabled ? this._clickLink : nothing}>
-      <div class="icon-container" >
-        ${this.icon
-            ? html `${!this.text
-                ? html `
-                  <div id="icon-only">
-                    <hy-icon name="${this.icon}"></hy-icon>
-                  </div>
-                `
-                : html `<hy-icon name="${this.icon}"></hy-icon>`} `
-            : nothing}
-         
-        </div>
-        ${this.text
-            ? html `
-          <div class="action-text-container">
-              <div id="text-container">
-                <span>${this.text}</span>
-              </div>
-              <div class="icon-container" >
-              ${((_a = this.status) === null || _a === void 0 ? void 0 : _a.icon) ? html `
-              <hy-icon name=${this.status.icon} class="status-icon"></hy-icon>
-                ` : nothing}
-              ${((_b = this.menu) === null || _b === void 0 ? void 0 : _b.actions) ? html `
-                <hy-dropdown .options=${this.menu.actions} .trigger=${'click'} @click-item=${this.onActionClick}>
-                  <hy-icon name="${this.menu.icon}" id="action-icon" ></hy-icon>
-                </hy-dropdown>
-                  ` : nothing}
-              </div>
-                
-          </div>
-            `
-            : nothing}
-      </li>
-    `;
-    }
-};
-HyMenuLink.styles = styles;
-__decorate([
-    state()
-], HyMenuLink.prototype, "linkPosition", void 0);
-__decorate([
-    property({ reflect: true })
-], HyMenuLink.prototype, "text", void 0);
-__decorate([
-    property()
-], HyMenuLink.prototype, "link", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], HyMenuLink.prototype, "disabled", void 0);
-__decorate([
-    property({ reflect: true })
-], HyMenuLink.prototype, "icon", void 0);
-__decorate([
-    property({ reflect: true })
-], HyMenuLink.prototype, "iconPosition", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], HyMenuLink.prototype, "selected", void 0);
-__decorate([
-    property({ reflect: true })
-], HyMenuLink.prototype, "menu", void 0);
-__decorate([
-    property()
-], HyMenuLink.prototype, "status", void 0);
-HyMenuLink = HyMenuLink_1 = __decorate([
-    customElement('hy-menu-link')
-], HyMenuLink);
-export { HyMenuLink };
-//# sourceMappingURL=hy-menu-link.js.map

package/templates/hy-menu-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-menu-link.js","sourceRoot":"","sources":["../../../../src/components/menu/templates/hy-menu-link.ts"],"names":[],"mappings":"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","sourcesContent":["import {LitElement, html, nothing} from 'lit';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport {styles} from './menu-link.style.js';\nimport {EMPTY_STRING} from '../menu.constants.js';\nimport {ICON_POSITION} from './menu-link.contants.js';\nimport { IAction } from '../menu.types.js';\n\n@customElement('hy-menu-link')\nexport class HyMenuLink extends LitElement {\n  static index: number;\n\n  @state()\n  private linkPosition!: number;\n\n  @property({reflect: true})\n  text = EMPTY_STRING;\n\n  @property()\n  link!: string;\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({reflect: true})\n  icon = EMPTY_STRING;\n\n  @property({reflect: true})\n  iconPosition = ICON_POSITION.LEFT;\n\n  @property({type: Boolean, reflect: true})\n  selected = false;\n\n  @property({reflect: true})\n  menu!:{icon:string,actions:IAction[]}\n\n  @property()\n  status!:{icon:string,label:string}\n\n  optionPath!:number[];\n\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.optionPath=this.getAttribute('data-path')!.split('-').map((stringValue)=>+stringValue);\n\n    const isTheFirstOption=this.optionPath.filter((path)=>path!=0).length==0\n    if (isTheFirstOption) {\n      HyMenuLink.index = 0;\n    }\n    this.linkPosition = HyMenuLink.index;\n    HyMenuLink.index++;\n  }\n\n  override firstUpdated(): void {\n    if (this.selected) {\n      this._clickLink();\n    }\n  }\n\n  _clickLink(event?:Event) {\n    if((event?.target as HTMLElement)?.id !='action-icon'){\n      this.dispatchEvent(\n        new CustomEvent('selected-link', {\n          detail: {index: this.linkPosition, value: this.text},\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  onActionClick(e:CustomEvent){\n    this.dispatchEvent(new CustomEvent('action-click',{detail:{value:e.detail.value,path:this.optionPath},composed:true,bubbles:true}))\n  }\n\n  override render() {\n    return html`\n      <li tabindex=\"0\" @mousedown=${!this.disabled ? this._clickLink : nothing}>\n      <div class=\"icon-container\" >\n        ${this.icon\n          ? html`${!this.text\n              ? html`\n                  <div id=\"icon-only\">\n                    <hy-icon name=\"${this.icon}\"></hy-icon>\n                  </div>\n                `\n              : html`<hy-icon name=\"${this.icon}\"></hy-icon>`} `\n          : nothing}\n         \n        </div>\n        ${this.text\n          ? html`\n          <div class=\"action-text-container\">\n              <div id=\"text-container\">\n                <span>${this.text}</span>\n              </div>\n              <div class=\"icon-container\" >\n              ${this.status?.icon?html`\n              <hy-icon name=${this.status.icon} class=\"status-icon\"></hy-icon>\n                `:nothing}\n              ${this.menu?.actions?html`\n                <hy-dropdown .options=${this.menu.actions} .trigger=${'click'} @click-item=${this.onActionClick}>\n                  <hy-icon name=\"${this.menu.icon}\" id=\"action-icon\" ></hy-icon>\n                </hy-dropdown>\n                  `:nothing}\n              </div>\n                \n          </div>\n            `\n          : nothing}\n      </li>\n    `;\n  }\n  static override styles = styles;\n}\n"]}

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

@@ -1,32 +0,0 @@
-import { LitElement, PropertyValues } from 'lit';
-import { IAction } from '../menu.types.js';
-export declare class HySubMenu extends LitElement {
-    text: string;
-    icon: string;
-    disabled: boolean;
-    highlighted: boolean;
-    isOpen: boolean;
-    hovered: boolean;
-    selected: boolean;
-    menu: {
-        icon: string;
-        actions: IAction[];
-        children: any;
-        menu: any;
-        opened: boolean;
-    };
-    status: {
-        icon: string;
-        label: string;
-    };
-    optionPath: number[];
-    connectedCallback(): void;
-    _toggleMenu(event: Event): void;
-    toggleIcon(): void;
-    _handleSelectedChild(): void;
-    onActionClick(e: CustomEvent): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
-}
-//# sourceMappingURL=hy-sub-menu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hy-sub-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/templates/hy-sub-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAC;AAIhE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,qBACa,SAAU,SAAQ,UAAU;IAEvC,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,SAAgB;IAGpB,QAAQ,UAAS;IAGjB,WAAW,UAAS;IAGpB,MAAM,UAAS;IAGf,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,GAAG,CAAG;QAAC,IAAI,EAAG,GAAG,CAAE;QAAC,MAAM,EAAG,OAAO,CAAA;KAAC,CAAC;IAG3F,MAAM,EAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzC,UAAU,EAAG,MAAM,EAAE,CAAC;IAEb,iBAAiB,IAAI,IAAI;IAWlC,WAAW,CAAC,KAAK,EAAE,KAAK;IAcxB,UAAU;IAIV,oBAAoB;IAIpB,aAAa,CAAC,CAAC,EAAE,WAAW;cAIT,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAW3D,MAAM;IAsBf,OAAgB,MAAM,0BAAU;CACjC"}

package/templates/hy-sub-menu.js

@@ -1,121 +0,0 @@
-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, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { styles } from './sub-menu.style.js';
-import { EMPTY_STRING } from '../menu.constants.js';
-let HySubMenu = class HySubMenu extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.icon = EMPTY_STRING;
-        this.disabled = false;
-        this.highlighted = false;
-        this.isOpen = false;
-        this.hovered = false;
-        this.selected = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.optionPath = this.getAttribute('data-path').split('-').map((stringValue) => +stringValue);
-        this.addEventListener('mouseenter', () => {
-            this.hovered = true;
-        });
-        this.addEventListener('mouseleave', () => {
-            this.hovered = false;
-        });
-    }
-    _toggleMenu(event) {
-        var _a, _b;
-        if ((((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.className) != 'action-icon') && (((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.id) != 'toggle-icon')) {
-            if (!this.isOpen) {
-                this.isOpen = !this.isOpen;
-            }
-            this.dispatchEvent(new CustomEvent('select-menu', {
-                bubbles: true,
-                composed: true,
-                detail: { value: this.text, path: this.optionPath },
-            }));
-            this.highlighted = true;
-        }
-    }
-    toggleIcon() {
-        this.isOpen = !this.isOpen;
-    }
-    _handleSelectedChild() {
-        this.highlighted = true;
-    }
-    onActionClick(e) {
-        console.log(e.detail);
-        this.dispatchEvent(new CustomEvent('action-click', { detail: { value: e.detail.value, path: this.optionPath, additionalData: e.detail.additionalData }, composed: true, bubbles: true }));
-    }
-    updated(_changedProperties) {
-        if (_changedProperties.has('menu')) {
-            const previousMenu = _changedProperties.get('menu');
-            if ((previousMenu === null || previousMenu === void 0 ? void 0 : previousMenu.opened) !== this.menu.opened) {
-                if (this.menu.opened) {
-                    this.isOpen = this.menu.opened;
-                }
-            }
-        }
-    }
-    render() {
-        var _a, _b;
-        return html `
-    <ul tabindex="0">
-        <div @mousedown=${!this.disabled ? this._toggleMenu : nothing}>
-          ${this.icon ? html `<hy-icon id="text-icon" name="${this.icon}"></hy-icon>` : nothing}
-          <span>${this.text}</span>
-          <div class="icons-container">
-          ${((_a = this.status) === null || _a === void 0 ? void 0 : _a.icon) ? html `
-              <hy-icon name=${this.status.icon} class="status-icon" ></hy-icon>
-            ` : nothing}
-          ${(this.highlighted || this.hovered) && ((_b = this.menu) === null || _b === void 0 ? void 0 : _b.menu.actions) ? html `
-            <hy-dropdown .options=${this.menu.menu.actions} @click-item=${this.onActionClick} .trigger=${"click"}>
-              <hy-icon name="${this.menu.menu.icon}" class="action-icon"></hy-icon>
-            </hy-dropdown>
-            ` : nothing}
-            ${this.menu.children.length ? html `<hy-icon id="toggle-icon" name="${this.isOpen ? 'angle-up' : 'angle-down'}" @mousedown=${!this.disabled ? this.toggleIcon : nothing}></hy-icon>` : nothing}
-          </div>
-        </div>
-        <slot @select-menu=${this._handleSelectedChild} @selected-link=${this._handleSelectedChild} style="display:${this.isOpen ? nothing : 'none'};"></slot>
-      </ul>
-    `;
-    }
-};
-HySubMenu.styles = styles;
-__decorate([
-    property()
-], HySubMenu.prototype, "text", void 0);
-__decorate([
-    property({ reflect: true })
-], HySubMenu.prototype, "icon", void 0);
-__decorate([
-    property({ type: Boolean })
-], HySubMenu.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], HySubMenu.prototype, "highlighted", void 0);
-__decorate([
-    state()
-], HySubMenu.prototype, "isOpen", void 0);
-__decorate([
-    state()
-], HySubMenu.prototype, "hovered", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], HySubMenu.prototype, "selected", void 0);
-__decorate([
-    property({ type: Object })
-], HySubMenu.prototype, "menu", void 0);
-__decorate([
-    property({ type: Object })
-], HySubMenu.prototype, "status", void 0);
-HySubMenu = __decorate([
-    customElement('hy-sub-menu')
-], HySubMenu);
-export { HySubMenu };
-//# sourceMappingURL=hy-sub-menu.js.map

package/templates/hy-sub-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-sub-menu.js","sourceRoot":"","sources":["../../../../src/components/menu/templates/hy-sub-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styles } from './sub-menu.style.js';\nimport { EMPTY_STRING } from '../menu.constants.js';\nimport { IAction } from '../menu.types.js';\n\n@customElement('hy-sub-menu')\nexport class HySubMenu extends LitElement {\n  @property()\n  text!: string;\n\n  @property({ reflect: true })\n  icon = EMPTY_STRING;\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: Boolean})\n  highlighted = false;\n\n  @state()\n  isOpen = false;\n\n  @state()\n  hovered = false;\n\n  @property({type: Boolean, reflect: true})\n  selected = false;\n  \n  @property({type: Object})\n  menu!: { icon: string, actions: IAction[], children: any  , menu : any , opened : boolean};\n\n  @property({type: Object})\n  status!: { icon: string, label: string };\n\n  optionPath!: number[];\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.optionPath = this.getAttribute('data-path')!.split('-').map((stringValue) => +stringValue);\n    this.addEventListener('mouseenter', () => {\n      this.hovered = true\n    });\n    this.addEventListener('mouseleave', () => {\n      this.hovered = false\n    });\n  }\n\n  _toggleMenu(event: Event) {\n    if (((event?.target as HTMLElement)?.className != 'action-icon') && ((event?.target as HTMLElement)?.id != 'toggle-icon')) {\n      if (!this.isOpen) {\n        this.isOpen = !this.isOpen;\n      }\n      this.dispatchEvent(new CustomEvent('select-menu', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.text, path: this.optionPath },\n      }));\n      this.highlighted = true\n    }\n  }\n\n  toggleIcon() {\n    this.isOpen = !this.isOpen\n  }\n\n  _handleSelectedChild() {\n    this.highlighted = true;\n  }\n\n  onActionClick(e: CustomEvent) {\n    console.log(e.detail)\n    this.dispatchEvent(new CustomEvent('action-click', { detail: { value: e.detail.value, path: this.optionPath, additionalData: e.detail.additionalData}, composed: true, bubbles: true }))\n  }\n  protected override updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has('menu')) {\n      const previousMenu = _changedProperties.get('menu') as typeof this.menu;\n      if (previousMenu?.opened !== this.menu.opened) {\n        if(this.menu.opened){\n          this.isOpen = this.menu.opened;\n        }\n      }\n    }\n  }\n\n  override render() {\n    return html`\n    <ul tabindex=\"0\">\n        <div @mousedown=${!this.disabled ? this._toggleMenu : nothing}>\n          ${this.icon ? html`<hy-icon id=\"text-icon\" name=\"${this.icon}\"></hy-icon>` : nothing}\n          <span>${this.text}</span>\n          <div class=\"icons-container\">\n          ${this.status?.icon ? html`\n              <hy-icon name=${this.status.icon} class=\"status-icon\" ></hy-icon>\n            `: nothing}\n          ${(this.highlighted || this.hovered) && this.menu?.menu.actions ? html`\n            <hy-dropdown .options=${this.menu.menu.actions} @click-item=${this.onActionClick} .trigger=${\"click\"}>\n              <hy-icon name=\"${this.menu.menu.icon}\" class=\"action-icon\"></hy-icon>\n            </hy-dropdown>\n            `: nothing}\n            ${this.menu.children.length ? html`<hy-icon id=\"toggle-icon\" name=\"${this.isOpen ? 'angle-up' : 'angle-down'}\" @mousedown=${!this.disabled ? this.toggleIcon : nothing}></hy-icon>` : nothing}\n          </div>\n        </div>\n        <slot @select-menu=${this._handleSelectedChild} @selected-link=${this._handleSelectedChild} style=\"display:${this.isOpen ? nothing : 'none'};\"></slot>\n      </ul>\n    `;\n  }\n  static override styles = styles;\n}\n"]}

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

@@ -1,5 +0,0 @@
-export declare enum ICON_POSITION {
-    LEFT = "left",
-    RIGHT = "right"
-}
-//# sourceMappingURL=menu-link.contants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-link.contants.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/templates/menu-link.contants.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/templates/menu-link.contants.js

@@ -1,6 +0,0 @@
-export var ICON_POSITION;
-(function (ICON_POSITION) {
-    ICON_POSITION["LEFT"] = "left";
-    ICON_POSITION["RIGHT"] = "right";
-})(ICON_POSITION || (ICON_POSITION = {}));
-//# sourceMappingURL=menu-link.contants.js.map

package/templates/menu-link.contants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-link.contants.js","sourceRoot":"","sources":["../../../../src/components/menu/templates/menu-link.contants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB","sourcesContent":["export enum ICON_POSITION {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n"]}

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

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

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

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