@zanichelli/albe-web-components 16.3.0 → 16.3.1

package/dist/collection/components/z-input/test.e2e.js

@@ -1,180 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { ICONS } from "../../constants/iconset";
-it("Test ZInput should emit inputChange event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let inputValue = "";
-    await page.exposeFunction("onInputChange", (e) => {
-        inputValue = e.detail.value;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputChange({ type, detail: e.detail });
-        });
-    }, "inputChange");
-    await page.setContent(`<z-input></z-input>`);
-    const input = await page.find("z-input div input");
-    expect(inputValue).toEqual("");
-    await input.press("A");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("A");
-    await input.press("B");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("AB");
-});
-it("Test disabled ZInput should not change / emit inputChange event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let inputValue = "";
-    await page.exposeFunction("onInputChange", (e) => {
-        inputValue = e.detail.value;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputChange({ type, detail: e.detail });
-        });
-    }, "inputChange");
-    await page.setContent(`<z-input disabled></z-input>`);
-    const input = await page.find("z-input div input");
-    expect(inputValue).toEqual("");
-    await input.press("A");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("");
-    await input.press("B");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("");
-});
-it("Test ZInput - input password - change hide/show icon on click", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    await page.setContent(`<z-input htmlid="checkid" type="password"></z-input>`);
-    const iconButton = await page.find("z-input button.toggle-password-icon");
-    const icon = await page.find("z-input button.toggle-password-icon z-icon");
-    //icon will be an open eye on first click
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(icon).toEqualHtml(`<z-icon class="hydrated sc-z-input big" aria-hidden="true">
-      <mock:shadow-root>
-      <svg  fill="" viewBox="0 0 1000 1000">
-      <path d="${ICONS["view-off-filled"]}"></path>
-      </svg>
-      </mock:shadow-root>
-    </z-icon>`);
-    //icon will be a closed eye on second click
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(icon).toEqualHtml(`<z-icon class="hydrated sc-z-input big" aria-hidden="true">
-      <mock:shadow-root>
-        <svg  fill="" viewBox="0 0 1000 1000">
-          <path d="${ICONS["view-filled"]}"></path>
-        </svg>
-      </mock:shadow-root>
-    </z-icon>`);
-});
-it("Test ZInput - input password - change input type on icon click to show/hide password", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    await page.setContent(`<z-input htmlid="checkid" type="password"></z-input>`);
-    const input = await page.find("z-input div.text-wrapper div input");
-    const iconButton = await page.find("z-input button.toggle-password-icon");
-    //input will be type text after first click on icon
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(input).toEqualAttribute("type", "text");
-    //input will be type password after second click on icon
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(input).toEqualAttribute("type", "password");
-});
-it("Test ZInput checkbox should emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="checkbox"></z-input>`);
-    const input_checkbox = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_checkbox.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-    await input_checkbox.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-it("Test disabled ZInput checkbox should not emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({
-                type,
-                detail: e.detail,
-            });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="checkbox" disabled></z-input>`);
-    const input_checkbox_unchecked = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_checkbox_unchecked.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-it("Test ZInput radio should emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input id="radio_1" type="radio"></z-input>`);
-    const input_radio = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_radio.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-    await input_radio.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-});
-it("Test disabled ZInput radio should not emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="radio" disabled></z-input>`);
-    const input_radio_unchecked = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_radio_unchecked.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/z-input/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-input/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nimport {ICONS} from \"../../constants/iconset\";\n\ntype CustomWindow = Window &\n  typeof globalThis & {\n    onInputChange: (a) => unknown;\n    onInputCheck: (a) => unknown;\n  };\n\nit(\"Test ZInput should emit inputChange event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let inputValue = \"\";\n  await page.exposeFunction(\"onInputChange\", (e) => {\n    inputValue = e.detail.value;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputChange({type, detail: e.detail});\n    });\n  }, \"inputChange\");\n\n  await page.setContent(`<z-input></z-input>`);\n  const input = await page.find(\"z-input div input\");\n\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"A\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"A\");\n\n  await input.press(\"B\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"AB\");\n});\n\nit(\"Test disabled ZInput should not change / emit inputChange event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let inputValue = \"\";\n  await page.exposeFunction(\"onInputChange\", (e) => {\n    inputValue = e.detail.value;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputChange({type, detail: e.detail});\n    });\n  }, \"inputChange\");\n\n  await page.setContent(`<z-input disabled></z-input>`);\n  const input = await page.find(\"z-input div input\");\n\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"A\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"B\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"\");\n});\n\nit(\"Test ZInput - input password - change hide/show icon on click\", async () => {\n  const page = await newE2EPage();\n  // Define a window.onCustomEvent function on the page.\n  await page.setContent(`<z-input htmlid=\"checkid\" type=\"password\"></z-input>`);\n  const iconButton = await page.find(\"z-input button.toggle-password-icon\");\n  const icon = await page.find(\"z-input button.toggle-password-icon z-icon\");\n  //icon will be an open eye on first click\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(icon).toEqualHtml(\n    `<z-icon class=\"hydrated sc-z-input big\" aria-hidden=\"true\">\n      <mock:shadow-root>\n      <svg  fill=\"\" viewBox=\"0 0 1000 1000\">\n      <path d=\"${ICONS[\"view-off-filled\"]}\"></path>\n      </svg>\n      </mock:shadow-root>\n    </z-icon>`\n  );\n\n  //icon will be a closed eye on second click\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(icon).toEqualHtml(\n    `<z-icon class=\"hydrated sc-z-input big\" aria-hidden=\"true\">\n      <mock:shadow-root>\n        <svg  fill=\"\" viewBox=\"0 0 1000 1000\">\n          <path d=\"${ICONS[\"view-filled\"]}\"></path>\n        </svg>\n      </mock:shadow-root>\n    </z-icon>`\n  );\n});\n\nit(\"Test ZInput - input password - change input type on icon click to show/hide password\", async () => {\n  const page = await newE2EPage();\n  // Define a window.onCustomEvent function on the page.\n  await page.setContent(`<z-input htmlid=\"checkid\" type=\"password\"></z-input>`);\n  const input = await page.find(\"z-input div.text-wrapper div input\");\n  const iconButton = await page.find(\"z-input button.toggle-password-icon\");\n\n  //input will be type text after first click on icon\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(input).toEqualAttribute(\"type\", \"text\");\n  //input will be type password after second click on icon\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(input).toEqualAttribute(\"type\", \"password\");\n});\n\nit(\"Test ZInput checkbox should emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"checkbox\"></z-input>`);\n  const input_checkbox = await page.find(\"z-input div input\");\n\n  expect(checked).toEqual(false);\n\n  await input_checkbox.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n\n  await input_checkbox.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n\nit(\"Test disabled ZInput checkbox should not emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({\n        type,\n        detail: e.detail,\n      });\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"checkbox\" disabled></z-input>`);\n  const input_checkbox_unchecked = await page.find(\"z-input div input\");\n  expect(checked).toEqual(false);\n  await input_checkbox_unchecked.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n\nit(\"Test ZInput radio should emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input id=\"radio_1\" type=\"radio\"></z-input>`);\n  const input_radio = await page.find(\"z-input div input\");\n\n  expect(checked).toEqual(false);\n  await input_radio.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n  await input_radio.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n});\n\nit(\"Test disabled ZInput radio should not emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"radio\" disabled></z-input>`);\n  const input_radio_unchecked = await page.find(\"z-input div input\");\n  expect(checked).toEqual(false);\n  await input_radio_unchecked.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n"]}

