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

package/dist/cjs/z-table-cell.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2b0eb1f0.js');
-require('./index-195ca522.js');
-require('./index-cf9497bc.js');
+const index = require('./index-a30259f3.js');
+require('./index-dc60bee7.js');
+require('./index-39ce4edf.js');
 
 
 
 exports.z_table_cell = index.ZTableCell;
+
+//# sourceMappingURL=z-table-cell.cjs.entry.js.map

package/dist/cjs/z-table-cell.cjs.entry.js.map

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

package/dist/cjs/z-table-deprecated.cjs.entry.js

@@ -2,90 +2,91 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-195ca522.js');
-const index$1 = require('./index-cf9497bc.js');
-const breakpoints = require('./breakpoints-ebe1a437.js');
-require('./index-270a4cf7.js');
-require('./index-2b0eb1f0.js');
-require('./index-df08bc63.js');
-require('./index-115387e6.js');
-require('./index-bb84dc1c.js');
-require('./index-f6910e7f.js');
-require('./index-53c72420.js');
-require('./index-00b6f6ba.js');
-require('./index-e3bf75bc.js');
-require('./index-f64e5dfe.js');
-require('./utils-ee86db4f.js');
+const index = require('./index-dc60bee7.js');
+const index$1 = require('./index-39ce4edf.js');
+const breakpoints = require('./breakpoints-5c22092a.js');
+require('./index-96c2bc8f.js');
+require('./index-a30259f3.js');
+require('./index-7a1c32d4.js');
+require('./index-715aa3be.js');
+require('./index-0a7baee3.js');
+require('./index-37180b8d.js');
+require('./index-7f3e61f0.js');
+require('./index-4468a6b7.js');
+require('./index-d669dfd0.js');
+require('./index-a7aedd7c.js');
+require('./utils-d0b10736.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.callToAction = index.createEvent(this, "callToAction", 7);
-    this.callToActionTwo = index.createEvent(this, "callToActionTwo", 7);
-    /** Error message */
-    this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
-    /** Sets table with border */
-    this.bordered = false;
-    /** Sets first column sticky */
-    this.columnSticky = false;
-    /** Sets empty table */
-    this.empty = false;
-    /** Set error status */
-    this.error = false;
-    /** Sets header sticky */
-    this.headerSticky = false;
-    /** Set message */
-    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
-    /** Set subtitle */
-    this.subtitle = "";
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
-  }
-  handleOrientationChange() {
-    this.isMobile = screen.width <= breakpoints.mobileBreakpoint;
-  }
-  componentWillLoad() {
-    var _a;
-    this.isMobile = window.innerWidth <= breakpoints.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();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.callToAction = index.createEvent(this, "callToAction", 7);
+        this.callToActionTwo = index.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;
     }
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "table");
-  }
-  renderError(tableClass) {
-    const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
-    return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-error", null, index.h("div", { class: "error-content", style: { minHeight } }, index.h("slot", { name: "error-image" }), index.h("div", { class: "text" }, index.h("span", { class: "body-3-sb error-message" }, this.errorMessage), index.h("slot", { name: "error-action" }))))));
-  }
-  renderEmpty(tableClass) {
-    const buttonSize = this.isMobile ? index$1.ButtonSize.SMALL : index$1.ButtonSize.BIG;
-    const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
-    if (this.hasTableBody) {
-      return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" }), index.h("div", { class: tableContentClass }, index.h("slot", { name: "table-body" }), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
+    handleResize() {
+        this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
     }
-    return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
-  }
-  render() {
-    const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
+    handleOrientationChange() {
+        this.isMobile = screen.width <= breakpoints.mobileBreakpoint;
+    }
+    componentWillLoad() {
+        var _a;
+        this.isMobile = window.innerWidth <= breakpoints.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 (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-error", null, index.h("div", { class: "error-content", style: { minHeight } }, index.h("slot", { name: "error-image" }), index.h("div", { class: "text" }, index.h("span", { class: "body-3-sb error-message" }, this.errorMessage), index.h("slot", { name: "error-action" }))))));
+    }
+    renderEmpty(tableClass) {
+        const buttonSize = this.isMobile ? index$1.ButtonSize.SMALL : index$1.ButtonSize.BIG;
+        const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
+        if (this.hasTableBody) {
+            return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" }), index.h("div", { class: tableContentClass }, index.h("slot", { name: "table-body" }), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
+        }
+        return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.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);
+        if (this.error) {
+            return this.renderError(tableClass);
+        }
+        if (this.empty) {
+            return this.renderEmpty(tableClass);
+        }
+        return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", null)), index.h("slot", { name: "sticky-footer" })));
     }
-    return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", null)), index.h("slot", { name: "sticky-footer" })));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get host() { return index.getElement(this); }
+    static get assetsDirs() { return ["assets"]; }
+    get host() { return index.getElement(this); }
 };
-ZTableDeprecated.style = stylesCss;
+ZTableDeprecated.style = ZTableDeprecatedStyle0;
 
 exports.z_table_deprecated = ZTableDeprecated;
+
+//# sourceMappingURL=z-table-deprecated.cjs.entry.js.map

package/dist/cjs/z-table-deprecated.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-table-deprecated.entry.cjs.js","mappings":"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","names":["mobileBreakpoint","h","Host","ButtonSize","ButtonVariant"],"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/cjs/z-table-empty-box.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-df08bc63.js');
-require('./index-195ca522.js');
+const index = require('./index-7a1c32d4.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_empty_box = index.ZTableEmptyBox;
+
+//# sourceMappingURL=z-table-empty-box.cjs.entry.js.map

package/dist/cjs/z-table-empty-box.cjs.entry.js.map

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

package/dist/cjs/z-table-expanded-row.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-115387e6.js');
-require('./index-195ca522.js');
+const index = require('./index-715aa3be.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_expanded_row = index.ZTableExpandedRow;
+
+//# sourceMappingURL=z-table-expanded-row.cjs.entry.js.map

package/dist/cjs/z-table-expanded-row.cjs.entry.js.map

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

package/dist/cjs/z-table-footer.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bb84dc1c.js');
-require('./index-195ca522.js');
+const index = require('./index-0a7baee3.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_footer = index.ZTableFooter;
+
+//# sourceMappingURL=z-table-footer.cjs.entry.js.map

package/dist/cjs/z-table-footer.cjs.entry.js.map

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

package/dist/cjs/z-table-head.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6910e7f.js');
-require('./index-195ca522.js');
+const index = require('./index-37180b8d.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_head = index.ZTableHead;
+
+//# sourceMappingURL=z-table-head.cjs.entry.js.map

package/dist/cjs/z-table-head.cjs.entry.js.map

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

package/dist/cjs/z-table-header-row.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-00b6f6ba.js');
-require('./index-195ca522.js');
+const index = require('./index-4468a6b7.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_header_row = index.ZTableHeaderRow;
+
+//# sourceMappingURL=z-table-header-row.cjs.entry.js.map

package/dist/cjs/z-table-header-row.cjs.entry.js.map

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

package/dist/cjs/z-table-header.cjs.entry.js

@@ -2,12 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-53c72420.js');
-require('./index-195ca522.js');
-require('./index-cf9497bc.js');
-require('./utils-ee86db4f.js');
-require('./breakpoints-ebe1a437.js');
+const index = require('./index-7f3e61f0.js');
+require('./index-dc60bee7.js');
+require('./index-39ce4edf.js');
+require('./utils-d0b10736.js');
+require('./breakpoints-5c22092a.js');
 
 
 
 exports.z_table_header = index.ZTableHeader;
+
+//# sourceMappingURL=z-table-header.cjs.entry.js.map

package/dist/cjs/z-table-header.cjs.entry.js.map

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

package/dist/cjs/z-table-row.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3bf75bc.js');
-require('./index-195ca522.js');
-require('./index-cf9497bc.js');
+const index = require('./index-d669dfd0.js');
+require('./index-dc60bee7.js');
+require('./index-39ce4edf.js');
 
 
 
 exports.z_table_row = index.ZTableRow;
+
+//# sourceMappingURL=z-table-row.cjs.entry.js.map

package/dist/cjs/z-table-row.cjs.entry.js.map

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

package/dist/cjs/z-table-sticky-footer.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f64e5dfe.js');
-require('./index-195ca522.js');
+const index = require('./index-a7aedd7c.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_table_sticky_footer = index.ZTableStickyFooter;
+
+//# sourceMappingURL=z-table-sticky-footer.cjs.entry.js.map

package/dist/cjs/z-table-sticky-footer.cjs.entry.js.map

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

package/dist/cjs/z-table.cjs.entry.js

@@ -2,57 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-195ca522.js');
-require('./index-4e41767c.js');
-require('./index-20f305f7.js');
-require('./index-d30158ef.js');
-require('./index-544902f0.js');
-require('./utils-ee86db4f.js');
-require('./index-cf9497bc.js');
-require('./breakpoints-ebe1a437.js');
-require('./index-23ca3837.js');
-require('./index-e78caf11.js');
+const index = require('./index-dc60bee7.js');
+require('./index-66168a3e.js');
+require('./index-bb02ef1e.js');
+require('./index-17ebc3c9.js');
+require('./index-866774f0.js');
+require('./utils-d0b10736.js');
+require('./index-39ce4edf.js');
+require('./breakpoints-5c22092a.js');
+require('./index-e61ccca6.js');
+require('./index-fe277fa1.js');
 
 const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";
+const ZTableStyle0 = stylesCss;
 
 const ZTable = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bordered = false;
+        this.expandable = false;
+    }
+    updateExpandable() {
+        this.expandable = this.host.querySelectorAll("z-tr[expandable]").length > 0;
+    }
     /**
-     * Whether the table cells should show a border between them.
+     * Setup the table creating a mutation observer for the expandable attribute.
      */
-    this.bordered = false;
-    /**
-     * Whether the table contains some expandable rows.
-     */
-    this.expandable = false;
-  }
-  updateExpandable() {
-    this.expandable = this.host.querySelectorAll("z-tr[expandable]").length > 0;
-  }
-  /**
-   * Setup the table creating a mutation observer for the expandable attribute.
-   */
-  componentWillLoad() {
-    this.expandableMutationObserver = new MutationObserver(() => {
-      this.updateExpandable();
-    });
-    this.expandableMutationObserver.observe(this.host, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["expandable"],
-      attributeOldValue: false,
-    });
-  }
-  disconnectedCallback() {
-    this.expandableMutationObserver.disconnect();
-  }
-  render() {
-    return (index.h(index.Host, { expandable: this.expandable }, index.h("div", { class: "table", role: "table" }, index.h("slot", null))));
-  }
-  get host() { return index.getElement(this); }
+    componentWillLoad() {
+        this.expandableMutationObserver = new MutationObserver(() => {
+            this.updateExpandable();
+        });
+        this.expandableMutationObserver.observe(this.host, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["expandable"],
+            attributeOldValue: false,
+        });
+    }
+    disconnectedCallback() {
+        this.expandableMutationObserver.disconnect();
+    }
+    render() {
+        return (index.h(index.Host, { key: '4c33beca2ea12f899450df4a244ea271ea30c018', expandable: this.expandable }, index.h("div", { key: 'e5f6e45535e0251091d58b9784cfbe0b9bfc8f7e', class: "table", role: "table" }, index.h("slot", { key: 'd244f077dd25df7f2189f5b5f4b6f89e69db4768' }))));
+    }
+    get host() { return index.getElement(this); }
 };
-ZTable.style = stylesCss;
+ZTable.style = ZTableStyle0;
 
 exports.z_table = ZTable;
+
+//# sourceMappingURL=z-table.cjs.entry.js.map

package/dist/cjs/z-table.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-table.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,2VAA2V,CAAC;AAC9W,qBAAe,SAAS;;MCeX,MAAM;;;wBAON,KAAK;0BAMH,KAAK;;IAEV,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KAC7E;;;;IAOD,iBAAiB;QACf,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC;YACrD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB,CAAC,CAAC;QACH,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACjD,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;YAC/B,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,CAAC,0BAA0B,CAAC,UAAU,EAAE,CAAC;KAC9C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/BD,kEACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEZA,oEAAa,CACT,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n\n.table {\n  min-width: max-content;\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-thead/index\";\nimport \"../z-tbody/index\";\nimport \"../z-tr/index\";\nimport \"../z-tfoot/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-tag.cjs.entry.js

@@ -2,21 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-195ca522.js');
+const index = require('./index-dc60bee7.js');
 
 const stylesCss = ".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-text-color:var(--color-primary03);--z-tag-bg:var(--color-hover-primary);display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg);border-radius:var(--border-radius);color:var(--z-tag-text-color);fill:var(--z-tag-text-color);font-family:var(--font-family-sans);line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag:not(:last-child),.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}";
+const ZTagStyle0 = stylesCss;
 
 const ZTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        "body-5-sb": true,
-        "expandable": this.expandable && !!this.icon,
-      } }, this.icon && index.h("z-icon", { name: this.icon }), index.h("div", null, index.h("slot", null))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.icon = undefined;
+        this.expandable = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9d45170a5cefce5d815ac7b5402123645a8d243b', class: {
+                "body-5-sb": true,
+                "expandable": this.expandable && !!this.icon,
+            } }, this.icon && index.h("z-icon", { name: this.icon }), index.h("div", { key: '9cf3b9f7b169709cf109cdab4d0cfe346a9eb29c' }, index.h("slot", { key: 'c26454112b3fa7ce120eaf50844cb82c9e11e751' }))));
+    }
 };
