@nuralyui/menu 0.0.10 → 0.0.16

package/templates/menu-link.style.js

@@ -1,98 +0,0 @@
-import { css } from 'lit';
-const menuLinkStyle = css `
-  :host([disabled]) li {
-    color: var(--hybrid-menu-disabled-link-color);
-    cursor: not-allowed;
-  }
-
-  :host(:not([disabled]):not([selected])) li {
-    background-color: var(--hybrid-menu-link-background-color);
-  }
-
-  :host(:not([disabled]):not([selected])) li:hover {
-    background-color: var(--hybrid-menu-hover-link-background-color);
-    color: var(--hybrid-menu-hover-link-color);
-  }
-
-  :host([selected]) li:not(:focus) {
-    background-color: var(--hybrid-menu-selected-link-background-color);
-    color: var(--hybrid-menu-selected-color);
-    border-left: var(--hybrid-menu-selected-link-border);
-  }
-
-  :host(:not([disabled])) li {
-    color: var(--hybrid-menu-link-color);
-  }
-
-  :host([text='']) li {
-    width: var(--hybrid-menu-link-icon-only-width);
-  }
-  hy-icon {
-    --hybrid-icon-color: var(--hybrid-menu-link-icon-color);
-  }
-   .icon-container{
-    display:flex;
-    align-items:center;
-    position:relative;
-   }
-   
-   .status-icon{
-    padding-right:0px;
-   }
-
-  li {
-    list-style: none;
-    display: flex;
-    cursor: pointer;
-    padding-bottom: var(--hybrid-menu-link-padding-y);
-    padding-top: var(--hybrid-menu-link-padding-y);
-  }
-  .action-text-container{
-    width:100%;
-    display:flex;
-    justify-content:space-between;
-  }
-
-  :host([iconPosition='right']) li {
-    flex-direction: row-reverse;
-    justify-content: space-between;
-  }
-
-  :host(:not([disabled])) li:focus {
-    /* border: var(--hybrid-menu-focus-border); */
-    background-color: var(--hybrid-menu-active-background-color);
-    color: var(--hybrid-menu-focus-color);
-    border-left: var(--hybrid-menu-selected-link-border);
-  }
-
-  :host(:not([disabled]):not([selected])) li:active {
-    color: var(--hybrid-menu-active-color);
-    background-color: var(--hybrid-menu-active-background-color);
-  }
-
-  :host([icon='']) #text-container {
-    padding-left: var(--hybrid-menu-link-empty-icon-padding-left);
-  }
-  :host([icon=''][iconPosition='right']) #text-container {
-    margin-right: auto;
-  }
-
-  :host([iconPosition='right']) #text-container,
-  :host([iconPosition='right']) #icon-only {
-    padding-left: var(--hybrid-menu-link-icon-right-padding-left);
-  }
-
-  #link-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  hy-icon {
-    display: flex;
-    align-items: center;
-    padding-right: var(--hybrid-menu-link-icon-padding-right);
-    padding-left: var(--hybrid-menu-link-icon-padding-left);
-  }
-`;
-export const styles = menuLinkStyle;
-//# sourceMappingURL=menu-link.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-link.style.js","sourceRoot":"","sources":["../../../../src/components/menu/templates/menu-link.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FxB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\nconst menuLinkStyle = css`\n  :host([disabled]) li {\n    color: var(--hybrid-menu-disabled-link-color);\n    cursor: not-allowed;\n  }\n\n  :host(:not([disabled]):not([selected])) li {\n    background-color: var(--hybrid-menu-link-background-color);\n  }\n\n  :host(:not([disabled]):not([selected])) li:hover {\n    background-color: var(--hybrid-menu-hover-link-background-color);\n    color: var(--hybrid-menu-hover-link-color);\n  }\n\n  :host([selected]) li:not(:focus) {\n    background-color: var(--hybrid-menu-selected-link-background-color);\n    color: var(--hybrid-menu-selected-color);\n    border-left: var(--hybrid-menu-selected-link-border);\n  }\n\n  :host(:not([disabled])) li {\n    color: var(--hybrid-menu-link-color);\n  }\n\n  :host([text='']) li {\n    width: var(--hybrid-menu-link-icon-only-width);\n  }\n  hy-icon {\n    --hybrid-icon-color: var(--hybrid-menu-link-icon-color);\n  }\n   .icon-container{\n    display:flex;\n    align-items:center;\n    position:relative;\n   }\n   \n   .status-icon{\n    padding-right:0px;\n   }\n\n  li {\n    list-style: none;\n    display: flex;\n    cursor: pointer;\n    padding-bottom: var(--hybrid-menu-link-padding-y);\n    padding-top: var(--hybrid-menu-link-padding-y);\n  }\n  .action-text-container{\n    width:100%;\n    display:flex;\n    justify-content:space-between;\n  }\n\n  :host([iconPosition='right']) li {\n    flex-direction: row-reverse;\n    justify-content: space-between;\n  }\n\n  :host(:not([disabled])) li:focus {\n    /* border: var(--hybrid-menu-focus-border); */\n    background-color: var(--hybrid-menu-active-background-color);\n    color: var(--hybrid-menu-focus-color);\n    border-left: var(--hybrid-menu-selected-link-border);\n  }\n\n  :host(:not([disabled]):not([selected])) li:active {\n    color: var(--hybrid-menu-active-color);\n    background-color: var(--hybrid-menu-active-background-color);\n  }\n\n  :host([icon='']) #text-container {\n    padding-left: var(--hybrid-menu-link-empty-icon-padding-left);\n  }\n  :host([icon=''][iconPosition='right']) #text-container {\n    margin-right: auto;\n  }\n\n  :host([iconPosition='right']) #text-container,\n  :host([iconPosition='right']) #icon-only {\n    padding-left: var(--hybrid-menu-link-icon-right-padding-left);\n  }\n\n  #link-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  hy-icon {\n    display: flex;\n    align-items: center;\n    padding-right: var(--hybrid-menu-link-icon-padding-right);\n    padding-left: var(--hybrid-menu-link-icon-padding-left);\n  }\n`;\nexport const styles = menuLinkStyle;\n"]}

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

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

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

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