package/dist/collection/components/z-input-message/index.spec.js

@@ -1,45 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZInputMessage } from "./index";
-describe("Suite test ZInputMessage", () => {
-    it("Test render ZInputMessage - empty", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message aria-label=""></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message aria-label="">
-        <mock:shadow-root>
-          <span></span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-    it("Test render ZInputMessage - with message", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message tabindex="0" aria-label="message" message="message"></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message tabindex="0" aria-label="message" message="message">
-        <mock:shadow-root>
-          <span>message</span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-    it("Test render ZInputMessage - with status/message", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message tabindex="0" aria-label="message" message="message" status="success"></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message tabindex="0" aria-label="message" message="message" status="success" role="alert">
-        <mock:shadow-root>
-          <z-icon name="checkmark-circle"></z-icon>
-          <span>message</span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-input-message/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-input-message/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mDAAmD;SAC1D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,yFAAyF;SAChG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZInputMessage} from \"./index\";\n\ndescribe(\"Suite test ZInputMessage\", () => {\n  it(\"Test render ZInputMessage - empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message aria-label=\"\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message aria-label=\"\">\n        <mock:shadow-root>\n          <span></span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n\n  it(\"Test render ZInputMessage - with message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\">\n        <mock:shadow-root>\n          <span>message</span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n\n  it(\"Test render ZInputMessage - with status/message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\" status=\"success\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\" status=\"success\" role=\"alert\">\n        <mock:shadow-root>\n          <z-icon name=\"checkmark-circle\"></z-icon>\n          <span>message</span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-logo/index.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZLogo } from "./index";
-describe("Suite test ZLogo", () => {
-    it("Test render ZLogo", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo>
-        <mock:shadow-root>
-          <img></img>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with img alt and size", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo image-alt="zlogo" width=128 height=32></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo width="128" height="32" image-alt="zlogo" style="max-width: 128px; width: 128px; max-height: 32px; height: 32px;">
-        <mock:shadow-root>
-          <img alt="zlogo">
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with link", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo link="http://www.zanichelli.it/"></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo link="http://www.zanichelli.it/">
-        <mock:shadow-root>
-          <a href="http://www.zanichelli.it/" target="_self">
-            <img>
-          </a>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render ZLogo with link, targetblank and size", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo link="http://www.zanichelli.it/" target-blank width="128" height="32"></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo width="128" height="32" link="http://www.zanichelli.it/" target-blank style="max-width: 128px; width: 128px; max-height: 32px; height: 32px;">
-        <mock:shadow-root>
-          <a href="http://www.zanichelli.it/" target="_blank">
-            <img>
-          </a>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-    it("Test render mobile ZLogo", async () => {
-        const page = await newSpecPage({
-            components: [ZLogo],
-            html: `<z-logo mobile-logo></z-logo>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-logo mobile-logo class="mobile">
-        <mock:shadow-root>
-            <img></img>
-        </mock:shadow-root>
-      </z-logo>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-logo/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-logo/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,mBAAmB;SAC1B,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yFAAyF;SAChG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZLogo} from \"./index\";\n\ndescribe(\"Suite test ZLogo\", () => {\n  it(\"Test render ZLogo\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo>\n        <mock:shadow-root>\n          <img></img>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with img alt and size\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo image-alt=\"zlogo\" width=128 height=32></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo width=\"128\" height=\"32\" image-alt=\"zlogo\" style=\"max-width: 128px; width: 128px; max-height: 32px; height: 32px;\">\n        <mock:shadow-root>\n          <img alt=\"zlogo\">\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with link\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo link=\"http://www.zanichelli.it/\"></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo link=\"http://www.zanichelli.it/\">\n        <mock:shadow-root>\n          <a href=\"http://www.zanichelli.it/\" target=\"_self\">\n            <img>\n          </a>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render ZLogo with link, targetblank and size\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo link=\"http://www.zanichelli.it/\" target-blank width=\"128\" height=\"32\"></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo width=\"128\" height=\"32\" link=\"http://www.zanichelli.it/\" target-blank style=\"max-width: 128px; width: 128px; max-height: 32px; height: 32px;\">\n        <mock:shadow-root>\n          <a href=\"http://www.zanichelli.it/\" target=\"_blank\">\n            <img>\n          </a>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n\n  it(\"Test render mobile ZLogo\", async () => {\n    const page = await newSpecPage({\n      components: [ZLogo],\n      html: `<z-logo mobile-logo></z-logo>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-logo mobile-logo class=\"mobile\">\n        <mock:shadow-root>\n            <img></img>\n        </mock:shadow-root>\n      </z-logo>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-menu/index.spec.js

@@ -1,136 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMenuSection } from "../z-menu-section";
-import { ZMenu } from "./index";
-describe("Suite test ZMenu", () => {
-    it("Test render ZMenu label only", async () => {
-        const page = await newSpecPage({
-            components: [ZMenu],
-            html: `<z-menu role="menu">
-        <h3>Menu label</h3>
-      </z-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-menu floating="" role="menu">
-      <mock:shadow-root>
-        <div class="menu-wrapper">
-          <div class="menu-label">
-            <div class="menu-label-content">
-              <slot></slot>
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <h3>Menu label</h3>
-    </z-menu>`);
-    });
-    it("Test render ZMenu with items", async () => {
-        const page = await newSpecPage({
-            components: [ZMenu, ZMenuSection],
-            html: `<z-menu role="menu">
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <a href="#" slot="item">Item 2</a>
-        <a href="#" slot="item">Item 3</a>
-      </z-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-menu floating="" role="menu">
-        <mock:shadow-root>
-          <div class="menu-wrapper">
-            <button aria-expanded="false" aria-label="Apri menù" class="menu-label">
-              <div class="menu-label-content">
-                <slot></slot>
-                <z-icon name="chevron-down"></z-icon>
-              </div>
-            </button>
-          </div>
-          <div class="content">
-            <div class="items" role="menu">
-              <slot name="item"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <a href="#" slot="item">Item 2</a>
-        <a href="#" slot="item">Item 3</a>
-    </z-menu>`);
-    });
-    it("Test render ZMenu with submenu", async () => {
-        const page = await newSpecPage({
-            components: [ZMenu, ZMenuSection],
-            html: `<z-menu floating="" role="menu">
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <z-menu-section slot="item">
-          <h3>Item 2</h2>
-          <a href="#" slot="section">Item 2.1</a>
-          <a href="#" slot="section">Item 2.2</a>
-        </z-menu-section>
-      </z-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-menu floating="" role="menu">
-      <mock:shadow-root>
-        <div class="menu-wrapper">
-          <button aria-expanded="false" aria-label="Apri menù" class="menu-label">
-            <div class="menu-label-content">
-              <slot></slot>
-              <z-icon name="chevron-down"></z-icon>
-            </div>
-          </button>
-        </div>
-        <div class="content">
-          <div class="items" role="menu">
-            <slot name="item"></slot>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <h3>
-        Menu label
-      </h3>
-      <a href="#" slot="item">
-        Item 1
-      </a>
-      <z-menu-section role="menu" slot="item">
-        <mock:shadow-root>
-          <button aria-pressed="false" class="label">
-            <slot></slot>
-            <z-icon name="chevron-down"></z-icon>
-          </button>
-        </mock:shadow-root>
-        <h3>
-          Item 2
-        </h3>
-        <a href="#" slot="section">
-          Item 2.1
-        </a>
-        <a href="#" slot="section">
-          Item 2.2
-        </a>
-      </z-menu-section>
-    </z-menu>`);
-    });
-    it("Test ZMenu toggle events", async () => {
-        const page = await newSpecPage({
-            components: [ZMenu],
-            html: `<z-menu role="menu">
-        <div slot="item">item</div>
-      </z-menu>`,
-        });
-        const menu = page.rootInstance;
-        const openedCallback = jest.fn();
-        page.doc.addEventListener("opened", openedCallback);
-        await page.waitForChanges();
-        // call `toggle` to open the menu
-        menu.toggle();
-        expect(openedCallback).toHaveBeenCalled();
-        const closedCallback = jest.fn();
-        page.doc.addEventListener("closed", closedCallback);
-        await page.waitForChanges();
-        // the menu is already open, this call will close it
-        menu.toggle();
-        expect(closedCallback).toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-menu/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-menu/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;gBAEI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;cAYpB,CAAC,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC;YACjC,IAAI,EAAE;;;;;gBAKI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBpB,CAAC,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC;YACjC,IAAI,EAAE;;;;;;;;gBAQI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwCpB,CAAC,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;gBAEI;SACX,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAE/B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,iCAAiC;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,oDAAoD;QACpD,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZMenuSection} from \"../z-menu-section\";\n\nimport {ZMenu} from \"./index\";\n\ndescribe(\"Suite test ZMenu\", () => {\n  it(\"Test render ZMenu label only\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenu],\n      html: `<z-menu role=\"menu\">\n        <h3>Menu label</h3>\n      </z-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-menu floating=\"\" role=\"menu\">\n      <mock:shadow-root>\n        <div class=\"menu-wrapper\">\n          <div class=\"menu-label\">\n            <div class=\"menu-label-content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n      <h3>Menu label</h3>\n    </z-menu>`);\n  });\n\n  it(\"Test render ZMenu with items\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenu, ZMenuSection],\n      html: `<z-menu role=\"menu\">\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <a href=\"#\" slot=\"item\">Item 2</a>\n        <a href=\"#\" slot=\"item\">Item 3</a>\n      </z-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-menu floating=\"\" role=\"menu\">\n        <mock:shadow-root>\n          <div class=\"menu-wrapper\">\n            <button aria-expanded=\"false\" aria-label=\"Apri menù\" class=\"menu-label\">\n              <div class=\"menu-label-content\">\n                <slot></slot>\n                <z-icon name=\"chevron-down\"></z-icon>\n              </div>\n            </button>\n          </div>\n          <div class=\"content\">\n            <div class=\"items\" role=\"menu\">\n              <slot name=\"item\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <a href=\"#\" slot=\"item\">Item 2</a>\n        <a href=\"#\" slot=\"item\">Item 3</a>\n    </z-menu>`);\n  });\n\n  it(\"Test render ZMenu with submenu\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenu, ZMenuSection],\n      html: `<z-menu floating=\"\" role=\"menu\">\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <z-menu-section slot=\"item\">\n          <h3>Item 2</h2>\n          <a href=\"#\" slot=\"section\">Item 2.1</a>\n          <a href=\"#\" slot=\"section\">Item 2.2</a>\n        </z-menu-section>\n      </z-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-menu floating=\"\" role=\"menu\">\n      <mock:shadow-root>\n        <div class=\"menu-wrapper\">\n          <button aria-expanded=\"false\" aria-label=\"Apri menù\" class=\"menu-label\">\n            <div class=\"menu-label-content\">\n              <slot></slot>\n              <z-icon name=\"chevron-down\"></z-icon>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\">\n          <div class=\"items\" role=\"menu\">\n            <slot name=\"item\"></slot>\n          </div>\n        </div>\n      </mock:shadow-root>\n      <h3>\n        Menu label\n      </h3>\n      <a href=\"#\" slot=\"item\">\n        Item 1\n      </a>\n      <z-menu-section role=\"menu\" slot=\"item\">\n        <mock:shadow-root>\n          <button aria-pressed=\"false\" class=\"label\">\n            <slot></slot>\n            <z-icon name=\"chevron-down\"></z-icon>\n          </button>\n        </mock:shadow-root>\n        <h3>\n          Item 2\n        </h3>\n        <a href=\"#\" slot=\"section\">\n          Item 2.1\n        </a>\n        <a href=\"#\" slot=\"section\">\n          Item 2.2\n        </a>\n      </z-menu-section>\n    </z-menu>`);\n  });\n\n  it(\"Test ZMenu toggle events\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenu],\n      html: `<z-menu role=\"menu\">\n        <div slot=\"item\">item</div>\n      </z-menu>`,\n    });\n    const menu = page.rootInstance;\n\n    const openedCallback = jest.fn();\n    page.doc.addEventListener(\"opened\", openedCallback);\n    await page.waitForChanges();\n    // call `toggle` to open the menu\n    menu.toggle();\n    expect(openedCallback).toHaveBeenCalled();\n\n    const closedCallback = jest.fn();\n    page.doc.addEventListener(\"closed\", closedCallback);\n    await page.waitForChanges();\n    // the menu is already open, this call will close it\n    menu.toggle();\n    expect(closedCallback).toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/components/z-menu-section/index.spec.js

@@ -1,50 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMenuSection } from "./index";
-describe("Suite test ZMenuSection", () => {
-    it("Test render ZMenu with items", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuSection],
-            html: `<z-menu-section>
-        <h3>Menu section label</h3>
-        <a href="#" slot="section">Item 1</a>
-        <a href="#" slot="section">Item 2</a>
-        <a href="#" slot="section">Item 3</a>
-      </z-menu-section>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-menu-section role="menu">
-        <mock:shadow-root>
-          <button aria-pressed="false" class="label">
-            <slot></slot>
-            <z-icon name="chevron-down"></z-icon>
-          </button>
-        </mock:shadow-root>
-        <h3>Menu section label</h3>
-        <a href="#" slot="section">Item 1</a>
-        <a href="#" slot="section">Item 2</a>
-        <a href="#" slot="section">Item 3</a>
-    </z-menu-section>`);
-    });
-    it("Test ZMenuSection toggle events", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuSection],
-            html: `<z-menu-section>
-        <div slot="section">item</div>
-      </z-menu-section>`,
-        });
-        const menu = page.rootInstance;
-        const openedCallback = jest.fn();
-        page.doc.addEventListener("opened", openedCallback);
-        await page.waitForChanges();
-        // call `toggle` to open the menu
-        menu.toggle();
-        expect(openedCallback).toHaveBeenCalled();
-        const closedCallback = jest.fn();
-        page.doc.addEventListener("closed", closedCallback);
-        await page.waitForChanges();
-        // the menu is already open, this call will close it
-        menu.toggle();
-        expect(closedCallback).toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-menu-section/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-menu-section/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE;;;;;wBAKY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;sBAYZ,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAE/B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,iCAAiC;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,oDAAoD;QACpD,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMenuSection} from \"./index\";\n\ndescribe(\"Suite test ZMenuSection\", () => {\n  it(\"Test render ZMenu with items\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuSection],\n      html: `<z-menu-section>\n        <h3>Menu section label</h3>\n        <a href=\"#\" slot=\"section\">Item 1</a>\n        <a href=\"#\" slot=\"section\">Item 2</a>\n        <a href=\"#\" slot=\"section\">Item 3</a>\n      </z-menu-section>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-menu-section role=\"menu\">\n        <mock:shadow-root>\n          <button aria-pressed=\"false\" class=\"label\">\n            <slot></slot>\n            <z-icon name=\"chevron-down\"></z-icon>\n          </button>\n        </mock:shadow-root>\n        <h3>Menu section label</h3>\n        <a href=\"#\" slot=\"section\">Item 1</a>\n        <a href=\"#\" slot=\"section\">Item 2</a>\n        <a href=\"#\" slot=\"section\">Item 3</a>\n    </z-menu-section>`);\n  });\n\n  it(\"Test ZMenuSection toggle events\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuSection],\n      html: `<z-menu-section>\n        <div slot=\"section\">item</div>\n      </z-menu-section>`,\n    });\n    const menu = page.rootInstance;\n\n    const openedCallback = jest.fn();\n    page.doc.addEventListener(\"opened\", openedCallback);\n    await page.waitForChanges();\n    // call `toggle` to open the menu\n    menu.toggle();\n    expect(openedCallback).toHaveBeenCalled();\n\n    const closedCallback = jest.fn();\n    page.doc.addEventListener(\"closed\", closedCallback);\n    await page.waitForChanges();\n    // the menu is already open, this call will close it\n    menu.toggle();\n    expect(closedCallback).toHaveBeenCalled();\n  });\n});\n"]}