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

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

@@ -0,0 +1,115 @@
+z-table-deprecated {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+  overflow-x: auto;
+}
+
+z-table-deprecated > div.table {
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+}
+
+z-table-deprecated > div.table-bordered > z-table-body > z-table-row > z-table-cell:not(:last-child),
+z-table-deprecated > div.table-bordered > z-table-head > z-table-header-row > z-table-header:not(:last-child) {
+  border-right: var(--border-size-small) solid var(--color-surface03);
+}
+
+/** Remove border right to first cell if row is expandable */
+z-table-deprecated > div > z-table-body > z-table-row[expandable] > z-table-cell:first-child,
+z-table-deprecated > div > z-table-head > z-table-header-row[expandable] > z-table-header:first-child {
+  border-right: none;
+}
+
+z-table-deprecated > div > z-table-body > z-table-row[expanded] > z-table-cell {
+  background-color: var(--gray50);
+}
+
+z-table-deprecated > div > z-table-body > z-table-row[expanded] + z-table-expanded-row {
+  border-bottom: 1px solid var(--gray200);
+}
+
+z-table-deprecated > div.table-column-sticky > z-table-body > z-table-row > z-table-cell:first-child,
+z-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {
+  position: sticky;
+  z-index: 1;
+  left: 0;
+  box-shadow: 1px 0 4px -1px rgb(66 69 72 / 40%);
+}
+
+z-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header {
+  position: sticky;
+  z-index: 2; /* L'ombra delle celle sticky non va sopra all'header fisso. */
+  top: 0;
+  box-shadow: 0 2px 3px -3px rgb(66 69 72 / 40%);
+}
+
+/**
+ * La cella in alto a sinistra rimane sempre sopra alle cell durante lo scroll.
+ */
+z-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header:first-child,
+z-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {
+  z-index: 5;
+}
+
+z-table-body {
+  width: auto;
+  background-color: var(--color-white);
+}
+
+z-table-empty-box {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  border-bottom: var(--border-size-small) solid var(--color-surface03);
+}
+
+z-table-empty-box.bordered {
+  border-left: var(--border-size-small) solid var(--color-surface03);
+}
+
+.error-message {
+  margin-top: calc(var(--space-unit) * 2);
+}
+
+.table-content {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+}
+
+.error-content {
+  display: flex;
+  padding: calc(var(--space-unit) * 3);
+  font-family: var(--font-family-sans);
+}
+
+.error-content > img {
+  width: 244px;
+  height: 188px;
+  margin-right: calc(var(--space-unit) * 3);
+}
+
+/* Mobile */
+@media only screen and (max-width: 768px) {
+  z-table-deprecated > div.table-empty {
+    display: none;
+  }
+
+  .error-content {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .error-content > img {
+    width: auto;
+    height: auto;
+  }
+
+  .text {
+    padding: calc(var(--space-unit) * 3) 0;
+  }
+}

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

@@ -0,0 +1,74 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @deprecated
+ */
+export class ZTableEmptyBox {
+    constructor() {
+        this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
+        this.subtitle = "";
+    }
+    componentWillLoad() {
+        this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
+        this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
+    }
+    render() {
+        return (h(Host, { key: '15246acb9b5e2df169b353883dd30b4dc9f9b298' }, h("span", { key: '78ecd045b2fd73998a446baadfabc9e5ec3d03d1', class: "body-3-sb" }, this.message), h("br", { key: 'b41c15173e3985b96884767fc52d5d4a2816bec8' }), !!this.subtitle && h("span", { class: "body-4" }, this.subtitle), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (h("div", { class: {
+                "cta": true,
+                "has-2-cta": !!this.hasCta1Slot && !!this.hasCta2Slot,
+            } }, h("slot", { name: "cta1" }), h("slot", { name: "cta2" })))));
+    }
+    static get is() { return "z-table-empty-box"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "message": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets main title 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": "Sets message"
+                },
+                "attribute": "subtitle",
+                "reflect": false,
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get elementRef() { return "hostElement"; }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-empty-box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEhE;;GAEG;AAOH,MAAM,OAAO,cAAc;;uBAKN,qEAAqE;wBAIpE,EAAE;;IAOtB,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACrE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACvE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAQ;YAC7C,4DAAM;YACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAM,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,QAAQ,CAAQ;YAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAC7C,WACE,KAAK,EAAE;oBACL,KAAK,EAAE,IAAI;oBACX,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW;iBACtD;gBAED,YAAM,IAAI,EAAC,MAAM,GAAQ;gBACzB,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-empty-box\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableEmptyBox {\n  @Element() hostElement: HTMLZTableEmptyBoxElement;\n\n  /** Sets main title message*/\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare.\";\n\n  /** Sets message */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Checks if cta1 or cta2 slots exist */\n  private hasCta1Slot: boolean;\n\n  private hasCta2Slot: boolean;\n\n  componentWillLoad(): void {\n    this.hasCta1Slot = !!this.hostElement.querySelector('[slot=\"cta1\"]');\n    this.hasCta2Slot = !!this.hostElement.querySelector('[slot=\"cta2\"]');\n  }\n\n  render(): HTMLZTableEmptyBoxElement {\n    return (\n      <Host>\n        <span class=\"body-3-sb\">{this.message}</span>\n        <br />\n        {!!this.subtitle && <span class=\"body-4\">{this.subtitle}</span>}\n        {(!!this.hasCta1Slot || !!this.hasCta2Slot) && (\n          <div\n            class={{\n              \"cta\": true,\n              \"has-2-cta\": !!this.hasCta1Slot && !!this.hasCta2Slot,\n            }}\n          >\n            <slot name=\"cta1\"></slot>\n            <slot name=\"cta2\"></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,46 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZTableEmptyBox } from "./index";
+describe("ZTableEmptyBox", () => {
+    it("renders default `ZTableEmptyBox`", async () => {
+        const page = await newSpecPage({
+            components: [ZTableEmptyBox],
+            html: `<z-table-empty-box></z-table-empty-box>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-table-empty-box>
+        <span class="body-3-sb">Siamo spiacenti, al momento non sono presenti dati da visualizzare.</span><br />
+      </z-table-empty-box>
+    `);
+    });
+    it("renders default `ZTableEmptyBox` with custom `message` and `subtitle`", async () => {
+        const page = await newSpecPage({
+            components: [ZTableEmptyBox],
+            html: `<z-table-empty-box message="Custom message" subtitle="Custom subtitle"></z-table-empty-box>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-table-empty-box message="Custom message" subtitle="Custom subtitle">
+        <span class="body-3-sb">Custom message</span><br />
+        <span class="body-4">Custom subtitle</span>
+      </z-table-empty-box>
+    `);
+    });
+    it("renders default `ZTableEmptyBox` with custom `cta1` and `cta2` slots", async () => {
+        const page = await newSpecPage({
+            components: [ZTableEmptyBox],
+            html: `<z-table-empty-box>
+              <z-button slot="cta1">CTA 1</z-button>
+              <z-button slot="cta2">CTA 2</z-button>
+            </z-table-empty-box>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-table-empty-box>
+        <span class="body-3-sb">Siamo spiacenti, al momento non sono presenti dati da visualizzare.</span><br />
+        <div class="cta has-2-cta">
+          <z-button slot="cta1">CTA 1</z-button>
+          <z-button slot="cta2">CTA 2</z-button>
+        </div>
+      </z-table-empty-box>
+    `);
+    });
+});
+//# sourceMappingURL=index.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-empty-box/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,6FAA6F;SACpG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE;;;iCAGqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableEmptyBox} from \"./index\";\n\ndescribe(\"ZTableEmptyBox\", () => {\n  it(\"renders default `ZTableEmptyBox`\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableEmptyBox],\n      html: `<z-table-empty-box></z-table-empty-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-empty-box>\n        <span class=\"body-3-sb\">Siamo spiacenti, al momento non sono presenti dati da visualizzare.</span><br />\n      </z-table-empty-box>\n    `);\n  });\n\n  it(\"renders default `ZTableEmptyBox` with custom `message` and `subtitle`\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableEmptyBox],\n      html: `<z-table-empty-box message=\"Custom message\" subtitle=\"Custom subtitle\"></z-table-empty-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-empty-box message=\"Custom message\" subtitle=\"Custom subtitle\">\n        <span class=\"body-3-sb\">Custom message</span><br />\n        <span class=\"body-4\">Custom subtitle</span>\n      </z-table-empty-box>\n    `);\n  });\n\n  it(\"renders default `ZTableEmptyBox` with custom `cta1` and `cta2` slots\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableEmptyBox],\n      html: `<z-table-empty-box>\n              <z-button slot=\"cta1\">CTA 1</z-button>\n              <z-button slot=\"cta2\">CTA 2</z-button>\n            </z-table-empty-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-empty-box>\n        <span class=\"body-3-sb\">Siamo spiacenti, al momento non sono presenti dati da visualizzare.</span><br />\n        <div class=\"cta has-2-cta\">\n          <z-button slot=\"cta1\">CTA 1</z-button>\n          <z-button slot=\"cta2\">CTA 2</z-button>\n        </div>\n      </z-table-empty-box>\n    `);\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-empty-box/styles.css

@@ -0,0 +1,38 @@
+:host {
+  display: block;
+  padding: calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);
+  background-color: var(--color-surface01);
+}
+
+::slotted(*) {
+  margin-top: var(--space-unit);
+}
+
+.cta {
+  display: flex;
+  flex-direction: row;
+  margin-top: calc(var(--space-unit) / 2);
+}
+
+.cta.has-2-cta {
+  flex-direction: column;
+}
+
+@media only screen and (min-width: 768px) {
+  :host {
+    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)
+      calc(var(--space-unit) * 7);
+  }
+
+  ::slotted(*) {
+    margin-right: calc(var(--space-unit) * 2);
+  }
+
+  .cta {
+    margin-top: var(--space-unit);
+  }
+
+  .cta.has-2-cta {
+    flex-direction: row;
+  }
+}

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

@@ -0,0 +1,46 @@
+import { h } from "@stencil/core";
+/**
+ * @deprecated
+ */
+export class ZTableExpandedRow {
+    constructor() {
+        this.colSpan = undefined;
+    }
+    render() {
+        return (h("td", { key: '3f662b4a7d38b2eca3db3a67176991bc4c538edb', colSpan: this.colSpan }, h("div", { key: 'cff535acab16a19f7475b115649c1ca936990c76', class: "content-container" }, h("slot", { key: '742b4fbffd8a5330424432a1145796b71e86bfa8' }))));
+    }
+    static get is() { return "z-table-expanded-row"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "colSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number table column plus 1 for the expand button"
+                },
+                "attribute": "col-span",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-expanded-row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;;;IAK5B,MAAM;QACJ,OAAO,CACL,2DAAI,OAAO,EAAE,IAAI,CAAC,OAAO;YACvB,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,8DAAQ,CACJ,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-expanded-row\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableExpandedRow {\n  /** Number table column plus 1 for the expand button */\n  @Prop()\n  colSpan: number;\n\n  render(): HTMLTableCellElement {\n    return (\n      <td colSpan={this.colSpan}>\n        <div class=\"content-container\">\n          <slot />\n        </div>\n      </td>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZTableExpandedRow } from "./index";
+describe("Suite test ZTableExpandedRow", () => {
+    it("Test render ZTableExpandedRow vuoto", async () => {
+        const page = await newSpecPage({
+            components: [ZTableExpandedRow],
+            html: `<z-table-expanded-row col-span="4"></z-table-expanded-row>`,
+        });
+        //Non è possibile testarlo poiché il tag <td> viene eliminato dal browser in quanto esterno al tag <table>
+        expect(page.root).toBeTruthy();
+    });
+});
+//# sourceMappingURL=index.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-expanded-row/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;YAC/B,IAAI,EAAE,4DAA4D;SACnE,CAAC,CAAC;QAEH,0GAA0G;QAC1G,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableExpandedRow} from \"./index\";\n\ndescribe(\"Suite test ZTableExpandedRow\", () => {\n  it(\"Test render ZTableExpandedRow vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableExpandedRow],\n      html: `<z-table-expanded-row col-span=\"4\"></z-table-expanded-row>`,\n    });\n\n    //Non è possibile testarlo poiché il tag <td> viene eliminato dal browser in quanto esterno al tag <table>\n    expect(page.root).toBeTruthy();\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-expanded-row/styles.css

@@ -0,0 +1,9 @@
+:host {
+  display: none;
+  background-color: var(--gray50);
+}
+
+:host > td > div.content-container {
+  margin-bottom: calc(var(--space-unit) / 2);
+  box-shadow: var(--shadow-2);
+}

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

@@ -0,0 +1,26 @@
+import { h } from "@stencil/core";
+/**
+ * @deprecated
+ */
+export class ZTableFooter {
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
+    }
+    static get is() { return "z-table-footer"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpD;;GAEG;AAOH,MAAM,OAAO,YAAY;IAGvB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-footer\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableFooter {\n  @Element() host: HTMLZTableFooterElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,mCAAmC;SAC1C,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 {ZTableFooter} from \"./index\";\n\ndescribe(\"Suite test ZTableFooter\", () => {\n  it(\"Test render ZTableFooter con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableFooter],\n      html: `<z-table-footer><z-table-row></z-table-row></z-table-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-footer role=\"rowgroup\">\n        <z-table-row></z-table-row>\n      </z-table-footer>\n    `);\n  });\n\n  it(\"Test render ZTableFooter con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableFooter],\n      html: `<z-table-footer></z-table-footer>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

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

@@ -0,0 +1,5 @@
+:host {
+  display: table-footer-group;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}

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

@@ -0,0 +1,26 @@
+import { h } from "@stencil/core";
+/**
+ * @deprecated
+ */
+export class ZTableHead {
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
+    }
+    static get is() { return "z-table-head"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-head/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpD;;GAEG;AAOH,MAAM,OAAO,UAAU;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-head\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableHead {\n  @Element() host: HTMLZTableHeadElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-head/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,CAAC;;;;KAI7B,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,+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 {ZTableHead} from \"./index\";\n\ndescribe(\"Suite test ZTableHead\", () => {\n  it(\"Test render ZTableHead con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableHead],\n      html: `<z-table-head><z-table-row></z-table-row></z-table-head>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-head role=\"rowgroup\">\n        <z-table-row></z-table-row>\n      </z-table-head>\n    `);\n  });\n\n  it(\"Test render ZTableHead con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableHead],\n      html: `<z-table-head></z-table-head>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

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

@@ -0,0 +1,5 @@
+:host {
+  display: table-header-group;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}