@zanichelli/albe-web-components 16.3.0 → 16.3.1

package/dist/collection/components/z-toast-notification/index.spec.js

@@ -1,104 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZToastNotification } from "./index";
-describe("Suite test ZToastNotification", () => {
-    it("Test render ZToastNotification vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotification],
-            html: `<z-toast-notification closebutton="true"></z-toast-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-toast-notification closebutton="true" class="slide-in-down" style="--percentuale: 0%; undefined: rgba(0,0,0,0);">
-      <mock:shadow-root>
-        <div id="external-container" tabindex="0">
-          <div id="text">
-            <span class="title"></span>
-            <span class="message"></span>
-          </div>
-          <div id="button">
-            <slot name="button"></slot>
-          </div>
-          <div id="icon">
-            <z-icon height="15" name="multiply-circled" tabindex="0" width="15"></z-icon>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </z-toast-notification>
-    `);
-    });
-    it("Test render ZToastNotification con props e closebutton", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotification],
-            html: `<z-toast-notification
-        heading="Titolo"
-        type="dark"
-        message="descrizione della notifica"
-        closebutton="true"
-        transition="slide-in-down"
-        draggablepercentage="10"
-      ></z-toast-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-toast-notification class="slide-in-down" closebutton="true" draggablepercentage="10" heading="Titolo" message="descrizione della notifica" transition="slide-in-down" type="dark" style="--percentuale: 0%; undefined: rgba(0,0,0,0);">
-      <mock:shadow-root>
-        <div class="dark" id="external-container" tabindex="0">
-          <div id="text">
-            <span class="title">
-              Titolo
-            </span>
-            <span class="message">
-              descrizione della notifica
-            </span>
-          </div>
-          <div id="button">
-            <slot name="button"></slot>
-          </div>
-          <div id="icon">
-            <z-icon height="15" name="multiply-circled" tabindex="0" width="15"></z-icon>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </z-toast-notification>
-    `);
-    });
-    it("Test render ZToastNotification con props e slot", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotification],
-            html: `<z-toast-notification
-        heading="Titolo"
-        type="dark"
-        message="descrizione della notifica"
-        closebutton="true"
-        transition="slide-in-down"
-        draggablepercentage="10"
-      >
-        <z-button slot="button">button</z-button>
-      </z-toast-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-toast-notification class="slide-in-down" closebutton="true" draggablepercentage="10" heading="Titolo" message="descrizione della notifica" transition="slide-in-down" type="dark" style="--percentuale: 0%; undefined: rgba(0,0,0,0);">
-      <mock:shadow-root>
-        <div class="dark" id="external-container" tabindex="0">
-          <div id="text">
-            <span class="title">
-              Titolo
-            </span>
-            <span class="message">
-              descrizione della notifica
-            </span>
-          </div>
-          <div id="button">
-            <slot name="button"></slot>
-          </div>
-          <div id="icon">
-            <z-icon height="15" name="multiply-circled" tabindex="0" width="15"></z-icon>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <z-button slot="button">
-        button
-      </z-button>
-    </z-toast-notification>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-toast-notification/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,kEAAkE;SACzE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE;;;;;;;+BAOmB;SAC1B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;KAqB7B,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,kBAAkB,CAAC;YAChC,IAAI,EAAE;;;;;;;;;8BASkB;SACzB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZToastNotification} from \"./index\";\n\ndescribe(\"Suite test ZToastNotification\", () => {\n  it(\"Test render ZToastNotification vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotification],\n      html: `<z-toast-notification closebutton=\"true\"></z-toast-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-toast-notification closebutton=\"true\" class=\"slide-in-down\" style=\"--percentuale: 0%; undefined: rgba(0,0,0,0);\">\n      <mock:shadow-root>\n        <div id=\"external-container\" tabindex=\"0\">\n          <div id=\"text\">\n            <span class=\"title\"></span>\n            <span class=\"message\"></span>\n          </div>\n          <div id=\"button\">\n            <slot name=\"button\"></slot>\n          </div>\n          <div id=\"icon\">\n            <z-icon height=\"15\" name=\"multiply-circled\" tabindex=\"0\" width=\"15\"></z-icon>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </z-toast-notification>\n    `);\n  });\n\n  it(\"Test render ZToastNotification con props e closebutton\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotification],\n      html: `<z-toast-notification\n        heading=\"Titolo\"\n        type=\"dark\"\n        message=\"descrizione della notifica\"\n        closebutton=\"true\"\n        transition=\"slide-in-down\"\n        draggablepercentage=\"10\"\n      ></z-toast-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-toast-notification class=\"slide-in-down\" closebutton=\"true\" draggablepercentage=\"10\" heading=\"Titolo\" message=\"descrizione della notifica\" transition=\"slide-in-down\" type=\"dark\" style=\"--percentuale: 0%; undefined: rgba(0,0,0,0);\">\n      <mock:shadow-root>\n        <div class=\"dark\" id=\"external-container\" tabindex=\"0\">\n          <div id=\"text\">\n            <span class=\"title\">\n              Titolo\n            </span>\n            <span class=\"message\">\n              descrizione della notifica\n            </span>\n          </div>\n          <div id=\"button\">\n            <slot name=\"button\"></slot>\n          </div>\n          <div id=\"icon\">\n            <z-icon height=\"15\" name=\"multiply-circled\" tabindex=\"0\" width=\"15\"></z-icon>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </z-toast-notification>\n    `);\n  });\n\n  it(\"Test render ZToastNotification con props e slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotification],\n      html: `<z-toast-notification\n        heading=\"Titolo\"\n        type=\"dark\"\n        message=\"descrizione della notifica\"\n        closebutton=\"true\"\n        transition=\"slide-in-down\"\n        draggablepercentage=\"10\"\n      >\n        <z-button slot=\"button\">button</z-button>\n      </z-toast-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-toast-notification class=\"slide-in-down\" closebutton=\"true\" draggablepercentage=\"10\" heading=\"Titolo\" message=\"descrizione della notifica\" transition=\"slide-in-down\" type=\"dark\" style=\"--percentuale: 0%; undefined: rgba(0,0,0,0);\">\n      <mock:shadow-root>\n        <div class=\"dark\" id=\"external-container\" tabindex=\"0\">\n          <div id=\"text\">\n            <span class=\"title\">\n              Titolo\n            </span>\n            <span class=\"message\">\n              descrizione della notifica\n            </span>\n          </div>\n          <div id=\"button\">\n            <slot name=\"button\"></slot>\n          </div>\n          <div id=\"icon\">\n            <z-icon height=\"15\" name=\"multiply-circled\" tabindex=\"0\" width=\"15\"></z-icon>\n          </div>\n        </div>\n      </mock:shadow-root>\n      <z-button slot=\"button\">\n        button\n      </z-button>\n    </z-toast-notification>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-toast-notification-list/index.spec.js

