@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/collection/components/notification/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/notification/z-toast-notification/index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/notification/z-tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE/C;;;;;;;GAOG;AAMH,MAAM,OAAO,QAAQ;;wBAGS,eAAe,CAAC,IAAI;oBAIzC,KAAK;oBAML,KAAK;;wBAcD,IAAI;;IAKf,mBAAmB;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,kEACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,QACN,SAAS;YAET,8DAAa,CACH,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Listen} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"]}

package/dist/collection/components/panel/z-panel-elem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/panel/z-panel-elem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAOH,MAAM,OAAO,UAAU;;;;;;;;sBA2BH,QAAQ;0BAIH,KAAK;;;IAMpB,UAAU;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,CACL,WACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,MAAM,GAChB,CACH,CAAC;QACJ,CAAC;QAED,OAAO,CACL,SACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,MAAM;YAEnB,WACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,MAAM,GAChB,CACA,CACL,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAE9C,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC9B,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,0BACc,MAAM,EAClB,KAAK,EAAC,iBAAiB,IAEtB,IAAI,CAAC,UAAU,EAAE,CACd,CACP;YACD,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,0DACE,KAAK,EAAE;wBACL,QAAQ,EAAE,IAAI;wBACd,iBAAiB,EAAE,IAAI,CAAC,UAAU;wBAClC,aAAa,EAAE,IAAI;qBACpB,EACD,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,MAAM;oBAEnB,+DACE,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,IAAI,CAAC,QAAQ,GACX;oBACT,IAAI,CAAC,SAAS,CACb,CACA;YACL,IAAI,CAAC,aAAa,IAAI,CACrB,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,YAAM,IAAI,EAAE,IAAI,CAAC,aAAa,GAAI,CAC9B,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot `descrSlotName` - description content\n */\n@Component({\n  tag: \"z-panel-elem\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZPanelElem {\n  /** html element id (optional) */\n  @Prop()\n  elemid?: string;\n\n  /** image url source (optional) */\n  @Prop()\n  imgurl?: string;\n\n  /** alternative image text (optional) */\n  @Prop()\n  imgalt?: string;\n\n  /** icon link name (optional) */\n  @Prop()\n  linkicon?: string;\n\n  /** link label text*/\n  @Prop()\n  linklabel: string;\n\n  /** link url */\n  @Prop()\n  url: string;\n\n  /** link target (optional) */\n  @Prop()\n  target?: string = \"_blank\";\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** name of slot container (optional) */\n  @Prop()\n  descrSlotName?: string;\n\n  private renderIcon(): HTMLZIconElement {\n    if (this.isdisabled) {\n      return (\n        <img\n          src={this.imgurl}\n          alt={this.imgalt}\n        />\n      );\n    }\n\n    return (\n      <a\n        class=\"elem-icon\"\n        href={this.url}\n        target={this.target}\n      >\n        <img\n          src={this.imgurl}\n          alt={this.imgalt}\n        />\n      </a>\n    );\n  }\n\n  render(): HTMLDivElement {\n    const elemId = this.elemid ? this.elemid : \"\";\n\n    return (\n      <div class=\"panel-elem-container\">\n        {(this.imgurl || this.imgalt) && (\n          <div\n            aria-hidden=\"true\"\n            class=\"panel-elem-icon\"\n          >\n            {this.renderIcon()}\n          </div>\n        )}\n        <div class=\"panel-elem-link\">\n          <a\n            class={{\n              \"z-link\": true,\n              \"z-link-disabled\": this.isdisabled,\n              \"z-link-icon\": true,\n            }}\n            id={elemId + \"link_id\"}\n            href={this.url}\n            target={this.target}\n          >\n            <z-icon\n              height={14}\n              width={14}\n              name={this.linkicon}\n            ></z-icon>\n            {this.linklabel}\n          </a>\n        </div>\n        {this.descrSlotName && (\n          <div class=\"panel-elem-desc\">\n            <slot name={this.descrSlotName} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/panel/z-panel-elem/index.spec.js

@@ -1,296 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZPanelElem } from "./index";
-describe("Suite test ZPanelElem", () => {
-    it("Test render ZPanelElem vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem>
-          <div class="panel-elem-container">
-            <div class="panel-elem-link">
-              <a class="z-link z-link-icon" id="link_id" target="_blank">
-                <z-icon height="14" width="14"></z-icon>
-              </a>
-            </div>
-          </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with only mandatory params", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="link_id" target="_blank">
-              <z-icon height="14" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with elemid", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" id="examplelink_id" href="http://www.google.it" id="link_id" target="_blank">
-              <z-icon height="14" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with elemid and isdisabled", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem isdisabled elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem isdisabled elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-            <div class="panel-elem-link">
-              <a class="z-link z-link-disabled z-link-icon" href="http://www.google.it" id="examplelink_id" target="_blank">
-                <z-icon height="14" width="14"></z-icon>
-                label
-              </a>
-            </div>
-          </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with target=_self", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem target="_self" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem target="_self" elemid="example" linklabel="label" url="http://www.google.it">
-        <div class="panel-elem-container">
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_self">
-              <z-icon height="14" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with linkicon", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-        <div class="panel-elem-container">
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_blank">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgurl", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem imgurl="exampleImgUrl" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem imgurl="exampleImgUrl" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_blank">
-              <img src="exampleImgUrl" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_blank">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgurl and target=_self", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem imgurl="exampleImgUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem imgurl="exampleImgUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_self">
-              <img src="exampleImgUrl" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_self">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgalt", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem imgalt="exampleDesc" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem imgalt="exampleDesc" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_blank">
-              <img alt="exampleDesc" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_blank">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgalt and target=_self", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem imgalt="exampleDesc" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem imgalt="exampleDesc" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_self">
-              <img alt="exampleDesc" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_self">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with icon and slot name", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem descr-slot-name="slotname" imgurl="exampleUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it"></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem descr-slot-name="slotname" imgurl="exampleUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_self">
-              <img src="exampleUrl" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_self">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-          <div class="panel-elem-desc">
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with icon and complete slot data", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem descrSlotName="slotname" imgurl="exampleUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ><div class="panel-elem-desc"> <span slot="slotname">Full application description</span> </div></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem descrslotname="slotname" imgurl="exampleUrl" target="_self" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-        <div class="panel-elem-desc">
-          <span slot="slotname">Full application description</span>
-        </div>
-        <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-            <a class="elem-icon" href="http://www.google.it" target="_self">
-              <img src="exampleUrl" />
-            </a>
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon" href="http://www.google.it" id="examplelink_id" target="_self">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgurl and isdisabled", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem isdisabled imgurl="exampleImgUrl" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" ></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem isdisabled imgurl="exampleImgUrl" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-              <img src="exampleImgUrl" />
-          </div>
-          <div class="panel-elem-link">
-            <a class="z-link z-link-icon z-link-disabled" href="http://www.google.it" id="examplelink_id" target="_blank">
-              <z-icon height="14" name="example" width="14"></z-icon>
-              label
-            </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-    it("Test render ZPanelElem with imgalt and isdisabled", async () => {
-        const page = await newSpecPage({
-            components: [ZPanelElem],
-            html: `<z-panel-elem isdisabled imgalt="exampleAlt" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" target="_self"></z-panel-elem>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-panel-elem isdisabled imgalt="exampleAlt" linkicon="example" elemid="example" linklabel="label" url="http://www.google.it" target="_self">
-          <div class="panel-elem-container">
-          <div aria-hidden="true" class="panel-elem-icon">
-              <img alt="exampleAlt" />
-          </div>
-          <div class="panel-elem-link">
-          <a class="z-link z-link-icon z-link-disabled" href="http://www.google.it" id="examplelink_id" target="_self">
-            <z-icon height="14" name="example" width="14"></z-icon>
-            label
-          </a>
-          </div>
-        </div>
-      </z-panel-elem>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/panel/z-panel-elem/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,6EAA6E;SACpF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,6GAA6G;SACpH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iHAAiH;SACxH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,wIAAwI;SAC/I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,uJAAuJ;SAC9J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,qJAAqJ;SAC5J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,8KAA8K;SACrL,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2QAA2Q;SAClR,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,mJAAmJ;SAC1J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,8JAA8J;SACrK,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZPanelElem} from \"./index\";\n\ndescribe(\"Suite test ZPanelElem\", () => {\n  it(\"Test render ZPanelElem vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem>\n          <div class=\"panel-elem-container\">\n            <div class=\"panel-elem-link\">\n              <a class=\"z-link z-link-icon\" id=\"link_id\" target=\"_blank\">\n                <z-icon height=\"14\" width=\"14\"></z-icon>\n              </a>\n            </div>\n          </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with only mandatory params\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"link_id\" target=\"_blank\">\n              <z-icon height=\"14\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with elemid\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" id=\"examplelink_id\" href=\"http://www.google.it\" id=\"link_id\" target=\"_blank\">\n              <z-icon height=\"14\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with elemid and isdisabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem isdisabled elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem isdisabled elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n            <div class=\"panel-elem-link\">\n              <a class=\"z-link z-link-disabled z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_blank\">\n                <z-icon height=\"14\" width=\"14\"></z-icon>\n                label\n              </a>\n            </div>\n          </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with target=_self\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem target=\"_self\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem target=\"_self\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n        <div class=\"panel-elem-container\">\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n              <z-icon height=\"14\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with linkicon\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n        <div class=\"panel-elem-container\">\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_blank\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgurl\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem imgurl=\"exampleImgUrl\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem imgurl=\"exampleImgUrl\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_blank\">\n              <img src=\"exampleImgUrl\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_blank\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgurl and target=_self\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem imgurl=\"exampleImgUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem imgurl=\"exampleImgUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_self\">\n              <img src=\"exampleImgUrl\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgalt\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem imgalt=\"exampleDesc\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem imgalt=\"exampleDesc\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_blank\">\n              <img alt=\"exampleDesc\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_blank\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgalt and target=_self\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem imgalt=\"exampleDesc\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem imgalt=\"exampleDesc\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_self\">\n              <img alt=\"exampleDesc\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with icon and slot name\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem descr-slot-name=\"slotname\" imgurl=\"exampleUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\"></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem descr-slot-name=\"slotname\" imgurl=\"exampleUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_self\">\n              <img src=\"exampleUrl\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n          <div class=\"panel-elem-desc\">\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with icon and complete slot data\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem descrSlotName=\"slotname\" imgurl=\"exampleUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ><div class=\"panel-elem-desc\"> <span slot=\"slotname\">Full application description</span> </div></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem descrslotname=\"slotname\" imgurl=\"exampleUrl\" target=\"_self\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n        <div class=\"panel-elem-desc\">\n          <span slot=\"slotname\">Full application description</span>\n        </div>\n        <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n            <a class=\"elem-icon\" href=\"http://www.google.it\" target=\"_self\">\n              <img src=\"exampleUrl\" />\n            </a>\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgurl and isdisabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem isdisabled imgurl=\"exampleImgUrl\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" ></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem isdisabled imgurl=\"exampleImgUrl\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n              <img src=\"exampleImgUrl\" />\n          </div>\n          <div class=\"panel-elem-link\">\n            <a class=\"z-link z-link-icon z-link-disabled\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_blank\">\n              <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n              label\n            </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n\n  it(\"Test render ZPanelElem with imgalt and isdisabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZPanelElem],\n      html: `<z-panel-elem isdisabled imgalt=\"exampleAlt\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" target=\"_self\"></z-panel-elem>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-panel-elem isdisabled imgalt=\"exampleAlt\" linkicon=\"example\" elemid=\"example\" linklabel=\"label\" url=\"http://www.google.it\" target=\"_self\">\n          <div class=\"panel-elem-container\">\n          <div aria-hidden=\"true\" class=\"panel-elem-icon\">\n              <img alt=\"exampleAlt\" />\n          </div>\n          <div class=\"panel-elem-link\">\n          <a class=\"z-link z-link-icon z-link-disabled\" href=\"http://www.google.it\" id=\"examplelink_id\" target=\"_self\">\n            <z-icon height=\"14\" name=\"example\" width=\"14\"></z-icon>\n            label\n          </a>\n          </div>\n        </div>\n      </z-panel-elem>\n    `);\n  });\n});\n"]}

package/dist/collection/components/table/cells/z-td/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/cells/z-td/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,aAAa,EAAE,WAAW,EAAsB,MAAM,mBAAmB,CAAC;AAElF;;;GAGG;AAMH,MAAM,OAAO,GAAG;;;sBAaL,KAAK;wBAQkB,IAAI;0BAMvB,KAAK;;IAgBR,aAAa;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;IAC7C,CAAC;IAEO,iBAAiB,CAAC,EAAc;QACtC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,MAAM,eACA,IAAI,CAAC,UAAU;YAE1B,8DAAa;YACZ,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,KAAK,EAAC,qCAAqC;gBAC9C,gBACE,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAwB,CAAC,EAC1D,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC1C;gBACF,iBACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,WAA0B,EACvC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;oBAE9D,YAAM,IAAI,EAAC,iBAAiB,GAAQ,CAC1B,CACR,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n\n    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n      >\n        <slot></slot>\n        {this.showMenu && (\n          <div class=\"cell--menu-container prevent-expand\">\n            <z-button\n              variant={ButtonVariant.TERTIARY}\n              icon=\"contextual-menu\"\n              size={ControlSize.X_SMALL}\n              ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n              onClick={this.onMenuButtonClick.bind(this)}\n            />\n            <z-popover\n              ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n              bindTo={this.menuTrigger as HTMLElement}\n              onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n            >\n              <slot name=\"contextual-menu\"></slot>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/cells/z-th/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/cells/z-th/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n  tag: \"z-th\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTh {\n  @Element() host: HTMLZThElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Current sorting direction.\n   * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.\n   */\n  @Prop({mutable: true})\n  sortDirection?: SortDirection;\n\n  /**\n   * Set popover position.\n   */\n  @Prop()\n  popoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  /**\n   * Sort event fired when the user clicks on the sort button.\n   * The sorting logic must be implemented by the app.\n   * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n   */\n  @Event()\n  private sort: EventEmitter;\n\n  private menuTrigger: HTMLElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n   */\n  private get ariaSortDirection(): string {\n    if (!this.sortDirection) {\n      return null;\n    }\n\n    return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n  }\n\n  /**\n   * Handle the click on the sort button.\n   * @fires sort\n   */\n  private handleSort(): void {\n    if (!this.sortDirection) {\n      return;\n    }\n\n    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n    this.sort.emit({\n      sortDirection: this.sortDirection,\n    });\n  }\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZThElement {\n    return (\n      <Host\n        role=\"columnheader\"\n        menu-open={this.isMenuOpen}\n        aria-sort={this.ariaSortDirection}\n      >\n        <slot></slot>\n        {this.sortDirection && (\n          <button\n            class=\"z-th--sort-button\"\n            type=\"button\"\n            onClick={this.handleSort.bind(this)}\n          >\n            <z-icon\n              name={this.sortDirection === SortDirection.ASC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n              width={14}\n              height={14}\n            />\n          </button>\n        )}\n        {this.showMenu && (\n          <div class=\"cell--menu-container\">\n            <z-button\n              variant={ButtonVariant.TERTIARY}\n              icon=\"contextual-menu\"\n              size={ControlSize.X_SMALL}\n              ref={(el) => (this.menuTrigger = el as HTMLElement)}\n              onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n            />\n            <z-popover\n              ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n              bindTo={this.menuTrigger}\n              onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n              position={this.popoverPosition}\n            >\n              <slot name=\"contextual-menu\"></slot>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/z-table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,kBAAkB,CAAC;AAE1B;;;;GAIG;AAMH,MAAM,OAAO,MAAM;;wBAON,KAAK;0BAMH,KAAK;;IAEV,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9E,CAAC;IAID;;OAEG;IACH,iBAAiB;QACf,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC1D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACjD,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;YAC/B,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,0BAA0B,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU;YAC/B,4DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO;gBAEZ,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-thead/index\";\nimport \"../z-tbody/index\";\nimport \"../z-tr/index\";\nimport \"../z-tfoot/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/z-tbody/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/z-tbody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;;GAGG;AAMH,MAAM,OAAO,MAAM;IACjB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/z-tfoot/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/z-tfoot/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AAMH,MAAM,OAAO,MAAM;;sBAKR,KAAK;;IAEd,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n  tag: \"z-tfoot\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTfoot {\n  /**\n   * If true, the footer will be stuck to the bottom of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): void {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/z-thead/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/z-thead/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AAMH,MAAM,OAAO,MAAM;;sBAKR,KAAK;;IAEd,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\n@Component({\n  tag: \"z-thead\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZThead {\n  /**\n   * If true, the header will be stuck to the top of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): HTMLZTheadElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table/z-tr/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/z-tr/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAE7B;;;;;GAKG;AAMH,MAAM,OAAO,GAAG;;0BAaD,KAAK;wBAMP,KAAK;;;IAeN,aAAa;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAkC,YAAY,CAAC,CAAC,CAAC;QACpG,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,KAAK,CAAC,GAAG,EAAE,CAAC;QACd,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;YACtC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,2BAA2B,QAAQ,EAAE,EAAE,CAAC;YACvF,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,CAAC;QAClD,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,UAAU,CAAC,KAAiB;QAClC,MAAM,aAAa,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC/E,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;IAC9C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAEvB,4DAAK,KAAK,EAAC,+BAA+B,IACvC,IAAI,CAAC,UAAU,IAAI,CAClB,+BACiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBACnC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,mBAC7C,IAAI,CAAC,mBAAmB,EACvC,IAAI,EAAC,QAAQ;gBAEb,cAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,GAAW,CAClE,CACV,CACG;YACN,6DAAM,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS,CACrD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\n@Component({\n  tag: \"z-tr\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTr {\n  @Element() host: HTMLZTrElement;\n\n  /**\n   * Whether the row is expandable.\n   * Use a `z-td` as the last cell of the row for the additional content.\n   * It will show a button to expand/collapse the row.\n   * The last cell will be hidden until the button or row is clicked.\n   *\n   * If some element inside the expandable row contains the `prevent-expand` css class,\n   * the row will not expand by clicking that element.\n   */\n  @Prop({reflect: true})\n  expandable = false;\n\n  /**\n   * Whether the row is currently expanded.\n   */\n  @State()\n  expanded = false;\n\n  /**\n   * HTML Id of the expandable content.\n   * It is used to link the button to the content through the `aria-controls` attribute.\n   */\n  @State()\n  expandableContentId: string;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  @Watch(\"expandable\")\n  @Listen(\"colspanchange\")\n  protected updateColumns(): void {\n    const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement | HTMLZThElement>(\"z-td, z-th\"));\n    if (this.expandable) {\n      cells.pop();\n    }\n\n    const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n    this.host.style.setProperty(\"--columns\", `${columns}`);\n\n    if (this.expandable) {\n      const expandableContent = cells.pop();\n      expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n      this.expandableContentId = expandableContent.id;\n    }\n  }\n\n  /**\n   * Handle click on row.\n   * Skip expansion if the click is on a element with `prevent-expand` css class.\n   */\n  private onRowClick(event: MouseEvent): void {\n    const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n    if (!this.expandable || preventExpand) {\n      return;\n    }\n\n    this.expanded = !this.expanded;\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  componentWillLoad(): void {\n    this.updateColumns();\n  }\n\n  render(): HTMLZTrElement {\n    return (\n      <Host\n        role=\"row\"\n        onClick={this.onRowClick.bind(this)}\n        expanded={this.expanded}\n      >\n        <div class=\"z-tr--expand-button-container\">\n          {this.expandable && (\n            <button\n              aria-expanded={this.expanded ? \"true\" : \"false\"}\n              aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n              aria-controls={this.expandableContentId}\n              type=\"button\"\n            >\n              <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n            </button>\n          )}\n        </div>\n        <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AAMH,MAAM,OAAO,UAAU;;;;oBAiBd,WAAW,CAAC,GAAG;0BAMT,KAAK;oBAMX,KAAK;yBAMA,KAAK;uBAMW,gBAAgB,CAAC,OAAO;sBAM3C,IAAI;;IASH,gBAAgB;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;IACH,CAAC;IAID;;;;OAIG;IACK,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;YAE7B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,gEACE,GAAG,EAAE,CAAC,GAAuB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,EACzD,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,gEACE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACrC,IAAI,EAAC,SAAS;gBAEb,IAAI,CAAC,IAAI,IAAI,CACZ,cACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACH;gBACD,6DAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACnD,6DAAM,KAAK,EAAC,kBAAkB;oBAC5B,6DAAM,IAAI,EAAC,KAAK,GAAG,CACd;gBACP,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAC/C,CACM;YACT,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB,WACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,SAAS;gBAEd,eAAQ,CACJ,CACP,CACO,CACX,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Watch} from \"@stencil/core\";\nimport {ControlSize, AccordionVariant} from \"../../beans\";\n\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-text01`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-text01`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\n@Component({\n  tag: \"z-accordion\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAccordion {\n  /**\n   * Text label.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Name of the z-icon to display before the label's text.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Size of the component.\n   */\n  @Prop({reflect: true})\n  size = ControlSize.BIG;\n\n  /**\n   * Disabled state of the accordion.\n   */\n  @Prop({reflect: true})\n  isDisabled = false;\n\n  /**\n   * The open state of the accordion.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Enable highlight band on the `summary`'s left edge.\n   */\n  @Prop({reflect: true})\n  highlight = false;\n\n  /**\n   * Accordion variant.\n   */\n  @Prop({reflect: true})\n  variant: AccordionVariant = AccordionVariant.DEFAULT;\n\n  /**\n   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\n   */\n  @Prop({reflect: true})\n  shadow = true;\n\n  /**\n   * Event fired when the accordion is toggled.\n   */\n  @Event()\n  toggled: EventEmitter<boolean>;\n\n  @Watch(\"isDisabled\")\n  protected onDisabledChange(): void {\n    if (this.isDisabled) {\n      this.open = false;\n    }\n  }\n\n  private detailsElm: HTMLDetailsElement;\n\n  /**\n   * Handle `details` element toggle.\n   * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n   * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n   */\n  private onDetailsToggle(): void {\n    if (this.isDisabled) {\n      this.open = false;\n      this.detailsElm.open = false;\n\n      return;\n    }\n\n    this.open = this.detailsElm.open;\n    this.toggled.emit(this.open);\n  }\n\n  render(): HTMLDetailsElement {\n    return (\n      <details\n        ref={(elm: HTMLDetailsElement) => (this.detailsElm = elm)}\n        onToggle={this.onDetailsToggle.bind(this)}\n        open={this.open}\n      >\n        <summary\n          tabIndex={this.isDisabled ? -1 : null}\n          part=\"summary\"\n        >\n          {this.icon && (\n            <z-icon\n              class=\"z-accordion-label-icon\"\n              name={this.icon}\n            />\n          )}\n          <span class=\"z-accordion-label\">{this.label}</span>\n          <span class=\"z-accordion-tags\">\n            <slot name=\"tag\" />\n          </span>\n          <z-icon\n            class=\"z-accordion-chevron\"\n            name={this.open ? \"chevron-up\" : \"chevron-down\"}\n          />\n        </summary>\n        {!this.isDisabled && (\n          <div\n            class=\"z-accordion-content\"\n            part=\"content\"\n          >\n            <slot />\n          </div>\n        )}\n      </details>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-anchor-navigation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-anchor-navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C;;;;;;;;;;;;;;GAcG;AAMH,MAAM,OAAO,iBAAiB;;8BAMX,KAAK;yBAMV,KAAK;;IAKjB;;OAEG;IACK,cAAc;QACpB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,IAAI,YAAY,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClF,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC;YACvD,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;IACnC,CAAC;IAED,gBAAgB;QACd,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,SAAS;YAC7B,iEACE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACpD,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAG/B;YACX,4DAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;gBAC/B,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * * Anchor navigation component.\n * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n  tag: \"z-anchor-navigation\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZAnchorNavigation {\n  /**\n   * If enabled, the text of each anchor will be hidden unless\n   * for the current one or the one the user is hovering.\n   */\n  @Prop({reflect: true})\n  hideUnselected = false;\n\n  /**\n   * Whether the mobile list is collapsed.\n   */\n  @State()\n  collapsed = false;\n\n  /** Reference to the nav element. */\n  private nav: HTMLElement;\n\n  /**\n   * Set aria-current attribute to the anchors and `current` to nav children.\n   */\n  private setAriaCurrent(): void {\n    Array.from(this.nav.children).forEach((item) => {\n      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n      const isCurrent = window.location.href === anchor.href;\n      anchor.setAttribute(\"aria-current\", isCurrent.toString());\n      item.toggleAttribute(\"current\", isCurrent);\n    });\n  }\n\n  /**\n   * Toggle collapsed state.\n   */\n  private toggleCollapsed(): void {\n    this.collapsed = !this.collapsed;\n  }\n\n  componentDidLoad(): void {\n    window.addEventListener(\"hashchange\", this.setAriaCurrent.bind(this));\n    this.setAriaCurrent();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"hashchange\", this.setAriaCurrent);\n  }\n\n  render(): HTMLZAnchorNavigationElement {\n    return (\n      <Host collapsed={this.collapsed}>\n        <z-button\n          class=\"toggle\"\n          variant={ButtonVariant.SECONDARY}\n          icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n          onClick={this.toggleCollapsed.bind(this)}\n        >\n          salta a\n        </z-button>\n        <nav ref={(el) => (this.nav = el)}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-aria-alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-aria-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAM3C,MAAM,OAAO,UAAU;;oBAGE,cAAc,CAAC,MAAM;;IAE5C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,kEACQ,IAAI,CAAC,IAAI,iBACR,MAAM,mBACJ,WAAW;YAEzB,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from \"@stencil/core\";\nimport {ZAriaAlertMode} from \"../../beans\";\n\n@Component({\n  tag: \"z-aria-alert\",\n  shadow: false,\n})\nexport class ZAriaAlert {\n  /** Aria live mode */\n  @Prop()\n  mode: ZAriaAlertMode = ZAriaAlertMode.POLITE;\n\n  render(): HTMLZAriaAlertElement {\n    return (\n      <Host\n        aria-live={this.mode}\n        aria-atomic=\"true\"\n        aria-relevant=\"additions\"\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-aria-alert/index.spec.js

@@ -1,14 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZAriaAlert } from "./index";
-describe("Suite test ZAriaAlert", () => {
-    it("Test render ZAriaAlert", async () => {
-        const page = await newSpecPage({
-            components: [ZAriaAlert],
-            html: `<z-aria-alert>testo</z-aria-alert>`,
-        });
-        expect(page.root).toEqualHtml(`<z-aria-alert aria-atomic="true" aria-live="polite" aria-relevant="additions">
-         testo
-       </z-aria-alert>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-aria-alert/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,oCAAoC;SAC3C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAC3B;;uBAEiB,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAriaAlert} from \"./index\";\n\ndescribe(\"Suite test ZAriaAlert\", () => {\n  it(\"Test render ZAriaAlert\", async () => {\n    const page = await newSpecPage({\n      components: [ZAriaAlert],\n      html: `<z-aria-alert>testo</z-aria-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(\n      `<z-aria-alert aria-atomic=\"true\" aria-live=\"polite\" aria-relevant=\"additions\">\n         testo\n       </z-aria-alert>`\n    );\n  });\n});\n"]}