package/templates/sub-menu.style.js

@@ -1,88 +0,0 @@
-import { css } from 'lit';
-const subMenuStyle = css `
-  :host([disabled]) ul > div {
-    color: var(--hybrid-sub-menu-disabled-color);
-    cursor: not-allowed;
-  }
-  :host(:not([disabled])[highlighted]) ul > div {
-    background: var(--hybrid-sub-menu-highlighted-background-color);
-    color: var(--hybrid-sub-menu-highlighted-color);
-  }
-  :host(:not([disabled])) {
-    color: var(--hybrid-sub-menu-color);
-  }
-
-  :host([icon]) span {
-    margin-right: auto;
-    padding-left: var(--hybrid-sub-menu-padding-left-text);
-  }
-
-  .icons-container{
-    display:flex;
-    align-items:center;
-    position:relative;
-  }
-  .action-icon{
-    margin-right:1px;
-    --hybrid-icon-color: var(--hybrid-sub-menu-action-icon-color);
-  }
-  .status-icon{
-    margin-right:10px;
-    --hybrid-icon-color: var(--hybrid-sub-menu-status-icon-color);
-  }
-
-  #text-icon {
-    --hybrid-icon-color: var(--hybrid-sub-menu-text-icon-color);
-  }
-  #toggle-icon {
-    --hybrid-icon-color: var(--hybrid-sub-menu-toggle-icon-color);
-  }
-
-  ul {
-    display: flex;
-    flex-direction: column;
-    margin-bottom: var(--hybrid-sub-menu-margin-y);
-    margin-top: var(--hybrid-sub-menu-margin-y);
-    padding-left: 0px;
-  }
-
-  :host([icon]) ::slotted(*) {
-    padding-left: var(--hybrid-sub-menu-children-padding-left);
-  }
-
-  :host([icon='']) span {
-    padding-left: var(--hybrid-sub-menu-empty-icon-padding-left-text);
-  }
-
-  ul > div {
-    display: flex;
-    justify-content: space-between;
-    cursor: pointer;
-    padding-top: var(--hybrid-sub-menu-padding-y);
-    padding-bottom: var(--hybrid-sub-menu-padding-y);
-    padding-left: var(--hybrid-sub-menu-padding-left);
-  }
-
-  :host(:not([disabled])) ul > div:focus {
-    border: var(--hybrid-sub-menu-focus-border);
-    color: var(--hybrid-sub-menu-focus-color);
-  }
-
-  :host(:not([disabled])) ul > div:hover {
-    background-color: var(--hybrid-sub-menu-hover-background-color);
-    color: var(--hybrid-sub-menu-hover-color);
-  }
-  :host([selected]:not([disabled])) ul > div {
-    background-color: var(--hybrid-menu-selected-link-background-color);
-    color: var(--hybrid-menu-focus-color);
-    border-left: var(--hybrid-menu-selected-link-border);
-}
-  :host(:not([disabled])) ul > div:active {
-    background-color: var(--hybrid-sub-menu-active-background-color);
-    color: var(--hybrid-sub-menu-active-color);
-  }
-
-  
-`;
-export const styles = subMenuStyle;
-//# sourceMappingURL=sub-menu.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sub-menu.style.js","sourceRoot":"","sources":["../../../../src/components/menu/templates/sub-menu.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFvB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst subMenuStyle = css`\n  :host([disabled]) ul > div {\n    color: var(--hybrid-sub-menu-disabled-color);\n    cursor: not-allowed;\n  }\n  :host(:not([disabled])[highlighted]) ul > div {\n    background: var(--hybrid-sub-menu-highlighted-background-color);\n    color: var(--hybrid-sub-menu-highlighted-color);\n  }\n  :host(:not([disabled])) {\n    color: var(--hybrid-sub-menu-color);\n  }\n\n  :host([icon]) span {\n    margin-right: auto;\n    padding-left: var(--hybrid-sub-menu-padding-left-text);\n  }\n\n  .icons-container{\n    display:flex;\n    align-items:center;\n    position:relative;\n  }\n  .action-icon{\n    margin-right:1px;\n    --hybrid-icon-color: var(--hybrid-sub-menu-action-icon-color);\n  }\n  .status-icon{\n    margin-right:10px;\n    --hybrid-icon-color: var(--hybrid-sub-menu-status-icon-color);\n  }\n\n  #text-icon {\n    --hybrid-icon-color: var(--hybrid-sub-menu-text-icon-color);\n  }\n  #toggle-icon {\n    --hybrid-icon-color: var(--hybrid-sub-menu-toggle-icon-color);\n  }\n\n  ul {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--hybrid-sub-menu-margin-y);\n    margin-top: var(--hybrid-sub-menu-margin-y);\n    padding-left: 0px;\n  }\n\n  :host([icon]) ::slotted(*) {\n    padding-left: var(--hybrid-sub-menu-children-padding-left);\n  }\n\n  :host([icon='']) span {\n    padding-left: var(--hybrid-sub-menu-empty-icon-padding-left-text);\n  }\n\n  ul > div {\n    display: flex;\n    justify-content: space-between;\n    cursor: pointer;\n    padding-top: var(--hybrid-sub-menu-padding-y);\n    padding-bottom: var(--hybrid-sub-menu-padding-y);\n    padding-left: var(--hybrid-sub-menu-padding-left);\n  }\n\n  :host(:not([disabled])) ul > div:focus {\n    border: var(--hybrid-sub-menu-focus-border);\n    color: var(--hybrid-sub-menu-focus-color);\n  }\n\n  :host(:not([disabled])) ul > div:hover {\n    background-color: var(--hybrid-sub-menu-hover-background-color);\n    color: var(--hybrid-sub-menu-hover-color);\n  }\n  :host([selected]:not([disabled])) ul > div {\n    background-color: var(--hybrid-menu-selected-link-background-color);\n    color: var(--hybrid-menu-focus-color);\n    border-left: var(--hybrid-menu-selected-link-border);\n}\n  :host(:not([disabled])) ul > div:active {\n    background-color: var(--hybrid-sub-menu-active-background-color);\n    color: var(--hybrid-sub-menu-active-color);\n  }\n\n  \n`;\nexport const styles = subMenuStyle;\n"]}

