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

package/dist/components/z-table-body.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";
+const ZTableBodyStyle0 = stylesCss;
+
+const ZTableBody$1 = /*@__PURE__*/ proxyCustomElement(class ZTableBody extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+        Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
+    }
+    render() {
+        return h("slot", { key: 'd422df9305a81ae9beb6b1a695cf08a944f7b893' });
+    }
+    get host() { return this; }
+    static get style() { return ZTableBodyStyle0; }
+}, [6, "z-table-body"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-body"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-body":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableBody$1);
+            }
+            break;
+    } });
+}
+
+const ZTableBody = ZTableBody$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableBody, defineCustomElement };
+
+//# sourceMappingURL=z-table-body.js.map

package/dist/components/z-table-body.js.map

@@ -0,0 +1 @@
+{"file":"z-table-body.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4NAA4N,CAAC;AAC/O,yBAAe,SAAS;;MCUXA,YAAU;;;;;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3G;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableBody"],"sources":["src/deprecated/z-table-deprecated/z-table-body/styles.css?tag=z-table-body&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"sourcesContent":[":host {\n  display: table-row-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-body\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableBody {\n  @Element() host: HTMLZTableBodyElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n\n    Array.from(this.host.children).forEach((child, index) => child.setAttribute(\"aria-rowindex\", `${index}`));\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/components/z-table-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableCell extends Components.ZTableCell, HTMLElement {}
+export const ZTableCell: {
+    prototype: ZTableCell;
+    new (): ZTableCell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-cell.js

@@ -0,0 +1,8 @@
+import { Z as ZTableCell$1, d as defineCustomElement$1 } from './index27.js';
+
+const ZTableCell = ZTableCell$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableCell, defineCustomElement };
+
+//# sourceMappingURL=z-table-cell.js.map

package/dist/components/z-table-cell.js.map

@@ -0,0 +1 @@
+{"file":"z-table-cell.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-table-deprecated.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableDeprecated extends Components.ZTableDeprecated, HTMLElement {}
+export const ZTableDeprecated: {
+    prototype: ZTableDeprecated;
+    new (): ZTableDeprecated;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-deprecated.js

@@ -0,0 +1,127 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { B as ButtonVariant, d as ButtonSize } from './index2.js';
+import { m as mobileBreakpoint } from './breakpoints.js';
+import { d as defineCustomElement$4 } from './index4.js';
+import { d as defineCustomElement$3 } from './index9.js';
+import { d as defineCustomElement$2 } from './index28.js';
+
+const stylesCss = "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)}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;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}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)}@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}}";
+const ZTableDeprecatedStyle0 = stylesCss;
+
+const ZTableDeprecated$1 = /*@__PURE__*/ proxyCustomElement(class ZTableDeprecated extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.callToAction = createEvent(this, "callToAction", 7);
+        this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
+        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 assetsDirs() { return ["assets"]; }
+    get host() { return this; }
+    static get style() { return ZTableDeprecatedStyle0; }
+}, [4, "z-table-deprecated", {
+        "lines": [514],
+        "errorMessage": [1, "error-message"],
+        "bordered": [4],
+        "callToActionLabel": [1, "call-to-action-label"],
+        "callToActionTwoLabel": [1, "call-to-action-two-label"],
+        "columnSticky": [4, "column-sticky"],
+        "empty": [4],
+        "error": [4],
+        "errorLink": [1, "error-link"],
+        "headerSticky": [4, "header-sticky"],
+        "message": [1],
+        "subtitle": [1],
+        "hasTableBody": [32],
+        "isMobile": [32]
+    }, [[9, "resize", "handleResize"], [8, "orientationchange", "handleOrientationChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-deprecated", "z-button", "z-icon", "z-table-empty-box"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-deprecated":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableDeprecated$1);
+            }
+            break;
+        case "z-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "z-table-empty-box":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const ZTableDeprecated = ZTableDeprecated$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableDeprecated, defineCustomElement };
+
+//# sourceMappingURL=z-table-deprecated.js.map

package/dist/components/z-table-deprecated.js.map

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

package/dist/components/z-table-empty-box.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableEmptyBox extends Components.ZTableEmptyBox, HTMLElement {}
+export const ZTableEmptyBox: {
+    prototype: ZTableEmptyBox;
+    new (): ZTableEmptyBox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-empty-box.js

@@ -0,0 +1,8 @@
+import { Z as ZTableEmptyBox$1, d as defineCustomElement$1 } from './index28.js';
+
+const ZTableEmptyBox = ZTableEmptyBox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableEmptyBox, defineCustomElement };
+
+//# sourceMappingURL=z-table-empty-box.js.map

package/dist/components/z-table-empty-box.js.map

@@ -0,0 +1 @@
+{"file":"z-table-empty-box.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-table-expanded-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableExpandedRow extends Components.ZTableExpandedRow, HTMLElement {}
+export const ZTableExpandedRow: {
+    prototype: ZTableExpandedRow;
+    new (): ZTableExpandedRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-expanded-row.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";
+const ZTableExpandedRowStyle0 = stylesCss;
+
+const ZTableExpandedRow$1 = /*@__PURE__*/ proxyCustomElement(class ZTableExpandedRow extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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 style() { return ZTableExpandedRowStyle0; }
+}, [1, "z-table-expanded-row", {
+        "colSpan": [2, "col-span"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-expanded-row"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-expanded-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableExpandedRow$1);
+            }
+            break;
+    } });
+}
+
+const ZTableExpandedRow = ZTableExpandedRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableExpandedRow, defineCustomElement };
+
+//# sourceMappingURL=z-table-expanded-row.js.map

package/dist/components/z-table-expanded-row.js.map

@@ -0,0 +1 @@
+{"file":"z-table-expanded-row.js","mappings":";;AAAA,MAAM,SAAS,GAAG,wJAAwJ,CAAC;AAC3K,gCAAe,SAAS;;MCSXA,mBAAiB;;;;;;;IAK5B,MAAM;QACJ,QACE,2DAAI,OAAO,EAAE,IAAI,CAAC,OAAO,IACvB,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,8DAAQ,CACJ,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableExpandedRow"],"sources":["src/deprecated/z-table-deprecated/z-table-expanded-row/styles.css?tag=z-table-expanded-row&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-expanded-row/index.tsx"],"sourcesContent":[":host {\n  display: none;\n  background-color: var(--gray50);\n}\n\n:host > td > div.content-container {\n  margin-bottom: calc(var(--space-unit) / 2);\n  box-shadow: var(--shadow-2);\n}\n","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"],"version":3}

package/dist/components/z-table-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableFooter extends Components.ZTableFooter, HTMLElement {}
+export const ZTableFooter: {
+    prototype: ZTableFooter;
+    new (): ZTableFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-footer.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
+const ZTableFooterStyle0 = stylesCss;
+
+const ZTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class ZTableFooter extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
+    }
+    get host() { return this; }
+    static get style() { return ZTableFooterStyle0; }
+}, [6, "z-table-footer"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-footer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableFooter$1);
+            }
+            break;
+    } });
+}
+
+const ZTableFooter = ZTableFooter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableFooter, defineCustomElement };
+
+//# sourceMappingURL=z-table-footer.js.map

