@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

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

@@ -0,0 +1,180 @@
+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

@@ -0,0 +1 @@
+{"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.js

@@ -0,0 +1,93 @@
+import { Host, h } from "@stencil/core";
+export class ZInputMessage {
+    constructor() {
+        this.statusIcons = {
+            success: "checkmark-circle",
+            error: "multiply-circled",
+            warning: "exclamation-circle",
+        };
+        this.message = undefined;
+        this.status = undefined;
+        this.statusRole = {};
+    }
+    onMessageChange() {
+        this.statusRole = this.message && this.status ? { role: "alert" } : {};
+    }
+    componentWillLoad() {
+        this.onMessageChange();
+    }
+    render() {
+        return (h(Host, Object.assign({ key: '94ef5066088cb9eed13a07ea360427f99504352c' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '657b2370b4f114a60d57d0aeb0c42076a0a6d05c', name: this.statusIcons[this.status] }), h("span", { key: 'e999e55f209f358943ff20d86967f9e7bd9d876b', innerHTML: this.message })));
+    }
+    static get is() { return "z-input-message"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "message": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "input helper message"
+                },
+                "attribute": "message",
+                "reflect": false
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "InputStatus",
+                    "resolved": "InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING",
+                    "references": {
+                        "InputStatus": {
+                            "location": "import",
+                            "path": "../../beans",
+                            "id": "src/beans/index.tsx::InputStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "input status (optional)"
+                },
+                "attribute": "status",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "statusRole": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "message",
+                "methodName": "onMessageChange"
+            }, {
+                "propName": "status",
+                "methodName": "onMessageChange"
+            }];
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-input-message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAOxC,MAAM,OAAO,aAAa;;QAShB,gBAAW,GAAG;YACpB,OAAO,EAAE,kBAAkB;YAC3B,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,oBAAoB;SAC9B,CAAC;;;0BAGW,EAAE;;IAIf,eAAe;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qEACC,IAAI,CAAC,UAAU,kBACP,IAAI,CAAC,OAAO;YAEvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAW;YACxG,6DAAM,SAAS,EAAE,IAAI,CAAC,OAAO,GAAI,CAC5B,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../beans\";\n\n@Component({\n  tag: \"z-input-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInputMessage {\n  /** input helper message */\n  @Prop()\n  message: string;\n\n  /** input status (optional) */\n  @Prop({reflect: true})\n  status?: InputStatus;\n\n  private statusIcons = {\n    success: \"checkmark-circle\",\n    error: \"multiply-circled\",\n    warning: \"exclamation-circle\",\n  };\n\n  @State()\n  statusRole = {};\n\n  @Watch(\"message\")\n  @Watch(\"status\")\n  onMessageChange(): void {\n    this.statusRole = this.message && this.status ? {role: \"alert\"} : {};\n  }\n\n  componentWillLoad(): void {\n    this.onMessageChange();\n  }\n\n  render(): HTMLZInputMessageElement {\n    return (\n      <Host\n        {...this.statusRole}\n        aria-label={this.message}\n      >\n        {this.statusIcons[this.status] && this.message && <z-icon name={this.statusIcons[this.status]}></z-icon>}\n        <span innerHTML={this.message} />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"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-input-message/index.stories.js

@@ -0,0 +1,37 @@
+import { html } from "lit";
+import { ControlSize, InputStatus } from "../../beans";
+import "./index";
+const StoryMeta = {
+    title: "ZInputMessage",
+    component: "z-input-message",
+    argTypes: {
+        status: {
+            control: {
+                type: "inline-radio",
+            },
+            options: ["default", ...Object.values(InputStatus)],
+        },
+        class: {
+            control: {
+                type: "inline-radio",
+            },
+            options: Object.values(ControlSize),
+        },
+    },
+    args: {
+        message: "messaggio",
+        status: InputStatus.ERROR,
+        class: ControlSize.BIG,
+    },
+};
+export default StoryMeta;
+export const Default = {
+    render: (args) => html `
+    <z-input-message
+      message=${args.message}
+      status=${args.status}
+      class=${args.class}
+    ></z-input-message>
+  `,
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-input-message/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,SAAS,CAAC;AAIjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SACpD;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SACpC;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,WAAW,CAAC,KAAK;QACzB,KAAK,EAAE,WAAW,CAAC,GAAG;KACvB;CACuC,CAAC;AAC3C,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;eACb,IAAI,CAAC,MAAM;cACZ,IAAI,CAAC,KAAK;;GAErB;CAC2C,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {ZInputMessage} from \".\";\nimport {ControlSize, InputStatus} from \"../../beans\";\nimport \"./index\";\n\ntype ZInputMessageStoriesArgs = ZInputMessage & {class: ControlSize};\n\nconst StoryMeta = {\n  title: \"ZInputMessage\",\n  component: \"z-input-message\",\n  argTypes: {\n    status: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"default\", ...Object.values(InputStatus)],\n    },\n    class: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(ControlSize),\n    },\n  },\n  args: {\n    message: \"messaggio\",\n    status: InputStatus.ERROR,\n    class: ControlSize.BIG,\n  },\n} satisfies Meta<ZInputMessageStoriesArgs>;\nexport default StoryMeta;\n\nexport const Default = {\n  render: (args) => html`\n    <z-input-message\n      message=${args.message}\n      status=${args.status}\n      class=${args.class}\n    ></z-input-message>\n  `,\n} satisfies StoryObj<ZInputMessageStoriesArgs>;\n"]}

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