package/test/menu-link_test.d.ts

@@ -1,2 +0,0 @@
-import '../templates/hy-menu-link';
-//# sourceMappingURL=menu-link_test.d.ts.map

package/test/menu-link_test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-link_test.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/test/menu-link_test.ts"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/test/menu-link_test.js

@@ -1,85 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { html, fixture, expect } from '@open-wc/testing';
-import '../templates/hy-menu-link';
-import { ICON_POSITION } from '../templates/menu-link.contants';
-suite('HyMenuLinkComponent', () => {
-    test('init menu link', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const text = 'link text';
-        const link = 'url';
-        const icon = 'pencil';
-        const el = yield fixture(html `<hy-menu-link text="${text}" link=${link} icon=${icon}></hy-menu-link>`);
-        const templateIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('hy-icon');
-        const templateLink = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a');
-        const templateText = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('span');
-        const templateLinkIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#link-icon');
-        expect(el.text).to.equal(text);
-        expect(el.link).to.equal(link);
-        expect(el.icon).to.equal(icon);
-        expect(el.iconPosition).to.equal(ICON_POSITION.LEFT);
-        expect(el.disabled).to.be.false;
-        expect(el.selected).to.be.false;
-        expect(templateIcon).to.have.attribute('name', icon);
-        expect(templateLink).to.have.attribute('href', link);
-        expect(templateText === null || templateText === void 0 ? void 0 : templateText.textContent).to.equal(text);
-        expect(templateLinkIcon).to.not.exist;
-    }));
-    test('icon only', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f, _g;
-        const link = 'url';
-        const icon = 'pencil';
-        const el = yield fixture(html `<hy-menu-link link=${link} icon=${icon}></hy-menu-link>`);
-        const templateText = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('span');
-        const templateLinkIcon = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('#link-icon');
-        const anchors = (_g = el.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelectorAll('a');
-        expect(templateText).not.exist;
-        expect(templateLinkIcon).to.exist;
-        expect(templateLinkIcon).to.have.attribute('href', link);
-        expect(templateLinkIcon === null || templateLinkIcon === void 0 ? void 0 : templateLinkIcon.children[0]).to.have.attribute('name', icon);
-        expect(anchors).to.have.length(1);
-    }));
-    test('text only', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j;
-        const link = 'url';
-        const text = 'this is a text';
-        const el = yield fixture(html `<hy-menu-link link=${link} text=${text}></hy-menu-link>`);
-        const templateText = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('span');
-        const templateLinkIcon = (_j = el.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#link-icon');
-        const templateAnchor = el.shadowRoot.querySelectorAll('a');
-        expect(templateText).exist;
-        expect(templateLinkIcon).not.to.exist;
-        expect(templateAnchor).to.exist;
-        expect(templateAnchor).to.have.length(1);
-        expect(templateAnchor[0]).to.have.attribute('href', link);
-        expect(templateAnchor[0].children[0].textContent).to.equal(text);
-    }));
-    test('enabled link', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-menu-link> </hy-menu-link>`);
-        const container = el.shadowRoot.querySelector('li');
-        let selectedLinkDispatch = false;
-        el.addEventListener('selected-link', () => {
-            selectedLinkDispatch = true;
-        });
-        container.click();
-        expect(selectedLinkDispatch).to.be.true;
-    }));
-    test('disabled link', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-menu-link disabled=${true}> </hy-menu-link>`);
-        const container = el.shadowRoot.querySelector('li');
-        let selectedLinkDispatch = false;
-        el.addEventListener('selected-link', () => {
-            selectedLinkDispatch = true;
-        });
-        container.click();
-        expect(selectedLinkDispatch).to.be.false;
-    }));
-});
-//# sourceMappingURL=menu-link_test.js.map