package/dist/components/z-table-footer.js.map

@@ -0,0 +1 @@
+{"file":"z-table-footer.js","mappings":";;AAAA,MAAM,SAAS,GAAG,iHAAiH,CAAC;AACpI,2BAAe,SAAS;;MCUXA,cAAY;;;;;IAGvB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableFooter"],"sources":["src/deprecated/z-table-deprecated/z-table-footer/styles.css?tag=z-table-footer&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-footer/index.tsx"],"sourcesContent":[":host {\n  display: table-footer-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","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"],"version":3}

package/dist/components/z-table-head.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableHead extends Components.ZTableHead, HTMLElement {}
+export const ZTableHead: {
+    prototype: ZTableHead;
+    new (): ZTableHead;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-head.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
+const ZTableHeadStyle0 = stylesCss;
+
+const ZTableHead$1 = /*@__PURE__*/ proxyCustomElement(class ZTableHead extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
+    }
+    get host() { return this; }
+    static get style() { return ZTableHeadStyle0; }
+}, [6, "z-table-head"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-head"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-head":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableHead$1);
+            }
+            break;
+    } });
+}
+
+const ZTableHead = ZTableHead$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableHead, defineCustomElement };
+
+//# sourceMappingURL=z-table-head.js.map

package/dist/components/z-table-head.js.map

