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

package/dist/collection/components/buttons/z-button-sort/index.js

@@ -1,221 +0,0 @@
-import { h } from "@stencil/core";
-import { tabletBreakpoint } from "../../../constants/breakpoints";
-export class ZButtonSort {
-    constructor() {
-        this.buttonid = undefined;
-        this.label = undefined;
-        this.desclabel = undefined;
-        this.counter = undefined;
-        this.sortlabelasc = "A-Z";
-        this.sortlabeldesc = "Z-A";
-        this.isselected = false;
-        this.sortasc = true;
-        this.allowTooltip = false;
-    }
-    emitButtonSortClick() {
-        if (!this.isselected) {
-            this.isselected = true;
-        }
-        else {
-            this.sortasc = !this.sortasc;
-        }
-        this.buttonSortClick.emit({
-            buttonid: this.buttonid,
-            sortAsc: this.sortasc,
-        });
-    }
-    componentDidLoad() {
-        if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {
-            this.allowTooltip = true;
-        }
-    }
-    setButtonTitle() {
-        return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : "";
-    }
-    elementHasEllipsis() {
-        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-    }
-    render() {
-        return (h("button", { key: '444ce93c134cb613b64f1ebd82f8744b7dcd38f2', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '586d7950170a1d79bf495b00f405fdfcd8f43a0d', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'eada0327e1a5117958be3147dc1c134338759d92', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '03bf71c7f7670ba162ca24c2d455d7454677793c', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: 'd2ec9963ebe5b404a78af6fe3f0d228583dce23b', name: "caret-up-down", width: 16, height: 16 })));
-    }
-    static get is() { return "z-button-sort"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "buttonid": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "id, should be unique"
-                },
-                "attribute": "buttonid",
-                "reflect": false
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "label content (ascending)"
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "desclabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "label content (descending)"
-                },
-                "attribute": "desclabel",
-                "reflect": false
-            },
-            "counter": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "occurrences counter (optional)"
-                },
-                "attribute": "counter",
-                "reflect": false
-            },
-            "sortlabelasc": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "sort label content (ascending) (optional)"
-                },
-                "attribute": "sortlabelasc",
-                "reflect": false,
-                "defaultValue": "\"A-Z\""
-            },
-            "sortlabeldesc": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "sort label content (descending) (optional)"
-                },
-                "attribute": "sortlabeldesc",
-                "reflect": false,
-                "defaultValue": "\"Z-A\""
-            },
-            "isselected": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "selected flag (optional)"
-                },
-                "attribute": "isselected",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "sortasc": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "sortable flag (optional)"
-                },
-                "attribute": "sortasc",
-                "reflect": false,
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "allowTooltip": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "buttonSortClick",
-                "name": "buttonSortClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "sorting direction click event, returns `buttonid` and `sortAsc`"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/buttons/z-button-sort/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-button-sort/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAMhE,MAAM,OAAO,WAAW;;;;;;4BAmBE,KAAK;6BAIJ,KAAK;0BAIP,KAAK;uBAIR,IAAI;4BAGT,KAAK;;IAQZ,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC/B,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,IAAI,MAAM,CAAC,UAAU,GAAG,gBAAgB,EAAE,CAAC;YACtE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAC,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAEzC,6DACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAqB,CAAC,EACpD,KAAK,EAAC,UAAU,IAEf,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CACzD;YACP,6DAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,IAAI,KAAK,IAAI,CAAC,OAAO,GAAG,CAAQ;YACnE,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAQ;YACjF,+DACE,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACK,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, State, h, Event, EventEmitter} from \"@stencil/core\";\nimport {tabletBreakpoint} from \"../../../constants/breakpoints\";\n@Component({\n  tag: \"z-button-sort\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZButtonSort {\n  /** id, should be unique */\n  @Prop()\n  buttonid: string;\n\n  /** label content (ascending) */\n  @Prop()\n  label: string;\n\n  /** label content (descending) */\n  @Prop()\n  desclabel?: string;\n\n  /** occurrences counter (optional) */\n  @Prop()\n  counter?: number;\n\n  /** sort label content (ascending) (optional) */\n  @Prop()\n  sortlabelasc?: string = \"A-Z\";\n\n  /** sort label content (descending) (optional) */\n  @Prop()\n  sortlabeldesc?: string = \"Z-A\";\n\n  /** selected flag (optional) */\n  @Prop({mutable: true})\n  isselected?: boolean = false;\n\n  /** sortable flag (optional) */\n  @Prop({mutable: true})\n  sortasc?: boolean = true;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLSpanElement;\n\n  /** sorting direction click event, returns `buttonid` and `sortAsc` */\n  @Event()\n  buttonSortClick: EventEmitter;\n\n  private emitButtonSortClick(): void {\n    if (!this.isselected) {\n      this.isselected = true;\n    } else {\n      this.sortasc = !this.sortasc;\n    }\n    this.buttonSortClick.emit({\n      buttonid: this.buttonid,\n      sortAsc: this.sortasc,\n    });\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private setButtonTitle(): string {\n    return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        title={this.setButtonTitle()}\n        id={this.buttonid}\n        class={{selected: this.isselected}}\n        onClick={() => this.emitButtonSortClick()}\n      >\n        <span\n          ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n          class=\"ellipsis\"\n        >\n          {!this.sortasc && this.desclabel ? this.desclabel : this.label}\n        </span>\n        <span class=\"counter\">{this.counter && ` (${this.counter})`}</span>\n        <span class=\"sort\">{this.sortasc ? this.sortlabelasc : this.sortlabeldesc}</span>\n        <z-icon\n          name=\"caret-up-down\"\n          width={16}\n          height={16}\n        />\n      </button>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-button-sort/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QACpC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,qIAAqI;SAC5I,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;QACtC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;QACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZButtonSort} from \"./index\";\n\ndescribe(\"Suite test ZButtonSort\", () => {\n  it(\"Test render ZButtonSort vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort></z-button-sort>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-button-sort>\n        <mock:shadow-root>\n          <button>\n            <span class=\"ellipsis\"></span>\n            <span class=\"counter\"></span>\n            <span class=\"sort\">A-Z</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n\n  it(\"Test render ZButtonSort con prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort label=\"label\" counter=\"5\"></z-button-sort>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-button-sort label=\"label\" counter=\"5\">\n        <mock:shadow-root>\n          <button>\n            <span class=\"ellipsis\">label</span>\n            <span class=\"counter\"> (5)</span>\n            <span class=\"sort\">A-Z</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n\n  it(\"Test render ZButtonSort selected\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort></z-button-sort>`,\n    });\n    page.rootInstance.isselected = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-button-sort>\n        <mock:shadow-root>\n          <button class=\"selected\">\n            <span class=\"ellipsis\"></span>\n            <span class=\"counter\"></span>\n            <span class=\"sort\">A-Z</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n\n  it(\"Test render ZButtonSort sort\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort></z-button-sort>`,\n    });\n    page.rootInstance.isselected = true;\n    page.rootInstance.sortasc = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-button-sort>\n        <mock:shadow-root>\n          <button class=\"selected\">\n            <span class=\"ellipsis\"></span>\n            <span class=\"counter\"></span>\n            <span class=\"sort\">Z-A</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n\n  it(\"Test click ZButtonSort\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort></z-button-sort>`,\n    });\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n    expect(page.rootInstance.isselected).toEqual(false);\n    expect(page.rootInstance.sortasc).toEqual(true);\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.isselected).toEqual(true);\n    expect(page.rootInstance.sortasc).toEqual(true);\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.isselected).toEqual(true);\n    expect(page.rootInstance.sortasc).toEqual(false);\n  });\n\n  it(\"Test ZButtonSort has ellipsis\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort label=\"Testo molto lungo lungo lungo lunghissimo lunghissimo lunghissimo ancora di più\" counter=\"5\"></z-button-sort>`,\n    });\n    page.rootInstance.allowTooltip = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-button-sort label=\"Testo molto lungo lungo lungo lunghissimo lunghissimo lunghissimo ancora di più\" counter=\"5\">\n        <mock:shadow-root>\n          <button title=\"Testo molto lungo lungo lungo lunghissimo lunghissimo lunghissimo ancora di più\">\n            <span class=\"ellipsis\">Testo molto lungo lungo lungo lunghissimo lunghissimo lunghissimo ancora di più</span>\n            <span class=\"counter\"> (5)</span>\n            <span class=\"sort\">A-Z</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n\n  it(\"Test ZButtonSort has not ellipsis\", async () => {\n    const page = await newSpecPage({\n      components: [ZButtonSort],\n      html: `<z-button-sort label=\"Testo corto\" counter=\"5\"></z-button-sort>`,\n    });\n    page.rootInstance.allowTooltip = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-button-sort label=\"Testo corto\" counter=\"5\">\n        <mock:shadow-root>\n          <button title=\"\">\n            <span class=\"ellipsis\">Testo corto</span>\n            <span class=\"counter\"> (5)</span>\n            <span class=\"sort\">A-Z</span>\n            <z-icon name=\"caret-up-down\" width=\"16\" height=\"16\" />\n          </button>\n        </mock:shadow-root>\n      </z-button-sort>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-button-sort/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;IAClE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,EAAC,IAAI,EAAE,iCAAiC,EAAC,CAAC,CAAC;IACzE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAE9D,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;AACjE,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"Test ZButtonSort should emit buttonSortClick event\", async () => {\n  const page = await newE2EPage({html: \"<z-button-sort></z-button-sort>\"});\n  const btn = await page.find(\"z-button-sort >>> button\");\n  const clickEvent = await page.spyOnEvent(\"buttonSortClick\");\n\n  await btn.click();\n  await page.waitForChanges();\n  expect(clickEvent).toHaveReceivedEventDetail({sortAsc: true});\n\n  await btn.click();\n  await page.waitForChanges();\n  expect(clickEvent).toHaveReceivedEventDetail({sortAsc: false});\n});\n"]}