package/test/menu-link_test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-link_test.js","sourceRoot":"","sources":["../../../../src/components/menu/test/menu-link_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport {HyMenuLink} from '../templates/hy-menu-link';\nimport '../templates/hy-menu-link';\nimport {ICON_POSITION} from '../templates/menu-link.contants';\n\nsuite('HyMenuLinkComponent', () => {\n  test('init menu link', async () => {\n    const text = 'link text';\n    const link = 'url';\n    const icon = 'pencil';\n    const el: HyMenuLink = await fixture(html`<hy-menu-link text=\"${text}\" link=${link} icon=${icon}></hy-menu-link>`);\n    const templateIcon = el.shadowRoot?.querySelector('hy-icon');\n    const templateLink = el.shadowRoot?.querySelector('a');\n    const templateText = el.shadowRoot?.querySelector('span');\n    const templateLinkIcon = el.shadowRoot?.querySelector('#link-icon');\n    expect(el.text).to.equal(text);\n    expect(el.link).to.equal(link);\n    expect(el.icon).to.equal(icon);\n    expect(el.iconPosition).to.equal(ICON_POSITION.LEFT);\n    expect(el.disabled).to.be.false;\n    expect(el.selected).to.be.false;\n    expect(templateIcon).to.have.attribute('name', icon);\n    expect(templateLink).to.have.attribute('href', link);\n    expect(templateText?.textContent).to.equal(text);\n    expect(templateLinkIcon).to.not.exist;\n  });\n\n  test('icon only', async () => {\n    const link = 'url';\n    const icon = 'pencil';\n    const el: HyMenuLink = await fixture(html`<hy-menu-link link=${link} icon=${icon}></hy-menu-link>`);\n    const templateText = el.shadowRoot?.querySelector('span');\n    const templateLinkIcon = el.shadowRoot?.querySelector('#link-icon');\n    const anchors = el.shadowRoot?.querySelectorAll('a');\n    expect(templateText).not.exist;\n    expect(templateLinkIcon).to.exist;\n    expect(templateLinkIcon).to.have.attribute('href', link);\n    expect(templateLinkIcon?.children[0]).to.have.attribute('name', icon);\n    expect(anchors).to.have.length(1);\n  });\n  test('text only', async () => {\n    const link = 'url';\n    const text = 'this is a text';\n    const el: HyMenuLink = await fixture(html`<hy-menu-link link=${link} text=${text}></hy-menu-link>`);\n    const templateText = el.shadowRoot?.querySelector('span');\n    const templateLinkIcon = el.shadowRoot?.querySelector('#link-icon');\n    const templateAnchor = el.shadowRoot!.querySelectorAll('a')!;\n    expect(templateText).exist;\n    expect(templateLinkIcon).not.to.exist;\n    expect(templateAnchor).to.exist;\n    expect(templateAnchor).to.have.length(1);\n    expect(templateAnchor[0]).to.have.attribute('href', link);\n    expect(templateAnchor[0].children[0].textContent).to.equal(text);\n  });\n\n  test('enabled link', async () => {\n    const el: HyMenuLink = await fixture(html`<hy-menu-link> </hy-menu-link>`);\n    const container = el.shadowRoot!.querySelector('li')!;\n    let selectedLinkDispatch = false;\n    el.addEventListener('selected-link', () => {\n      selectedLinkDispatch = true;\n    });\n    container.click();\n    expect(selectedLinkDispatch).to.be.true;\n  });\n  test('disabled link', async () => {\n    const el: HyMenuLink = await fixture(html`<hy-menu-link disabled=${true}> </hy-menu-link>`);\n    const container = el.shadowRoot!.querySelector('li')!;\n    let selectedLinkDispatch = false;\n    el.addEventListener('selected-link', () => {\n      selectedLinkDispatch = true;\n    });\n    container.click();\n    expect(selectedLinkDispatch).to.be.false;\n  });\n});\n"]}