@@ -0,0 +1,140 @@
+import { Host, h } from "@stencil/core";
+export class ZLogo {
+    constructor() {
+        this.width = undefined;
+        this.height = undefined;
+        this.imageAlt = undefined;
+        this.link = undefined;
+        this.targetBlank = undefined;
+        this.mobileLogo = undefined;
+    }
+    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: '2faf5f56df6dbfff397a42f15f18b496e407da11', 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/z-logo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/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, Host, Prop, 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"]}

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

@@ -0,0 +1 @@
+{"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-logo/index.stories.js

@@ -0,0 +1,26 @@
+import { html } from "lit";
+import "./index";
+const StoryMeta = {
+    title: "ZLogo",
+    component: "z-logo",
+    args: {
+        imageAlt: "logo",
+        height: 50,
+        width: 200,
+        link: "",
+        targetBlank: false,
+        mobileLogo: false,
+    },
+};
+export default StoryMeta;
+export const Default = {
+    render: (args) => html `<z-logo
+      image-alt="${args.imageAlt}"
+      height="${args.height}"
+      width="${args.width}"
+      link="${args.link}"
+      target-blank="${args.targetBlank}"
+      mobile-logo="${args.mobileLogo}"
+    ></z-logo>`,
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-logo/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;KAClB;CACoB,CAAC;AAExB,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;mBACW,IAAI,CAAC,QAAQ;gBAChB,IAAI,CAAC,MAAM;eACZ,IAAI,CAAC,KAAK;cACX,IAAI,CAAC,IAAI;sBACD,IAAI,CAAC,WAAW;qBACjB,IAAI,CAAC,UAAU;eACrB;CACY,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {ZLogo} from \".\";\nimport \"./index\";\n\nconst StoryMeta = {\n  title: \"ZLogo\",\n  component: \"z-logo\",\n  args: {\n    imageAlt: \"logo\",\n    height: 50,\n    width: 200,\n    link: \"\",\n    targetBlank: false,\n    mobileLogo: false,\n  },\n} satisfies Meta<ZLogo>;\n\nexport default StoryMeta;\n\nexport const Default = {\n  render: (args) =>\n    html`<z-logo\n      image-alt=\"${args.imageAlt}\"\n      height=\"${args.height}\"\n      width=\"${args.width}\"\n      link=\"${args.link}\"\n      target-blank=\"${args.targetBlank}\"\n      mobile-logo=\"${args.mobileLogo}\"\n    ></z-logo>`,\n} satisfies StoryObj<ZLogo>;\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-logo/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE;YACtC,GAAG,CAAC,IAAI,GAAG,2BAA2B,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAC3C,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE;YACtC,GAAG,CAAC,IAAI,GAAG,2BAA2B,CAAC;YACvC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-logo test end2end\", () => {\n  it(\"Test that component exists\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    const el = await page.find(\"z-logo\");\n    expect(el).not.toBeNull();\n    expect(el.shadowRoot).not.toBeNull;\n  });\n\n  it('Test that \"a href\" is created', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    await page.$eval(\"z-logo\", (elm: any) => {\n      elm.link = \"https://www.zanichelli.it\";\n    });\n    await page.waitForChanges();\n    const el = await page.find(\"z-logo >>> a\");\n    expect(el.getAttribute(\"href\")).toBe(\"https://www.zanichelli.it\");\n  });\n\n  it('Test that \"a target blank\" is created', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-logo></z-logo>`);\n    await page.$eval(\"z-logo\", (elm: any) => {\n      elm.link = \"https://www.zanichelli.it\";\n      elm.targetBlank = true;\n    });\n    await page.waitForChanges();\n    const el = await page.find(\"z-logo >>> a\");\n    expect(el.getAttribute(\"target\")).toBe(\"_blank\");\n  });\n});\n"]}