@@ -0,0 +1 @@
+{"file":"z-table-head.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+GAA+G,CAAC;AAClI,yBAAe,SAAS;;MCUXA,YAAU;;;;;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableHead"],"sources":["src/deprecated/z-table-deprecated/z-table-head/styles.css?tag=z-table-head&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-head/index.tsx"],"sourcesContent":[":host {\n  display: table-header-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","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"],"version":3}

package/dist/components/z-table-header-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableHeaderRow extends Components.ZTableHeaderRow, HTMLElement {}
+export const ZTableHeaderRow: {
+    prototype: ZTableHeaderRow;
+    new (): ZTableHeaderRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-header-row.js

@@ -0,0 +1,65 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$5 } from './index4.js';
+import { d as defineCustomElement$4 } from './index9.js';
+import { d as defineCustomElement$3 } from './index25.js';
+import { d as defineCustomElement$2 } from './index29.js';
+
+const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
+const ZTableHeaderRowStyle0 = stylesCss;
+
+const ZTableHeaderRow$1 = /*@__PURE__*/ proxyCustomElement(class ZTableHeaderRow extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.expandable = undefined;
+    }
+    renderExpandHeader() {
+        return h("z-table-header", null);
+    }
+    render() {
+        return (h(Host, { key: '640d060798684dee3641fef5c3778e263acfbd8d', role: "row" }, this.expandable && this.renderExpandHeader(), h("slot", { key: '42d15bfd63e021a96c2394d5bc91c185bcee55b8' })));
+    }
+    static get style() { return ZTableHeaderRowStyle0; }
+}, [4, "z-table-header-row", {
+        "expandable": [516]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-table-header-row", "z-button", "z-icon", "z-popover", "z-table-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-table-header-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTableHeaderRow$1);
+            }
+            break;
+        case "z-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "z-table-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const ZTableHeaderRow = ZTableHeaderRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableHeaderRow, defineCustomElement };
+
+//# sourceMappingURL=z-table-header-row.js.map

package/dist/components/z-table-header-row.js.map

@@ -0,0 +1 @@
+{"file":"z-table-header-row.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,+NAA+N,CAAC;AAClP,8BAAe,SAAS;;MCSXA,iBAAe;;;;;;IAKlB,kBAAkB;QACxB,OAAO,yBAAiC,CAAC;KAC1C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,IACb,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC7C,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableHeaderRow"],"sources":["src/deprecated/z-table-deprecated/z-table-header-row/styles.css?tag=z-table-header-row","src/deprecated/z-table-deprecated/z-table-header-row/index.tsx"],"sourcesContent":["z-table-header-row {\n  display: table-row;\n}\n\nz-table-header-row[expandable] > z-table-header:first-child {\n  width: 40px;\n  box-sizing: border-box;\n  user-select: none;\n}\n\nz-table-header-row[expandable] > z-table-header:nth-child(2) {\n  padding-left: 8px;\n}\n","import {Component, Prop, Host, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header-row\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZTableHeaderRow {\n  /** Row expandable flag */\n  @Prop({reflect: true})\n  expandable?: boolean;\n\n  private renderExpandHeader(): HTMLZTableHeaderElement {\n    return <z-table-header></z-table-header>;\n  }\n\n  render(): HTMLZTableHeaderRowElement {\n    return (\n      <Host role=\"row\">\n        {this.expandable && this.renderExpandHeader()}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/z-table-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableHeader extends Components.ZTableHeader, HTMLElement {}
+export const ZTableHeader: {
+    prototype: ZTableHeader;
+    new (): ZTableHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/z-table-header.js

@@ -0,0 +1,8 @@
+import { Z as ZTableHeader$1, d as defineCustomElement$1 } from './index29.js';
+
+const ZTableHeader = ZTableHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZTableHeader, defineCustomElement };
+
+//# sourceMappingURL=z-table-header.js.map

package/dist/components/z-table-header.js.map

@@ -0,0 +1 @@
+{"file":"z-table-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-table-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZTableRow extends Components.ZTableRow, HTMLElement {}
+export const ZTableRow: {
+    prototype: ZTableRow;
+    new (): ZTableRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;