package/dist/collection/components/buttons/z-chip/index.js

@@ -1,148 +0,0 @@
-import { h } from "@stencil/core";
-import { ZChipType } from "../../../beans";
-export class ZChip {
-    constructor() {
-        this.icon = undefined;
-        this.type = ZChipType.DEFAULT;
-        this.interactiveIcon = undefined;
-        this.disabled = false;
-        this.ariaLabel = "";
-    }
-    render() {
-        return (h("div", { key: '6f854f9af61641c48e7870b320f330e08fa10115', class: {
-                "z-chip-container": true,
-                "z-chip-interactive": !!this.interactiveIcon,
-                [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { name: this.icon }), h("slot", { key: '17dd6eacc4edf0df59bd68f4c453126e954c5e86' }), this.interactiveIcon && (h("button", { type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { class: "interactive-icon", name: this.interactiveIcon })))));
-    }
-    static get is() { return "z-chip"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Non interactive icon"
-                },
-                "attribute": "icon",
-                "reflect": false
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ZChipType",
-                    "resolved": "ZChipType.DEFAULT | ZChipType.MEDIUM | ZChipType.SMALL",
-                    "references": {
-                        "ZChipType": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ZChipType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "z-chip size type, can be default, medium or small"
-                },
-                "attribute": "type",
-                "reflect": true,
-                "defaultValue": "ZChipType.DEFAULT"
-            },
-            "interactiveIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "z-chip interactive icon"
-                },
-                "attribute": "interactive-icon",
-                "reflect": true
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "set z-chip as disabled"
-                },
-                "attribute": "disabled",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "ariaLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "z-chip aria-label string"
-                },
-                "attribute": "aria-label",
-                "reflect": false,
-                "defaultValue": "\"\""
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "interactiveIconClick",
-                "name": "interactiveIconClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "click on interactive icon"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/buttons/z-chip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAQzC,MAAM,OAAO,KAAK;;;oBASG,SAAS,CAAC,OAAO;;wBAQf,KAAK;yBAId,EAAE;;IAMd,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;gBAC5C,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;aAClB,mBACc,IAAI,CAAC,QAAQ;YAE3B,IAAI,CAAC,IAAI,IAAI,cAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YACzC,8DAAQ;YACP,IAAI,CAAC,eAAe,IAAI,CACvB,cACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,gBACnC,IAAI,CAAC,SAAS,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,cACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,IAAI,CAAC,eAAe,GAC1B,CACK,CACV,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Element, Event, EventEmitter} from \"@stencil/core\";\nimport {ZChipType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-chip\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZChip {\n  @Element() el: HTMLZChipElement;\n\n  /** Non interactive icon */\n  @Prop()\n  icon?: string;\n\n  /** z-chip size type, can be default, medium or small */\n  @Prop({reflect: true})\n  type?: ZChipType = ZChipType.DEFAULT;\n\n  /** z-chip interactive icon */\n  @Prop({reflect: true})\n  interactiveIcon?: string;\n\n  /** set z-chip as disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** z-chip aria-label string */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** click on interactive icon */\n  @Event()\n  interactiveIconClick: EventEmitter;\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={{\n          \"z-chip-container\": true,\n          \"z-chip-interactive\": !!this.interactiveIcon,\n          [this.type]: true,\n        }}\n        aria-disabled={this.disabled}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <slot />\n        {this.interactiveIcon && (\n          <button\n            type=\"button\"\n            onClick={() => this.interactiveIconClick.emit()}\n            aria-label={this.ariaLabel}\n            disabled={this.disabled}\n          >\n            <z-icon\n              class=\"interactive-icon\"\n              name={this.interactiveIcon}\n            />\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-chip/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,kCAAkC;SACzC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,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,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,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,kFAAkF;SACzF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,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,qFAAqF;SAC5F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZChip} from \"./index\";\n\ndescribe(\"Suite test ZChip\", () => {\n  it(\"Test render ZChip empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip type=\"default\"></z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip type=\"default\">\n        <div class=\"default z-chip-container\"></div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip type medium\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip type=\"medium\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip type=\"medium\">\n        <div class=\"medium z-chip-container\">text</div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" type=\"default\">\n        <div class=\"default z-chip-container\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div class=\"default z-chip-container z-chip-interactive\">\n          text\n          <button aria-label=\"\" type=\"button\">\n            <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon \", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div class=\"default z-chip-container z-chip-interactive\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n          <button aria-label=\"\" type=\"button\">\n            <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip disabled icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip disabled=\"\" icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div aria-disabled=\"\" class=\"default z-chip-container z-chip-interactive\">\n            <z-icon name=\"pdf\"></z-icon>\n            text\n            <button aria-label=\"\" disabled=\"\" type=\"button\">\n              <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n            </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon type small\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"small\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"small\">\n        <div class=\"small z-chip-container z-chip-interactive\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n          <button aria-label=\"\" type=\"button\">\n          <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n});\n"]}

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