@@ -1,57 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZToastNotificationList } from "./index";
-describe("Suite test ZToastNotificationList", () => {
-    it("Test render ZToastNotificationList vuoto senza props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list></z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list position="top-right">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-      </z-toast-notification-list>
-    `);
-    });
-    it("Test render ZToastNotificationList vuoto con props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list newestontop="false" position="top-centre"></z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list newestontop="false" position="top-centre">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-      </z-toast-notification-list>
-    `);
-    });
-    it("Test render ZToastNotificationList con elementi slottati e props", async () => {
-        const page = await newSpecPage({
-            components: [ZToastNotificationList],
-            html: `<z-toast-notification-list position="top-centre">
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-            transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-            transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toast-notification-list position="top-centre">
-        <mock:shadow-root>
-            <slot name="toasts"></slot>
-        </mock:shadow-root>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-        <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-toast-notification-list/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-toast-notification-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE/C,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,mGAAmG;SAC1G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE;;;;;;;mCAOuB;SAC9B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZToastNotificationList} from \"./index\";\n\ndescribe(\"Suite test ZToastNotificationList\", () => {\n  it(\"Test render ZToastNotificationList vuoto senza props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list></z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list position=\"top-right\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n      </z-toast-notification-list>\n    `);\n  });\n\n  it(\"Test render ZToastNotificationList vuoto con props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list newestontop=\"false\" position=\"top-centre\"></z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list newestontop=\"false\" position=\"top-centre\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n      </z-toast-notification-list>\n    `);\n  });\n\n  it(\"Test render ZToastNotificationList con elementi slottati e props\", async () => {\n    const page = await newSpecPage({\n      components: [ZToastNotificationList],\n      html: `<z-toast-notification-list position=\"top-centre\">\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n            transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n            transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toast-notification-list position=\"top-centre\">\n        <mock:shadow-root>\n            <slot name=\"toasts\"></slot>\n        </mock:shadow-root>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n        <z-toast-notification type=\"error\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-toast-notification-list/test.e2e.js

@@ -1,69 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-toast-notification-list test end2end", () => {
-    it("Test correct exit animation on close button click", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-toast-notification-list position="bottom-centre">
-        <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-          transition="slide-in-up" draggablepercentage="50" closebutton>
-        </z-toast-notification>
-      </z-toast-notification-list>
-    `);
-        const notificationlist = await page.find("z-toast-notification-list z-toast-notification");
-        const closebutton = await page.find("z-toast-notification-list z-toast-notification >>> div > z-icon");
-        await closebutton.click();
-        await page.waitForChanges();
-        expect(notificationlist).toHaveClass("slide-out-down");
-    });
-    it("Test event on close button click ", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton>
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        const closebutton = await page.find("z-toast-notification-list z-toast-notification >>> div > z-icon ");
-        await closebutton.click();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-    it("Test z-toast-notification autoclose", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton autoclose="1000">
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-    it("Test z-toast-notification drag", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-toast-notification-list position="bottom-centre">
-      <z-toast-notification slot="toasts" type="dark" heading="Notification" message="Senza pulsante."
-        transition="slide-in-up" draggablepercentage="50" closebutton autoclose="1000">
-      </z-toast-notification>
-    </z-toast-notification-list>`);
-        const notification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(notification).not.toBeNull();
-        const example = await page.$("z-toast-notification");
-        const bounding_box = await example.boundingBox();
-        await page.mouse.move(bounding_box.x + bounding_box.width / 2, bounding_box.y + bounding_box.height / 2);
-        await page.mouse.down();
-        await page.mouse.move(bounding_box.width / 2, 0);
-        await page.mouse.up();
-        await page.waitForFunction(() => !document.querySelector("z-toast-notification"));
-        const checkNotification = await page.find("z-toast-notification-list z-toast-notification");
-        expect(checkNotification).toBeNull();
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/z-toast-notification-list/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-toast-notification-list/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-toast-notification-list test end2end\", () => {\n  it(\"Test correct exit animation on close button click\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-toast-notification-list position=\"bottom-centre\">\n        <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n          transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n        </z-toast-notification>\n      </z-toast-notification-list>\n    `);\n    const notificationlist = await page.find(\"z-toast-notification-list z-toast-notification\");\n    const closebutton = await page.find(\"z-toast-notification-list z-toast-notification >>> div > z-icon\");\n\n    await closebutton.click();\n    await page.waitForChanges();\n\n    expect(notificationlist).toHaveClass(\"slide-out-down\");\n  });\n\n  it(\"Test event on close button click \", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton>\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    const closebutton = await page.find(\"z-toast-notification-list z-toast-notification >>> div > z-icon \");\n\n    await closebutton.click();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n\n  it(\"Test z-toast-notification autoclose\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton autoclose=\"1000\">\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n\n  it(\"Test z-toast-notification drag\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-toast-notification-list position=\"bottom-centre\">\n      <z-toast-notification slot=\"toasts\" type=\"dark\" heading=\"Notification\" message=\"Senza pulsante.\"\n        transition=\"slide-in-up\" draggablepercentage=\"50\" closebutton autoclose=\"1000\">\n      </z-toast-notification>\n    </z-toast-notification-list>`);\n\n    const notification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(notification).not.toBeNull();\n\n    const example = await page.$(\"z-toast-notification\");\n    const bounding_box = await example.boundingBox();\n    await page.mouse.move(bounding_box.x + bounding_box.width / 2, bounding_box.y + bounding_box.height / 2);\n    await page.mouse.down();\n    await page.mouse.move(bounding_box.width / 2, 0);\n    await page.mouse.up();\n\n    await page.waitForFunction(() => !document.querySelector(\"z-toast-notification\"));\n\n    const checkNotification = await page.find(\"z-toast-notification-list z-toast-notification\");\n    expect(checkNotification).toBeNull();\n  });\n});\n"]}