-ZTag.style = stylesCss;
+ZTag.style = ZTagStyle0;
 
 exports.z_tag = ZTag;
+
+//# sourceMappingURL=z-tag.cjs.entry.js.map

package/dist/cjs/z-tag.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-tag.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,g8BAAg8B,CAAC;AACn9B,mBAAe,SAAS;;MCaX,IAAI;;;;;;IASf,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;aAC7C,IAEA,IAAI,CAAC,IAAI,IAAID,oBAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACzCA,oEACEA,oEAAQ,CACJ,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/z-tag/styles.css?tag=z-tag&encapsulation=scoped","src/components/z-tag/index.tsx"],"sourcesContent":[":host {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-tag-text-color: var(--color-primary03);\n  --z-tag-bg: var(--color-hover-primary);\n\n  display: flex;\n  width: fit-content;\n  max-width: inherit;\n  height: fit-content;\n  max-height: inherit;\n  padding: calc(var(--space-unit) / 2);\n  background-color: var(--z-tag-bg);\n  border-radius: var(--border-radius);\n  color: var(--z-tag-text-color);\n  fill: var(--z-tag-text-color);\n  font-family: var(--font-family-sans);\n  line-height: 14px;\n  text-transform: uppercase;\n}\n\n:host > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host(.expandable) > z-icon {\n  margin-right: 0;\n  transition: margin-right 0.3s ease-out;\n}\n\n:host(:not(.expandable)) > z-icon:not(:last-child),\n:host(.expandable:hover) > z-icon:not(:last-child) {\n  margin-right: var(--space-unit);\n  transition: margin-right 0.3s ease-out 0s;\n}\n\n:host(.expandable) > div {\n  overflow: hidden;\n  max-width: 0;\n  max-height: 0;\n}\n\n:host(.expandable:hover) > div {\n  max-width: 100%;\n  max-height: 100%;\n}\n","import {Component, Prop, h, Host} from \"@stencil/core\";\n\n/**\n * Ztag  component.\n * @slot - The text of the z-tag.\n * @cssprop --z-tag-text-color - text and icon color using tokens.\n * @cssprop --z-tag-bg - background color of the z-tag.\n */\n@Component({\n  tag: \"z-tag\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTag {\n  /** [optional] Tag icon */\n  @Prop()\n  icon?: string;\n\n  /** [optional] Hide the text and show it on hover*/\n  @Prop()\n  expandable?: boolean;\n\n  render(): HTMLZTagElement {\n    return (\n      <Host\n        class={{\n          \"body-5-sb\": true,\n          \"expandable\": this.expandable && !!this.icon,\n        }}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <div>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-tbody.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-20f305f7.js');
-require('./index-195ca522.js');
+const index = require('./index-bb02ef1e.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_tbody = index.ZTbody;
+
+//# sourceMappingURL=z-tbody.cjs.entry.js.map

package/dist/cjs/z-tbody.cjs.entry.js.map

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

package/dist/cjs/z-td.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-23ca3837.js');
-require('./index-195ca522.js');
-require('./index-cf9497bc.js');
+const index = require('./index-e61ccca6.js');
+require('./index-dc60bee7.js');
+require('./index-39ce4edf.js');
 
 
 
 exports.z_td = index.ZTd;
+
+//# sourceMappingURL=z-td.cjs.entry.js.map

package/dist/cjs/z-td.cjs.entry.js.map

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

package/dist/cjs/z-tfoot.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-544902f0.js');
-require('./index-195ca522.js');
+const index = require('./index-866774f0.js');
+require('./index-dc60bee7.js');
 
 
 
 exports.z_tfoot = index.ZTfoot;
+
+//# sourceMappingURL=z-tfoot.cjs.entry.js.map

package/dist/cjs/z-tfoot.cjs.entry.js.map

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

package/dist/cjs/z-th.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e78caf11.js');
-require('./index-195ca522.js');
-require('./index-cf9497bc.js');
+const index = require('./index-fe277fa1.js');
+require('./index-dc60bee7.js');
+require('./index-39ce4edf.js');
 
 
 
 exports.z_th = index.ZTh;
+
+//# sourceMappingURL=z-th.cjs.entry.js.map