@@ -1,146 +0,0 @@
-import { h } from "@stencil/core";
-export class ZToggleButton {
-    constructor() {
-        this.label = undefined;
-        this.isdisabled = false;
-        this.avoidclick = undefined;
-        this.opened = false;
-        this.ariaLabel = "";
-    }
-    emitToggleClick() {
-        if (this.isdisabled) {
-            return;
-        }
-        this.opened = !this.opened;
-        this.toggleClick.emit(this.opened);
-    }
-    render() {
-        return (h("button", { key: '45734652da19db32f9ca48cc87ae096a961b8fdb', tabindex: this.avoidclick ? "-1" : "0", class: {
-                "isopen": this.opened,
-                "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '0630ac16f3c2fe347cf9c81cdbf07a06bc526778', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
-    }
-    static get is() { return "z-toggle-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "label text"
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "isdisabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "disabled status flag (optional)"
-                },
-                "attribute": "isdisabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "avoidclick": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "avoidclick status flag"
-                },
-                "attribute": "avoidclick",
-                "reflect": false
-            },
-            "opened": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "open by default (optional)"
-                },
-                "attribute": "opened",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "ariaLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "aria-label for the button"
-                },
-                "attribute": "aria-label",
-                "reflect": false,
-                "defaultValue": "\"\""
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "toggleClick",
-                "name": "toggleClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "emitted on toggle button click, returns isOpen"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAOtE,MAAM,OAAO,aAAa;;;0BAOD,KAAK;;sBAQT,KAAK;yBAIZ,EAAE;;IAMN,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EACtC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,cAAc,EAAE,IAAI,CAAC,UAAU;aAChC,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,mBACV,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBACjC,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;YAErC,+DACE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACjD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV;YACD,IAAI,CAAC,KAAK,CACJ,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"]}

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

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