@zanichelli/albe-web-components 12.4.1-RC1 → 12.4.1

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

@@ -1,105 +1,107 @@
 import { h } from "@stencil/core";
 import { ToastNotificationPosition } from "../../../beans";
 export class ZToastNotificationList {
-  constructor() {
-    /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
-    this.position = ToastNotificationPosition.TOP_RIGHT;
-    /**Set the entry position of new notification in the list */
-    this.newestontop = true;
-  }
-  watchPropNewestontop(newValue) {
-    this.hostElement.append(...this.notificationArray.reverse());
-    if (newValue) {
-      this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler);
+    constructor() {
+        this.position = ToastNotificationPosition.TOP_RIGHT;
+        this.newestontop = true;
     }
-    else {
-      this.hostElement.shadowRoot.removeEventListener("slotchange", this.slotChangeHandler);
+    watchPropNewestontop(newValue) {
+        this.hostElement.append(...this.notificationArray.reverse());
+        if (newValue) {
+            this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler);
+        }
+        else {
+            this.hostElement.shadowRoot.removeEventListener("slotchange", this.slotChangeHandler);
+        }
     }
-  }
-  componentWillLoad() {
-    this.newestontop && this.handleNewestOnTop();
-  }
-  handleNewestOnTop() {
-    this.notificationArray = Array.from(this.hostElement.children);
-    this.hostElement.append(...this.notificationArray.reverse());
-    this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler);
-  }
-  slotChangeHandler() {
-    const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));
-    if (difference) {
-      difference.forEach((elem) => {
-        this.notificationArray.push(elem);
-        const newElem = elem;
-        elem.remove();
-        this.hostElement.prepend(newElem);
-      });
+    componentWillLoad() {
+        if (this.newestontop) {
+            this.handleNewestOnTop();
+        }
     }
-  }
-  render() {
-    return h("slot", { name: "toasts" });
-  }
-  static get is() { return "z-toast-notification-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "position": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ToastNotificationPosition",
-          "resolved": "ToastNotificationPosition.BOTTOM_CENTRE | ToastNotificationPosition.BOTTOM_LEFT | ToastNotificationPosition.BOTTOM_RIGHT | ToastNotificationPosition.TOP_CENTRE | ToastNotificationPosition.TOP_LEFT | ToastNotificationPosition.TOP_RIGHT",
-          "references": {
-            "ToastNotificationPosition": {
-              "location": "import",
-              "path": "../../../beans"
+    handleNewestOnTop() {
+        this.notificationArray = Array.from(this.hostElement.children);
+        this.hostElement.append(...this.notificationArray.reverse());
+        this.hostElement.shadowRoot.addEventListener("slotchange", this.slotChangeHandler.bind(this));
+    }
+    slotChangeHandler() {
+        const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));
+        if (difference) {
+            difference.forEach((elem) => {
+                this.notificationArray.push(elem);
+                const newElem = elem;
+                elem.remove();
+                this.hostElement.prepend(newElem);
+            });
+        }
+    }
+    render() {
+        return h("slot", { key: '43f93b7edca0a4245d9c79d63004617ad21063b0', name: "toasts" });
+    }
+    static get is() { return "z-toast-notification-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "position": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ToastNotificationPosition",
+                    "resolved": "ToastNotificationPosition.BOTTOM_CENTRE | ToastNotificationPosition.BOTTOM_LEFT | ToastNotificationPosition.BOTTOM_RIGHT | ToastNotificationPosition.TOP_CENTRE | ToastNotificationPosition.TOP_LEFT | ToastNotificationPosition.TOP_RIGHT",
+                    "references": {
+                        "ToastNotificationPosition": {
+                            "location": "import",
+                            "path": "../../../beans",
+                            "id": "src/beans/index.tsx::ToastNotificationPosition"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right"
+                },
+                "attribute": "position",
+                "reflect": true,
+                "defaultValue": "ToastNotificationPosition.TOP_RIGHT"
+            },
+            "newestontop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set the entry position of new notification in the list"
+                },
+                "attribute": "newestontop",
+                "reflect": false,
+                "defaultValue": "true"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right"
-        },
-        "attribute": "position",
-        "reflect": true,
-        "defaultValue": "ToastNotificationPosition.TOP_RIGHT"
-      },
-      "newestontop": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Set the entry position of new notification in the list"
-        },
-        "attribute": "newestontop",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
-  static get watchers() {
-    return [{
-        "propName": "newestontop",
-        "methodName": "watchPropNewestontop"
-      }];
-  }
+        };
+    }
+    static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "newestontop",
+                "methodName": "watchPropNewestontop"
+            }];
+    }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/z-toast-notification-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AAOzD,MAAM,OAAO,sBAAsB;;wBAKK,yBAAyB,CAAC,SAAS;2BAIjD,IAAI;;IAK5B,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACrF,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChG,CAAC;IAEO,iBAAiB;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAClH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,OAAO,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CAAC;IACrC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Element, Watch} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../../beans\";\n\n@Component({\n  tag: \"z-toast-notification-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotificationList {\n  @Element() hostElement: HTMLZToastNotificationListElement;\n\n  /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n  @Prop({reflect: true})\n  position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n  /**Set the entry position of new notification in the list */\n  @Prop()\n  newestontop?: boolean = true;\n\n  private notificationArray: Element[];\n\n  @Watch(\"newestontop\")\n  watchPropNewestontop(newValue: boolean): void {\n    this.hostElement.append(...this.notificationArray.reverse());\n    if (newValue) {\n      this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n    } else {\n      this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n    }\n  }\n\n  componentWillLoad(): void {\n    if (this.newestontop) {\n      this.handleNewestOnTop();\n    }\n  }\n\n  private handleNewestOnTop(): void {\n    this.notificationArray = Array.from(this.hostElement.children);\n    this.hostElement.append(...this.notificationArray.reverse());\n    this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\n  }\n\n  private slotChangeHandler(): void {\n    const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n    if (difference) {\n      difference.forEach((elem) => {\n        this.notificationArray.push(elem);\n        const newElem = elem;\n        elem.remove();\n        this.hostElement.prepend(newElem);\n      });\n    }\n  }\n\n  render(): HTMLSlotElement {\n    return <slot name=\"toasts\"></slot>;\n  }\n}\n"]}

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

