@zanichelli/albe-web-components 13.0.0 → 13.1.0-rc2

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.spec.js

@@ -0,0 +1,21 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZTableBody } from "./index";
+describe("Suite test ZTableBody", () => {
+    it("Test render ZTableBody con slot", async () => {
+        const page = await newSpecPage({
+            components: [ZTableBody],
+            html: `<z-table-body><z-table-row></z-table-row></z-table-body>`,
+        });
+        expect(page.root).toEqualHtml(`<z-table-body role="rowgroup">
+        <z-table-row aria-rowindex="0"></z-table-row>
+      </z-table-body>`);
+    });
+    it("Test render ZTableBody con role rowgroup", async () => {
+        const page = await newSpecPage({
+            components: [ZTableBody],
+            html: `<z-table-body></z-table-body>`,
+        });
+        expect(page.root.getAttribute("role")).toEqual("rowgroup");
+    });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-body/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,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAC3B;;sBAEgB,CACjB,CAAC;IACJ,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,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableBody} from \"./index\";\n\ndescribe(\"Suite test ZTableBody\", () => {\n  it(\"Test render ZTableBody con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableBody],\n      html: `<z-table-body><z-table-row></z-table-row></z-table-body>`,\n    });\n\n    expect(page.root).toEqualHtml(\n      `<z-table-body role=\"rowgroup\">\n        <z-table-row aria-rowindex=\"0\"></z-table-row>\n      </z-table-body>`\n    );\n  });\n\n  it(\"Test render ZTableBody con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableBody],\n      html: `<z-table-body></z-table-body>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-body/styles.css

@@ -0,0 +1,9 @@
+:host {
+  display: table-row-group;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > z-table-row[expanded] + z-table-expanded-row {
+  display: table-row;
+}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.js

@@ -0,0 +1,85 @@
+import { h, Host } from "@stencil/core";
+import { ButtonVariant, ButtonSize } from "../../../beans";
+/**
+ * @deprecated
+ */
+export class ZTableCell {
+    constructor() {
+        this.showButton = undefined;
+        this.padding = "medium";
+        this.isMenuOpened = false;
+    }
+    handleMenu() {
+        this.isMenuOpened = !this.isMenuOpened;
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "cell");
+    }
+    render() {
+        return (h(Host, { key: 'a55491d43ef04929fdd38073b589d12d5d373ca4' }, this.showButton && (h("div", { class: {
+                "button-container": true,
+                "visible": this.isMenuOpened,
+            } }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), h("div", { class: {
+                "contextual-menu-container": true,
+                "visible": this.isMenuOpened,
+            } }, h("slot", { name: "contextual-menu" }))))), h("slot", { key: 'd8d5dab5bac78f43151d50d22df6cfbefdc81694' })));
+    }
+    static get is() { return "z-table-cell"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[Optional] Show contextual menu button"
+                },
+                "attribute": "show-button",
+                "reflect": false
+            },
+            "padding": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\"",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"special\" | \"x-small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set padding size of cell, if special 0px padding will be set"
+                },
+                "attribute": "padding",
+                "reflect": true,
+                "defaultValue": "\"medium\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isMenuOpened": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,UAAU;;;uBAS2C,QAAQ;4BAGzD,KAAK;;IAEZ,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;IACzC,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,UAAU,IAAI,CAClB,WACE,KAAK,EAAE;oBACL,kBAAkB,EAAE,IAAI;oBACxB,SAAS,EAAE,IAAI,CAAC,YAAY;iBAC7B;gBAED,WAAK,KAAK,EAAC,gBAAgB;oBACzB,gBACE,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAChC;oBACF,WACE,KAAK,EAAE;4BACL,2BAA2B,EAAE,IAAI;4BACjC,SAAS,EAAE,IAAI,CAAC,YAAY;yBAC7B;wBAED,YAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACF,CACF,CACP;YACD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant, ButtonSize} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-cell\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableCell {\n  @Element() host: HTMLZTableCellElement;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  @State()\n  isMenuOpened = false;\n\n  private handleMenu(): void {\n    this.isMenuOpened = !this.isMenuOpened;\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"cell\");\n  }\n\n  render(): HTMLZTableCellElement {\n    return (\n      <Host>\n        {this.showButton && (\n          <div\n            class={{\n              \"button-container\": true,\n              \"visible\": this.isMenuOpened,\n            }}\n          >\n            <div class=\"button-content\">\n              <z-button\n                icon=\"contextual-menu\"\n                variant={ButtonVariant.TERTIARY}\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.handleMenu()}\n              />\n              <div\n                class={{\n                  \"contextual-menu-container\": true,\n                  \"visible\": this.isMenuOpened,\n                }}\n              >\n                <slot name=\"contextual-menu\" />\n              </div>\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.spec.js

@@ -0,0 +1,50 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZTableCell } from "./index";
+describe("Suite test ZTableCell", () => {
+    it("Test render ZTableCell con slot", async () => {
+        const page = await newSpecPage({
+            components: [ZTableCell],
+            html: `<z-table-cell><span>Test</span></z-table-cell>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-table-cell padding="medium" role="cell">
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>Test</span>
+      </z-table-cell>
+    `);
+    });
+    it("Test render ZTableCell con button", async () => {
+        const page = await newSpecPage({
+            components: [ZTableCell],
+            html: `<z-table-cell show-button="true"><span>Test</span></z-table-cell>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-table-cell padding="medium" role="cell" show-button="true">
+        <mock:shadow-root>
+          <div class="button-container">
+            <div class="button-content">
+              <z-button icon="contextual-menu" size="x-small" variant="tertiary"></z-button>
+              <div class="contextual-menu-container">
+                <slot name="contextual-menu"></slot>
+              </div>
+            </div>
+          </div>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>
+          Test
+        </span>
+      </z-table-cell>
+    `);
+    });
+    it("Test render ZTableCell con role cell", async () => {
+        const page = await newSpecPage({
+            components: [ZTableCell],
+            html: `<z-table-cell></z-table-cell>`,
+        });
+        expect(page.root.getAttribute("role")).toEqual("cell");
+    });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-cell/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,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,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,UAAU,CAAC;YACxB,IAAI,EAAE,mEAAmE;SAC1E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,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,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableCell} from \"./index\";\n\ndescribe(\"Suite test ZTableCell\", () => {\n  it(\"Test render ZTableCell con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell><span>Test</span></z-table-cell>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-cell padding=\"medium\" role=\"cell\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>Test</span>\n      </z-table-cell>\n    `);\n  });\n\n  it(\"Test render ZTableCell con button\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell show-button=\"true\"><span>Test</span></z-table-cell>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-cell padding=\"medium\" role=\"cell\" show-button=\"true\">\n        <mock:shadow-root>\n          <div class=\"button-container\">\n            <div class=\"button-content\">\n              <z-button icon=\"contextual-menu\" size=\"x-small\" variant=\"tertiary\"></z-button>\n              <div class=\"contextual-menu-container\">\n                <slot name=\"contextual-menu\"></slot>\n              </div>\n            </div>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n      </z-table-cell>\n    `);\n  });\n\n  it(\"Test render ZTableCell con role cell\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell></z-table-cell>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"cell\");\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/styles.css

@@ -0,0 +1,58 @@
+:host {
+  display: table-cell;
+  border-bottom: var(--border-size-small) solid var(--color-surface03);
+  background-color: var(--color-white);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > .button-container {
+  display: none;
+}
+
+:host:hover > .button-container {
+  display: initial;
+}
+
+.button-container {
+  position: absolute;
+  z-index: 5;
+  top: 8px;
+  right: 8px;
+}
+
+.button-content {
+  position: relative;
+}
+
+.contextual-menu-container {
+  position: absolute;
+  top: calc(100% - var(--space-unit));
+  right: 0;
+  display: none;
+}
+
+.button-container.visible,
+.contextual-menu-container.visible {
+  display: initial;
+}
+
+:host([padding="x-small"]) {
+  padding: calc(var(--space-unit) * 0.5);
+}
+
+:host([padding="small"]) {
+  padding: calc(var(--space-unit));
+}
+
+:host([padding="medium"]) {
+  padding: calc(var(--space-unit) * 2);
+}
+
+:host([padding="large"]) {
+  padding: calc(var(--space-unit) * 2.5);
+}
+
+:host([padding="special"]) {
+  padding: 0;
+}

package/dist/collection/deprecated/z-table-deprecated/z-table-deprecated/index.js

@@ -0,0 +1,362 @@
+import { Host, h } from "@stencil/core";
+import { ButtonSize, ButtonVariant } from "../../../beans";
+import { mobileBreakpoint } from "../../../constants/breakpoints";
+import "../z-table-body/index";
+import "../z-table-cell/index";
+import "../z-table-empty-box/index";
+import "../z-table-expanded-row/index";
+import "../z-table-footer/index";
+import "../z-table-head/index";
+import "../z-table-header/index";
+import "../z-table-header-row/index";
+import "../z-table-row/index";
+import "../z-table-sticky-footer/index";
+/**
+ * @slot - table elements
+ * @slot sticky-footer - set the content of the sticky footer
+ * @deprecated
+ */
+export class ZTableDeprecated {
+    constructor() {
+        this.lines = undefined;
+        this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
+        this.bordered = false;
+        this.callToActionLabel = undefined;
+        this.callToActionTwoLabel = undefined;
+        this.columnSticky = false;
+        this.empty = false;
+        this.error = false;
+        this.errorLink = undefined;
+        this.headerSticky = false;
+        this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
+        this.subtitle = "";
+        this.hasTableBody = undefined;
+        this.isMobile = undefined;
+    }
+    handleResize() {
+        this.isMobile = window.innerWidth <= mobileBreakpoint;
+    }
+    handleOrientationChange() {
+        this.isMobile = screen.width <= mobileBreakpoint;
+    }
+    componentWillLoad() {
+        var _a;
+        this.isMobile = window.innerWidth <= mobileBreakpoint;
+        const tableBody = this.host.querySelector('[slot="table-body"]');
+        this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
+        if (!!tableBody && !this.hasTableBody) {
+            tableBody.remove();
+        }
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "table");
+    }
+    renderError(tableClass) {
+        const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
+        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
+    }
+    renderEmpty(tableClass) {
+        const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
+        const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
+        if (this.hasTableBody) {
+            return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
+        }
+        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
+    }
+    render() {
+        const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
+    ${this.columnSticky ? "table-column-sticky" : ""}
+    ${this.headerSticky ? "table-header-sticky" : ""}`;
+        if (this.error) {
+            return this.renderError(tableClass);
+        }
+        if (this.empty) {
+            return this.renderEmpty(tableClass);
+        }
+        return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
+    }
+    static get is() { return "z-table-deprecated"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get assetsDirs() { return ["assets"]; }
+    static get properties() {
+        return {
+            "lines": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of lines of element"
+                },
+                "attribute": "lines",
+                "reflect": true
+            },
+            "errorMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Error message"
+                },
+                "attribute": "error-message",
+                "reflect": false,
+                "defaultValue": "\"Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto\""
+            },
+            "bordered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets table with border"
+                },
+                "attribute": "bordered",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "callToActionLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets call to action label"
+                },
+                "attribute": "call-to-action-label",
+                "reflect": false
+            },
+            "callToActionTwoLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets call to action label"
+                },
+                "attribute": "call-to-action-two-label",
+                "reflect": false
+            },
+            "columnSticky": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets first column sticky"
+                },
+                "attribute": "column-sticky",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "empty": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets empty table"
+                },
+                "attribute": "empty",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "error": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set error status"
+                },
+                "attribute": "error",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "errorLink": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set error status"
+                },
+                "attribute": "error-link",
+                "reflect": false
+            },
+            "headerSticky": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets header sticky"
+                },
+                "attribute": "header-sticky",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "message": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set message"
+                },
+                "attribute": "message",
+                "reflect": false,
+                "defaultValue": "\"Siamo spiacenti, al momento non sono presenti dati da visualizzare\""
+            },
+            "subtitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set subtitle"
+                },
+                "attribute": "subtitle",
+                "reflect": false,
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasTableBody": {},
+            "isMobile": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "callToAction",
+                "name": "callToAction",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "remove call to action event"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "callToActionTwo",
+                "name": "callToActionTwo",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "remove call to action event"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "resize",
+                "method": "handleResize",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "orientationchange",
+                "method": "handleOrientationChange",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-deprecated/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../beans\";\nimport {mobileBreakpoint} from \"../../../constants/breakpoints\";\nimport \"../z-table-body/index\";\nimport \"../z-table-cell/index\";\nimport \"../z-table-empty-box/index\";\nimport \"../z-table-expanded-row/index\";\nimport \"../z-table-footer/index\";\nimport \"../z-table-head/index\";\nimport \"../z-table-header/index\";\nimport \"../z-table-header-row/index\";\nimport \"../z-table-row/index\";\nimport \"../z-table-sticky-footer/index\";\n\n/**\n * @slot - table elements\n * @slot sticky-footer - set the content of the sticky footer\n * @deprecated\n */\n@Component({\n  assetsDirs: [\"assets\"],\n  styleUrl: \"styles.css\",\n  tag: \"z-table-deprecated\",\n})\nexport class ZTableDeprecated {\n  @Element() host: HTMLZTableDeprecatedElement;\n\n  /** Number of lines of element */\n  @Prop({reflect: true})\n  lines?: number;\n\n  /** Error message */\n  @Prop()\n  errorMessage?: string = \"Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto\";\n\n  /** Sets table with border */\n  @Prop()\n  bordered?: boolean = false;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionLabel?: string;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionTwoLabel?: string;\n\n  /** Sets first column sticky */\n  @Prop()\n  columnSticky?: boolean = false;\n\n  /** Sets empty table */\n  @Prop()\n  empty?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  error?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  errorLink?: string;\n\n  /** Sets header sticky */\n  @Prop()\n  headerSticky?: boolean = false;\n\n  /** Set message */\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare\";\n\n  /** Set subtitle */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Set if has table content, useful when empty conte to who first column */\n  @State()\n  hasTableBody: boolean;\n\n  /** Handle mobile */\n  @State()\n  isMobile: boolean;\n  /** remove call to action event */\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToAction\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToAction: EventEmitter;\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToActionTwo\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToActionTwo: EventEmitter;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n  }\n\n  @Listen(\"orientationchange\", {target: \"window\"})\n  handleOrientationChange(): void {\n    this.isMobile = screen.width <= mobileBreakpoint;\n  }\n\n  componentWillLoad(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n\n    const tableBody = this.host.querySelector('[slot=\"table-body\"]');\n    this.hasTableBody = !!tableBody?.children?.length;\n\n    if (!!tableBody && !this.hasTableBody) {\n      tableBody.remove();\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"table\");\n  }\n\n  private renderError(tableClass): HTMLZTableDeprecatedElement {\n    const minHeight = this.lines ? `calc(40px * ${this.lines})` : \"auto\";\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-error>\n          <div\n            class=\"error-content\"\n            style={{minHeight}}\n          >\n            <slot name=\"error-image\" />\n            <div class=\"text\">\n              <span class=\"body-3-sb error-message\">{this.errorMessage}</span>\n              <slot name=\"error-action\" />\n            </div>\n          </div>\n        </z-table-error>\n      </Host>\n    );\n  }\n\n  private renderEmpty(tableClass): HTMLZTableDeprecatedElement {\n    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;\n    const tableContentClass = `${this.hasTableBody ? \"table-content\" : \"\"}`;\n    if (this.hasTableBody) {\n      return (\n        <Host>\n          <div class={tableClass}>\n            <slot name=\"table-header\" />\n            <div class={tableContentClass}>\n              <slot name=\"table-body\" />\n              <z-table-empty-box\n                class={this.bordered && \"bordered\"}\n                message={this.message}\n                subtitle={this.subtitle}\n              >\n                {!!this.callToActionLabel && (\n                  <z-button\n                    slot=\"cta1\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToAction.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionLabel}\n                  </z-button>\n                )}\n                {!!this.callToActionTwoLabel && (\n                  <z-button\n                    slot=\"cta2\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToActionTwo.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionTwoLabel}\n                  </z-button>\n                )}\n              </z-table-empty-box>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-empty-box\n          class={this.bordered && \"bordered\"}\n          message={this.message}\n          subtitle={this.subtitle}\n        >\n          {!!this.callToActionLabel && (\n            <z-button\n              slot=\"cta1\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToAction.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionLabel}\n            </z-button>\n          )}\n          {!!this.callToActionTwoLabel && (\n            <z-button\n              slot=\"cta2\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToActionTwo.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionTwoLabel}\n            </z-button>\n          )}\n        </z-table-empty-box>\n      </Host>\n    );\n  }\n\n  render(): HTMLZTableDeprecatedElement {\n    const tableClass = `table ${this.empty ? \"table-empty\" : \"\"} ${this.bordered ? \"table-bordered\" : \"\"}\n    ${this.columnSticky ? \"table-column-sticky\" : \"\"}\n    ${this.headerSticky ? \"table-header-sticky\" : \"\"}`;\n\n    if (this.error) {\n      return this.renderError(tableClass);\n    }\n    if (this.empty) {\n      return this.renderEmpty(tableClass);\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot />\n        </div>\n        <slot name=\"sticky-footer\" />\n      </Host>\n    );\n  }\n}\n"]}