package/test/menu_test.d.ts

@@ -1,2 +0,0 @@
-import '../menu.component';
-//# sourceMappingURL=menu_test.d.ts.map

package/test/menu_test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu_test.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/test/menu_test.ts"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC"}

package/test/menu_test.js

@@ -1,81 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { expect, fixture, html } from '@open-wc/testing';
-import '../menu.component';
-suite('HyMenuComponent', () => {
-    const mockMenuItems = [
-        { text: ' link', link: 'menu.html', icon: 'user' },
-        {
-            text: 'first menu',
-            children: [
-                { text: 'under the first menu', link: '', icon: 'user', iconPosition: 'right' },
-                { text: 'selected menu', link: '', icon: 'user', selected: true },
-                {
-                    text: 'under the first menu',
-                    link: '',
-                    icon: 'bomb',
-                    children: [{ text: 'child of under the link', link: '', icon: 'user' }],
-                },
-            ],
-            disabled: false,
-            link: '',
-        },
-        {
-            text: 'second menu',
-            children: [
-                { text: 'under second menu', link: '', icon: 'warning' },
-                { text: 'under second menu', link: '', icon: 'pencil' },
-                {
-                    text: 'menu under second menu',
-                    link: '',
-                    icon: 'bomb',
-                    children: [
-                        {
-                            text: 'children of menu under second menu',
-                            link: '',
-                            icon: 'book',
-                            children: [
-                                { text: 'children of children of menu unser second menu', link: '', icon: 'book', iconPosition: 'right' },
-                            ],
-                        },
-                    ],
-                },
-            ],
-            disabled: false,
-            link: '',
-        },
-    ];
-    test('select the correct number of menu links and sub menus', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-menu .items=${mockMenuItems}></hy-menu>`);
-        expect(el._menuLinks).to.have.length(7);
-        expect(el._subMenues).to.have.length(5);
-    }));
-    test('update the selected link', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-menu .items=${mockMenuItems}></hy-menu>`);
-        const previousSelectedIndex = 2;
-        const newSelectedIndex = 1;
-        const event = new CustomEvent('selected-link', {
-            detail: { index: newSelectedIndex },
-        });
-        el._updateSelectedLink(event);
-        const selectedLink = el.shadowRoot.querySelectorAll('hy-menu-link')[newSelectedIndex];
-        expect(selectedLink).to.have.attribute('selected');
-        const previouslySelectedLink = el.shadowRoot.querySelectorAll('hy-menu-link')[previousSelectedIndex];
-        expect(previouslySelectedLink).to.not.have.attribute('selected');
-    }));
-    test('init highlighted', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-menu .items=${mockMenuItems}></hy-menu>`);
-        const subMenu = el.shadowRoot.querySelector('hy-sub-menu');
-        subMenu.setAttribute('highlighted', 'true');
-        el._handleInitHighlighted();
-        expect(subMenu).to.not.have.attribute('highlighted');
-    }));
-});
-//# sourceMappingURL=menu_test.js.map

package/test/menu_test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu_test.js","sourceRoot":"","sources":["../../../../src/components/menu/test/menu_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {expect, fixture, html} from '@open-wc/testing';\nimport '../menu.component';\nimport {HyMenuComponent} from '../menu.component';\nimport {IMenu} from '../menu.types';\n\nsuite('HyMenuComponent', () => {\n  const mockMenuItems: IMenu[] = [\n    {text: ' link', link: 'menu.html', icon: 'user'},\n    {\n      text: 'first menu',\n      children: [\n        {text: 'under the first menu', link: '', icon: 'user', iconPosition: 'right'},\n        {text: 'selected menu', link: '', icon: 'user', selected: true},\n        {\n          text: 'under the first menu',\n          link: '',\n          icon: 'bomb',\n          children: [{text: 'child of under the link', link: '', icon: 'user'}],\n        },\n      ],\n      disabled: false,\n      link: '',\n    },\n    {\n      text: 'second menu',\n      children: [\n        {text: 'under second menu', link: '', icon: 'warning'},\n        {text: 'under second menu', link: '', icon: 'pencil'},\n        {\n          text: 'menu under second menu',\n          link: '',\n          icon: 'bomb',\n          children: [\n            {\n              text: 'children of menu under second menu',\n              link: '',\n              icon: 'book',\n              children: [\n                {text: 'children of children of menu unser second menu', link: '', icon: 'book', iconPosition: 'right'},\n              ],\n            },\n          ],\n        },\n      ],\n      disabled: false,\n      link: '',\n    },\n  ];\n\n  test('select the correct number of menu links and sub menus', async () => {\n    const el: HyMenuComponent = await fixture(html`<hy-menu .items=${mockMenuItems}></hy-menu>`);\n\n    expect(el._menuLinks).to.have.length(7);\n    expect(el._subMenues).to.have.length(5);\n  });\n\n  test('update the selected link', async () => {\n    const el: HyMenuComponent = await fixture(html`<hy-menu .items=${mockMenuItems}></hy-menu>`);\n    const previousSelectedIndex = 2;\n    const newSelectedIndex = 1;\n    const event = new CustomEvent('selected-link', {\n      detail: {index: newSelectedIndex},\n    });\n    el._updateSelectedLink(event);\n\n    const selectedLink = el.shadowRoot!.querySelectorAll('hy-menu-link')[newSelectedIndex];\n    expect(selectedLink).to.have.attribute('selected');\n    const previouslySelectedLink = el.shadowRoot!.querySelectorAll('hy-menu-link')[previousSelectedIndex];\n    expect(previouslySelectedLink).to.not.have.attribute('selected');\n  });\n\n  test('init highlighted', async () => {\n    const el: HyMenuComponent = await fixture(html`<hy-menu .items=${mockMenuItems}></hy-menu>`);\n    const subMenu = el.shadowRoot!.querySelector('hy-sub-menu')!;\n    subMenu.setAttribute('highlighted', 'true');\n    el._handleInitHighlighted();\n    expect(subMenu).to.not.have.attribute('highlighted');\n  });\n});\n"]}

package/test/sub-menu_test.d.ts

@@ -1,2 +0,0 @@
-import '../templates/hy-sub-menu';
-//# sourceMappingURL=sub-menu_test.d.ts.map

package/test/sub-menu_test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sub-menu_test.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/test/sub-menu_test.ts"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAC"}

package/test/sub-menu_test.js

@@ -1,72 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { html, fixture, expect } from '@open-wc/testing';
-import '../templates/hy-sub-menu';
-suite('HySubMenuComponent', () => {
-    test('init sub menu', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        const text = 'link';
-        const icon = 'bomb';
-        const el = yield fixture(html `<hy-sub-menu text=${text} icon=${icon}></hy-sub-menu>`);
-        const toggleIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#toggle-icon');
-        const textContainer = el.shadowRoot.querySelector('span');
-        const textIcon = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#text-icon');
-        expect(el.disabled).to.be.false;
-        expect(el.highlighted).to.be.false;
-        expect(el.text).to.equal(text);
-        expect(el.icon).to.equal(icon);
-        expect(el.isOpen).to.be.false;
-        expect(toggleIcon).to.have.attribute('name', 'angle-down');
-        expect(textContainer.textContent).to.equal(text);
-        expect(textIcon).to.have.attribute('name', icon);
-    }));
-    test('toggle sub menu', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
-        const el = yield fixture(html `<hy-sub-menu></hy-sub-menu>`);
-        const container = el.shadowRoot.querySelector('div');
-        const toggleIcon = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#toggle-icon');
-        container.click();
-        yield el.updateComplete;
-        expect(el.isOpen).to.be.true;
-        expect(toggleIcon).to.have.attribute('name', 'angle-up');
-        container.click();
-        yield el.updateComplete;
-        expect(el.isOpen).to.be.false;
-        expect(toggleIcon).to.have.attribute('name', 'angle-down');
-    }));
-    test('disabled sub menu', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-sub-menu disabled=${true}></hy-sub-menu>`);
-        const container = el.shadowRoot.querySelector('div');
-        expect(el.disabled).to.be.true;
-        container.click();
-        yield el.updateComplete;
-        expect(el.isOpen).to.be.false;
-    }));
-    test('sub menu with text only', () => __awaiter(void 0, void 0, void 0, function* () {
-        const text = 'sub menu text';
-        const el = yield fixture(html `<hy-sub-menu text="${text}"></hy-sub-menu>`);
-        const icon = el.shadowRoot.querySelector('#text-icon');
-        const textContainer = el.shadowRoot.querySelector('span');
-        expect(icon).to.not.exist;
-        expect(textContainer.textContent).to.equal(text);
-    }));
-    test('highlight sub menu', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-sub-menu></hy-sub-menu>`);
-        let eventDispatched = false;
-        el.addEventListener('init-highlighted', () => {
-            eventDispatched = true;
-        });
-        expect(el.highlighted).to.be.false;
-        el._handleSelectedChild();
-        expect(eventDispatched).to.be.true;
-        expect(el.highlighted).to.be.true;
-    }));
-});
-//# sourceMappingURL=sub-menu_test.js.map

package/test/sub-menu_test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sub-menu_test.js","sourceRoot":"","sources":["../../../../src/components/menu/test/sub-menu_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport {HySubMenu} from '../templates/hy-sub-menu';\nimport '../templates/hy-sub-menu';\n\nsuite('HySubMenuComponent', () => {\n  test('init sub menu', async () => {\n    const text = 'link';\n    const icon = 'bomb';\n    const el: HySubMenu = await fixture(html`<hy-sub-menu text=${text} icon=${icon}></hy-sub-menu>`);\n    const toggleIcon = el.shadowRoot?.querySelector('#toggle-icon');\n    const textContainer = el.shadowRoot!.querySelector('span')!;\n    const textIcon = el.shadowRoot?.querySelector('#text-icon');\n    expect(el.disabled).to.be.false;\n    expect(el.highlighted).to.be.false;\n    expect(el.text).to.equal(text);\n    expect(el.icon).to.equal(icon);\n    expect(el.isOpen).to.be.false;\n    expect(toggleIcon).to.have.attribute('name', 'angle-down');\n    expect(textContainer.textContent).to.equal(text);\n    expect(textIcon).to.have.attribute('name', icon);\n  });\n\n  test('toggle sub menu', async () => {\n    const el: HySubMenu = await fixture(html`<hy-sub-menu></hy-sub-menu>`);\n    const container = el.shadowRoot!.querySelector('div')!;\n    const toggleIcon = el.shadowRoot?.querySelector('#toggle-icon');\n    container.click();\n    await el.updateComplete;\n    expect(el.isOpen).to.be.true;\n    expect(toggleIcon).to.have.attribute('name', 'angle-up');\n    container.click();\n    await el.updateComplete;\n    expect(el.isOpen).to.be.false;\n    expect(toggleIcon).to.have.attribute('name', 'angle-down');\n  });\n\n  test('disabled sub menu', async () => {\n    const el: HySubMenu = await fixture(html`<hy-sub-menu disabled=${true}></hy-sub-menu>`);\n    const container = el.shadowRoot!.querySelector('div')!;\n    expect(el.disabled).to.be.true;\n    container.click();\n    await el.updateComplete;\n    expect(el.isOpen).to.be.false;\n  });\n\n  test('sub menu with text only', async () => {\n    const text = 'sub menu text';\n    const el: HySubMenu = await fixture(html`<hy-sub-menu text=\"${text}\"></hy-sub-menu>`);\n    const icon = el.shadowRoot!.querySelector('#text-icon');\n    const textContainer = el.shadowRoot!.querySelector('span')!;\n    expect(icon).to.not.exist;\n    expect(textContainer.textContent).to.equal(text);\n  });\n\n  test('highlight sub menu', async () => {\n    const el: HySubMenu = await fixture(html`<hy-sub-menu></hy-sub-menu>`);\n    let eventDispatched = false;\n    el.addEventListener('init-highlighted', () => {\n      eventDispatched = true;\n    });\n    expect(el.highlighted).to.be.false;\n\n    el._handleSelectedChild();\n\n    expect(eventDispatched).to.be.true;\n    expect(el.highlighted).to.be.true;\n  });\n});\n"]}