package/dist/collection/components/z-toggle-button/index.spec.js

@@ -1,124 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZToggleButton } from "./index";
-describe("Suite test ZToggleButton", () => {
-    it("Test render ZToggleButton vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button>
-        <mock:shadow-root>
-          <button aria-expanded="false" tabindex="0" aria-label="">
-            <z-icon height="16" name="chevron-up" width="16"></z-icon>
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-    it("Test render ZToggleButton con label", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button label="label"></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button label="label">
-        <mock:shadow-root>
-          <button aria-expanded="false" tabindex="0" aria-label="">
-            <z-icon height="16" name="chevron-up" width="16"></z-icon>
-            label
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-    it("Test render ZToggleButton disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button label="label" isdisabled="true"></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button label="label" isdisabled="true">
-        <mock:shadow-root>
-          <button aria-expanded="false" disabled tabindex="0" aria-label="">
-            <z-icon height="16" name="chevron-up" width="16"></z-icon>
-            label
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-    it("Test render ZToggleButton avoidclick", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button label="label" avoidclick="true"></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button avoidclick="true" label="label">
-        <mock:shadow-root>
-          <button aria-expanded="false" class="avoid-clicks" tabindex="-1" aria-label="">
-            <z-icon height="16" name="chevron-up" width="16"></z-icon>
-            label
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-    it("Test render ZToggleButton opened", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button label="label" opened="true"></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button opened="true" label="label">
-        <mock:shadow-root>
-          <button aria-expanded="true" class="isopen" tabindex="0" aria-label="">
-            <z-icon height="16" name="chevron-down" width="16"></z-icon>
-            label
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-    it("Test click ZToggleButton", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button></z-toggle-button>`,
-        });
-        const button = page.root.shadowRoot.querySelector("button");
-        expect(page.rootInstance.opened).toEqual(false);
-        button.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.opened).toEqual(true);
-        button.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.opened).toEqual(false);
-    });
-    it("Test click ZToggleButton disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button isdisabled="true"></z-toggle-button>`,
-        });
-        const button = page.root.shadowRoot.querySelector("button");
-        expect(page.rootInstance.opened).toEqual(false);
-        button.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.opened).toEqual(false);
-    });
-    it("Test render ZToggleButton con arialabel", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleButton],
-            html: `<z-toggle-button aria-label="aria label"></z-toggle-button>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-button aria-label="aria label">
-        <mock:shadow-root>
-          <button aria-expanded="false" aria-label="aria label" tabindex="0">
-            <z-icon height="16" name="chevron-up" width="16"></z-icon>
-          </button>
-        </mock:shadow-root>
-      </z-toggle-button>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-button/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZToggleButton} from \"./index\";\n\ndescribe(\"Suite test ZToggleButton\", () => {\n  it(\"Test render ZToggleButton vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button>\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" tabindex=\"0\" aria-label=\"\">\n            <z-icon height=\"16\" name=\"chevron-up\" width=\"16\"></z-icon>\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n\n  it(\"Test render ZToggleButton con label\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button label=\"label\"></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button label=\"label\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" tabindex=\"0\" aria-label=\"\">\n            <z-icon height=\"16\" name=\"chevron-up\" width=\"16\"></z-icon>\n            label\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n\n  it(\"Test render ZToggleButton disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button label=\"label\" isdisabled=\"true\"></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button label=\"label\" isdisabled=\"true\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" disabled tabindex=\"0\" aria-label=\"\">\n            <z-icon height=\"16\" name=\"chevron-up\" width=\"16\"></z-icon>\n            label\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n\n  it(\"Test render ZToggleButton avoidclick\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button label=\"label\" avoidclick=\"true\"></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button avoidclick=\"true\" label=\"label\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" class=\"avoid-clicks\" tabindex=\"-1\" aria-label=\"\">\n            <z-icon height=\"16\" name=\"chevron-up\" width=\"16\"></z-icon>\n            label\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n\n  it(\"Test render ZToggleButton opened\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button label=\"label\" opened=\"true\"></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button opened=\"true\" label=\"label\">\n        <mock:shadow-root>\n          <button aria-expanded=\"true\" class=\"isopen\" tabindex=\"0\" aria-label=\"\">\n            <z-icon height=\"16\" name=\"chevron-down\" width=\"16\"></z-icon>\n            label\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n\n  it(\"Test click ZToggleButton\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button></z-toggle-button>`,\n    });\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n    expect(page.rootInstance.opened).toEqual(false);\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.opened).toEqual(true);\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.opened).toEqual(false);\n  });\n\n  it(\"Test click ZToggleButton disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button isdisabled=\"true\"></z-toggle-button>`,\n    });\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n    expect(page.rootInstance.opened).toEqual(false);\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.opened).toEqual(false);\n  });\n\n  it(\"Test render ZToggleButton con arialabel\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleButton],\n      html: `<z-toggle-button aria-label=\"aria label\"></z-toggle-button>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-button aria-label=\"aria label\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" aria-label=\"aria label\" tabindex=\"0\">\n            <z-icon height=\"16\" name=\"chevron-up\" width=\"16\"></z-icon>\n          </button>\n        </mock:shadow-root>\n      </z-toggle-button>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-toggle-button/test.e2e.js

@@ -1,12 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Clicks on toggle button and checks event", async () => {
-    const page = await newE2EPage({
-        html: '<z-toggle-button label="Toggle" isdisabled="false" opened="false"></z-toggle-button>',
-    });
-    const toggle = await page.find("z-toggle-button >>> button");
-    const clickEvent = await page.spyOnEvent("toggleClick");
-    await toggle.click();
-    await page.waitForChanges();
-    expect(clickEvent).toHaveReceivedEvent();
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-button/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;QAC5B,IAAI,EAAE,sFAAsF;KAC7F,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;AAC3C,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"Clicks on toggle button and checks event\", async () => {\n  const page = await newE2EPage({\n    html: '<z-toggle-button label=\"Toggle\" isdisabled=\"false\" opened=\"false\"></z-toggle-button>',\n  });\n  const toggle = await page.find(\"z-toggle-button >>> button\");\n  const clickEvent = await page.spyOnEvent(\"toggleClick\");\n  await toggle.click();\n  await page.waitForChanges();\n\n  expect(clickEvent).toHaveReceivedEvent();\n});\n"]}