@@ -0,0 +1,57 @@
+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/list/z-toast-notification-list/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/list/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/list/z-toast-notification-list/test.e2e.js

@@ -0,0 +1,69 @@
+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/list/z-toast-notification-list/test.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/list/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/logo/z-logo/index.js

@@ -1,131 +1,140 @@
 import { Host, h } from "@stencil/core";
 export class ZLogo {
-  render() {
-    const style = {};
-    if (this.width) {
-      style["width"] = style["max-width"] = `${this.width}px`;
+    constructor() {
+        this.width = undefined;
+        this.height = undefined;
+        this.imageAlt = undefined;
+        this.link = undefined;
+        this.targetBlank = undefined;
+        this.mobileLogo = undefined;
     }
-    if (this.height) {
-      style["height"] = style["max-height"] = `${this.height}px`;
+    render() {
+        const style = {};
+        if (this.width) {
+            style["width"] = style["max-width"] = `${this.width}px`;
+        }
+        if (this.height) {
+            style["height"] = style["max-height"] = `${this.height}px`;
+        }
+        return (h(Host, { key: '5cf212c5af863d8179c77dd3318eaabd83c881c2', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
+    }
+    static get is() { return "z-logo"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "width": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "image width"
+                },
+                "attribute": "width",
+                "reflect": false
+            },
+            "height": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "image height"
+                },
+                "attribute": "height",
+                "reflect": false
+            },
+            "imageAlt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "alternative image text"
+                },
+                "attribute": "image-alt",
+                "reflect": false
+            },
+            "link": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "link url (optional)"
+                },
+                "attribute": "link",
+                "reflect": false
+            },
+            "targetBlank": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "link target: true means _blank, false means _self"
+                },
+                "attribute": "target-blank",
+                "reflect": false
+            },
+            "mobileLogo": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "if true, the mobile logo is displayed, otherwise the desktop one"
+                },
+                "attribute": "mobile-logo",
+                "reflect": false
+            }
+        };
     }
-    return (h(Host, { style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
-  }
-  static get is() { return "z-logo"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "width": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "image width"
-        },
-        "attribute": "width",
-        "reflect": false
-      },
-      "height": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "image height"
-        },
-        "attribute": "height",
-        "reflect": false
-      },
-      "imageAlt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "alternative image text"
-        },
-        "attribute": "image-alt",
-        "reflect": false
-      },
-      "link": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "link url (optional)"
-        },
-        "attribute": "link",
-        "reflect": false
-      },
-      "targetBlank": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "link target: true means _blank, false means _self"
-        },
-        "attribute": "target-blank",
-        "reflect": false
-      },
-      "mobileLogo": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "if true, the mobile logo is displayed, otherwise the desktop one"
-        },
-        "attribute": "mobile-logo",
-        "reflect": false
-      }
-    };
-  }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/logo/z-logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,KAAK;;;;;;;;;IAyBhB,MAAM;QACJ,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;QAC1D,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QAC7D,CAAC;QAED,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,EAAC,IAEjC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;YAE7C,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CACzB,CACL,CAAC,CAAC,CAAC,CACF,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5B,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-logo\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLogo {\n  /** image width */\n  @Prop()\n  width?: number;\n\n  /** image height */\n  @Prop()\n  height?: number;\n\n  /** alternative image text */\n  @Prop()\n  imageAlt?: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target: true means _blank, false means _self */\n  @Prop()\n  targetBlank?: boolean;\n\n  /** if true, the mobile logo is displayed, otherwise the desktop one */\n  @Prop()\n  mobileLogo?: boolean;\n\n  render(): HTMLZLogoElement {\n    const style = {};\n\n    if (this.width) {\n      style[\"width\"] = style[\"max-width\"] = `${this.width}px`;\n    }\n\n    if (this.height) {\n      style[\"height\"] = style[\"max-height\"] = `${this.height}px`;\n    }\n\n    return (\n      <Host\n        style={style}\n        class={{mobile: !!this.mobileLogo}}\n      >\n        {this.link ? (\n          <a\n            href={this.link}\n            target={this.targetBlank ? \"_blank\" : \"_self\"}\n          >\n            <img alt={this.imageAlt} />\n          </a>\n        ) : (\n          <img alt={this.imageAlt} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}