package/dist/collection/components/z-toggle-switch/index.spec.js

@@ -1,149 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZToggleSwitch } from "./index";
-describe("Suite test ZToggleSwitch", () => {
-    it("Test render ZToggleSwitch label position left", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="left"></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="left">
-        <input id="toggle-id" type="checkbox">
-        <label class="left" htmlfor="toggle-id">
-          <span></span>
-          <span class="container">
-            <span class="circle"></span>
-          </span>
-        </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position right", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="right"></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="right">
-          <input id="toggle-id" type="checkbox">
-          <label class="right" htmlfor="toggle-id">
-            <span></span>
-            <span class="container">
-              <span class="circle"></span>
-            </span>
-          </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position left disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" disabled></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="left" disabled="">
-          <input disabled id="toggle-id" type="checkbox">
-          <label class="disabled left" htmlfor="toggle-id">
-            <span></span>
-            <span class="container disabled">
-              <span class="circle"></span>
-            </span>
-          </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position right disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" disabled></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="right" disabled="">
-        <input disabled id="toggle-id" type="checkbox">
-        <label class="disabled right" htmlfor="toggle-id">
-          <span></span>
-          <span class="container disabled">
-            <span class="circle"></span>
-          </span>
-        </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position left active", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" checked></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="left" checked="">
-          <input checked="" id="toggle-id" type="checkbox">
-          <label class="left" htmlfor="toggle-id">
-            <span></span>
-            <span class="container checked">
-              <span class="circle">
-                <z-icon height="12" name="checkmark" width="12"></z-icon>
-              </span>
-            </span>
-          </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position right active", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" checked></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="right" checked="">
-        <input checked="" id="toggle-id" type="checkbox">
-        <label class="right" htmlfor="toggle-id">
-          <span></span>
-          <span class="container checked">
-            <span class="circle">
-              <z-icon height="12" name="checkmark" width="12"></z-icon>
-            </span>
-          </span>
-        </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position left active disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" disabled checked></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" label-position="left" disabled="" checked="">
-        <input disabled="" checked="" id="toggle-id" type="checkbox">
-        <label class="disabled left" htmlfor="toggle-id">
-          <span></span>
-          <span class="container disabled checked">
-            <span class="circle">
-              <z-icon height="12" name="checkmark" width="12"></z-icon>
-            </span>
-          </span>
-        </label>
-      </z-toggle-switch>
-    `);
-    });
-    it("Test render ZToggleSwitch label position right active disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZToggleSwitch],
-            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" disabled checked></z-toggle-switch>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-toggle-switch htmlid="toggle-id" disabled="" label-position="right" checked="">
-        <input disabled="" checked="" id="toggle-id" type="checkbox">
-        <label class="disabled right" htmlfor="toggle-id">
-          <span></span>
-          <span class="container checked disabled">
-            <span class="circle">
-              <z-icon height="12" name="checkmark" width="12"></z-icon>
-            </span>
-          </span>
-        </label>
-      </z-toggle-switch>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-switch/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZToggleSwitch} from \"./index\";\n\ndescribe(\"Suite test ZToggleSwitch\", () => {\n  it(\"Test render ZToggleSwitch label position left\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\"></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\">\n        <input id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"left\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container\">\n            <span class=\"circle\"></span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\"></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\">\n          <input id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"right\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container\">\n              <span class=\"circle\"></span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled=\"\">\n          <input disabled id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"disabled left\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container disabled\">\n              <span class=\"circle\"></span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled=\"\">\n        <input disabled id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container disabled\">\n            <span class=\"circle\"></span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left active\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" checked=\"\">\n          <input checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"left\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container checked\">\n              <span class=\"circle\">\n                <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n              </span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right active\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" checked=\"\">\n        <input checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container checked\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left active disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled=\"\" checked=\"\">\n        <input disabled=\"\" checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled left\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container disabled checked\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right active disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" disabled=\"\" label-position=\"right\" checked=\"\">\n        <input disabled=\"\" checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container checked disabled\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-toggle-switch/test.e2e.js

@@ -1,22 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Clicks on toggle switch and checks event detail", async () => {
-    const page = await newE2EPage({
-        html: '<z-toggle-switch htmlid="abcdefg" label-position="left" disabled="false">Toggle</z-toggle-switch>',
-    });
-    const toggle = await page.find("z-toggle-switch");
-    const clickEvent = await page.spyOnEvent("toggleClick");
-    await toggle.click();
-    await page.waitForChanges();
-    expect(clickEvent).toHaveReceivedEventDetail({ checked: true, id: "abcdefg" });
-});
-it("Clicks on toggle switch when disabled", async () => {
-    const page = await newE2EPage({
-        html: '<z-toggle-switch htmlid="abcdefg" label-position="left" disabled="true">Toggle</z-toggle-switch>',
-    });
-    const toggle = await page.find("z-toggle-switch");
-    const clickEvent = await page.spyOnEvent("toggleClick");
-    await toggle.click();
-    await page.waitForChanges();
-    expect(clickEvent).not.toHaveReceivedEvent();
-});
-//# sourceMappingURL=test.e2e.js.map