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

package/dist/esm/index-0c3f6c0f.js

@@ -0,0 +1,80 @@
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-f16bc2ca.js';
+import { B as ButtonVariant, d as ButtonSize, P as PopoverPosition } from './index-2255c6c8.js';
+import { d as getElementTree } from './utils-7983d02c.js';
+
+const stylesCss = ":host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--font-family-sans);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
+const ZTableHeaderStyle0 = stylesCss;
+
+const ZTableHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sort = createEvent(this, "sort", 7);
+        this.columnId = undefined;
+        this.padding = "medium";
+        this.sortable = undefined;
+        this.showButton = undefined;
+        this.defaultSortDirection = "asc";
+        this.sortDirection = "none";
+        this.emitOnSort = this.emitOnSort.bind(this);
+    }
+    emitOnSort() {
+        this.sort.emit({
+            columnId: this.columnId,
+            sortDirection: this.sortDirection,
+        });
+    }
+    handleSort() {
+        if (!this.sortable) {
+            return;
+        }
+        this.sortDirection = (() => {
+            switch (this.sortDirection) {
+                case "asc":
+                    return "desc";
+                case "desc":
+                    return "asc";
+                case "none":
+                    return this.defaultSortDirection;
+                default:
+                    return "none";
+            }
+        })();
+        this.emitOnSort();
+    }
+    handleMenuClick() {
+        this.popover.open = !this.popover.open;
+    }
+    handleOutsideClick(e) {
+        const tree = getElementTree(e.target);
+        const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
+        if (!parent && this.popover) {
+            this.popover.open = false;
+        }
+    }
+    handleClickHeaders(e) {
+        const target = e.target;
+        const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
+        if (!this.sortable || !parent) {
+            return;
+        }
+        const parentColumnId = parent.attributes.getNamedItem("column-id").value;
+        const isSortable = target.parentNode.sortable || target.sortable;
+        if (parentColumnId !== this.columnId && isSortable) {
+            this.sortDirection = "none";
+        }
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "columnheader");
+    }
+    render() {
+        return (h(Host, { key: 'c67ac7a04f00b5252e3c988a46b80843dc911d2e', class: {
+                sortable: this.sortable,
+            }, onClick: () => this.handleSort() }, h("div", { key: 'f569e12c8d7ae2bc30884f11bf1b2636cf66e8d9', class: "container" }, h("slot", { key: 'c524c4ec78be5a6aded8bd4e92018fe16147561f' }), this.sortable && this.sortDirection !== "none" && (h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: "popover-container" }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
+    }
+    get host() { return getElement(this); }
+};
+ZTableHeader.style = ZTableHeaderStyle0;
+
+export { ZTableHeader as Z };
+
+//# sourceMappingURL=index-0c3f6c0f.js.map

package/dist/esm/index-0c3f6c0f.js.map

@@ -0,0 +1 @@
+{"file":"index-0c3f6c0f.js","mappings":"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","names":[],"sources":["src/deprecated/z-table-deprecated/z-table-header/styles.css?tag=z-table-header&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-header/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: table-cell;\n  border-bottom: var(--border-size-medium) solid var(--gray200);\n  background-color: var(--gray50);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n  text-align: start;\n}\n\n.container {\n  display: flex;\n  align-items: flex-end;\n}\n\n:host(.sortable) {\n  cursor: pointer;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n\n/*\nSorting arrow\n*/\n.arrow {\n  padding-left: var(--space-unit);\n  opacity: 1;\n}\n\n/*\nContextual menu\n*/\n.popover-container {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  display: none;\n}\n\n.popover-container z-popover {\n  --z-popover-theme--surface: var(--gray200);\n\n  position: relative;\n  z-index: 1;\n}\n\n.popover-container.visible {\n  display: block;\n}\n\n:host(:hover) .popover-container {\n  display: block;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant, PopoverPosition} from \"../../../beans\";\nimport {getElementTree} from \"../../../utils/utils\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableHeader {\n  @Element() host: HTMLZTableHeaderElement;\n\n  /** Column ID */\n  @Prop()\n  columnId: string;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  /** [Optional] Make the header sortable */\n  @Prop()\n  sortable?: boolean;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** [Optional] Default sort order */\n  @Prop()\n  defaultSortDirection?: \"asc\" | \"desc\" | \"none\" = \"asc\";\n\n  /** Sort direction */\n  @Prop({mutable: true})\n  sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\n\n  private popover?: HTMLZPopoverElement;\n\n  private triggerButton?: HTMLZButtonElement;\n\n  constructor() {\n    this.emitOnSort = this.emitOnSort.bind(this);\n  }\n\n  /** [Optional] callback for sorting */\n  @Event()\n  sort: EventEmitter;\n\n  private emitOnSort(): void {\n    this.sort.emit({\n      columnId: this.columnId,\n      sortDirection: this.sortDirection,\n    });\n  }\n\n  private handleSort(): void {\n    if (!this.sortable) {\n      return;\n    }\n\n    this.sortDirection = (() => {\n      switch (this.sortDirection) {\n        case \"asc\":\n          return \"desc\";\n        case \"desc\":\n          return \"asc\";\n        case \"none\":\n          return this.defaultSortDirection;\n        default:\n          return \"none\";\n      }\n    })();\n\n    this.emitOnSort();\n  }\n\n  private handleMenuClick(): void {\n    this.popover.open = !this.popover.open;\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const tree = getElementTree(e.target as Element);\n    const parent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-popover\");\n\n    if (!parent && this.popover) {\n      this.popover.open = false;\n    }\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClickHeaders(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    const parent = getElementTree(target).find((elem: Element) => elem.nodeName.toLowerCase() === \"z-table-header\");\n\n    if (!this.sortable || !parent) {\n      return;\n    }\n\n    const parentColumnId = parent.attributes.getNamedItem(\"column-id\").value;\n    const isSortable =\n      (target.parentNode as HTMLZTableHeaderElement).sortable || (target as HTMLZTableHeaderElement).sortable;\n\n    if (parentColumnId !== this.columnId && isSortable) {\n      this.sortDirection = \"none\";\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"columnheader\");\n  }\n\n  render(): HTMLZTableHeaderElement {\n    return (\n      <Host\n        class={{\n          sortable: this.sortable,\n        }}\n        onClick={() => this.handleSort()}\n      >\n        <div class=\"container\">\n          <slot />\n          {this.sortable && this.sortDirection !== \"none\" && (\n            <z-icon\n              name={this.sortDirection === \"asc\" ? \"arrow-up\" : \"arrow-down\"}\n              class=\"arrow\"\n            />\n          )}\n        </div>\n\n        {this.showButton && (\n          <div class=\"popover-container\">\n            <z-button\n              ref={(el) => (this.triggerButton = el as HTMLZButtonElement)}\n              class=\"contextual-popover-button\"\n              icon=\"contextual-menu\"\n              variant={ButtonVariant.TERTIARY}\n              size={ButtonSize.X_SMALL}\n              onClick={() => this.handleMenuClick()}\n            ></z-button>\n\n            <z-popover\n              ref={(el) => (this.popover = el as HTMLZPopoverElement)}\n              position={PopoverPosition.BOTTOM}\n              center={true}\n              bindTo={this.triggerButton as HTMLElement}\n            >\n              <div>\n                <slot name=\"contextual-menu\" />\n              </div>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/index-1ad3694a.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-f16bc2ca.js';
+
+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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.colSpan = undefined;
+    }
+    render() {
+        return (h("td", { key: '3f662b4a7d38b2eca3db3a67176991bc4c538edb', colSpan: this.colSpan }, h("div", { key: 'cff535acab16a19f7475b115649c1ca936990c76', class: "content-container" }, h("slot", { key: '742b4fbffd8a5330424432a1145796b71e86bfa8' }))));
+    }
+};
+ZTableExpandedRow.style = ZTableExpandedRowStyle0;
+
+export { ZTableExpandedRow as Z };
+
+//# sourceMappingURL=index-1ad3694a.js.map

package/dist/esm/index-1ad3694a.js.map

@@ -0,0 +1 @@
+{"file":"index-1ad3694a.js","mappings":";;AAAA,MAAM,SAAS,GAAG,wJAAwJ,CAAC;AAC3K,gCAAe,SAAS;;MCSX,iBAAiB;;;;;IAK5B,MAAM;QACJ,QACE,2DAAI,OAAO,EAAE,IAAI,CAAC,OAAO,IACvB,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,8DAAQ,CACJ,CACH,EACL;KACH;;;;;;","names":[],"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/esm/index-42dcef4f.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, c as createEvent, h, a as Host } from './index-f16bc2ca.js';
+import { Z as ZTableRowExpandedType } from './index-2255c6c8.js';
+
+const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;box-sizing:border-box;padding-right:0;padding-left:16px;fill:var(--gray800);text-align:center;user-select:none}.z-icon-placeholder{width:24px;padding-right:0}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--color-hover-primary)}z-table-row[expanded]>z-table-cell{border-bottom:none;background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}";
+const ZTableRowStyle0 = stylesCss;
+
+const ZTableRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.expand = createEvent(this, "expand", 7);
+        this.expandedType = ZTableRowExpandedType.NONE;
+        this.expanded = false;
+    }
+    emitOnExpand() {
+        this.expand.emit({ expanded: this.expanded });
+    }
+    handleExpand() {
+        this.expanded = !this.expanded;
+        this.emitOnExpand();
+    }
+    renderExpandButton() {
+        if (this.expandedType == ZTableRowExpandedType.EXPANDABLE) {
+            return (h("z-table-cell", { style: { borderRight: "none" } }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
+        }
+        return (h("z-table-cell", { style: { borderRight: "none" } }, h("div", { class: "z-icon-placeholder" })));
+    }
+    render() {
+        return (h(Host, { key: '05feb1b745b9f720f4b9b42f9753791410703e4d', role: "row", expanded: this.expanded, onClick: (event) => {
+                const preventExpand = event.target.classList.contains("prevent-expand");
+                const isExpandable = this.expandedType === ZTableRowExpandedType.EXPANDABLE;
+                if (isExpandable && !preventExpand) {
+                    this.handleExpand();
+                }
+            } }, this.expandedType !== ZTableRowExpandedType.NONE && this.renderExpandButton(), h("slot", { key: '6b5dc7930bea80c6f19fb8b3f2253465f1bdba20' })));
+    }
+};
+ZTableRow.style = ZTableRowStyle0;
+
+export { ZTableRow as Z };
+
+//# sourceMappingURL=index-42dcef4f.js.map

package/dist/esm/index-42dcef4f.js.map

@@ -0,0 +1 @@
+{"file":"index-42dcef4f.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,01BAA01B,CAAC;AAC72B,wBAAe,SAAS;;MCWX,SAAS;;;;4BAGkB,qBAAqB,CAAC,IAAI;wBAGrD,KAAK;;IAMR,YAAY;QAClB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;KAC7C;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,YAAY,IAAI,qBAAqB,CAAC,UAAU,EAAE;YACzD,QACE,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxC,cAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAI,CACrD,EACf;SACH;QAED,QACE,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxC,WAAK,KAAK,EAAC,oBAAoB,GAAG,CACrB,EACf;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,KAAK;gBACb,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBACxE,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,UAAU,CAAC;gBAE5E,IAAI,YAAY,IAAI,CAAC,aAAa,EAAE;oBAClC,IAAI,CAAC,YAAY,EAAE,CAAC;iBACrB;aACF,IAEA,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC9E,8DAAQ,CACH,EACP;KACH;;;;;;","names":[],"sources":["src/deprecated/z-table-deprecated/z-table-row/styles.css?tag=z-table-row","src/deprecated/z-table-deprecated/z-table-row/index.tsx"],"sourcesContent":["z-table-row {\n  display: table-row;\n  font-family: var(--font-family-sans);\n}\n\nz-table-row[expanded-type=\"expandable\"]:hover {\n  cursor: pointer;\n}\n\nz-table-row[expanded-type=\"expandable\"] > z-table-cell:first-child,\nz-table-row[expanded-type=\"padding\"] > z-table-cell:first-child {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  width: 24px;\n  box-sizing: border-box;\n  padding-right: 0;\n  padding-left: 16px;\n  fill: var(--gray800);\n  text-align: center;\n  user-select: none;\n}\n\n.z-icon-placeholder {\n  width: 24px;\n  padding-right: 0;\n}\n\nz-table-row[expanded-type=\"expandable\"] > z-table-cell:nth-child(2),\nz-table-row[expanded-type=\"padding\"] > z-table-cell:nth-child(2) {\n  padding-left: 8px;\n}\n\nz-table-row[expanded-type]:hover > z-table-cell:first-child {\n  fill: var(--color-hover-primary);\n}\n\nz-table-row[expanded] > z-table-cell {\n  border-bottom: none;\n  background-color: var(--gray50);\n}\n\nz-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Prop, State, Host, h, Event, EventEmitter} from \"@stencil/core\";\nimport {ZTableRowExpandedType} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-row\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: false,\n})\nexport class ZTableRow {\n  /** Table row expanded type */\n  @Prop({reflect: true})\n  expandedType: ZTableRowExpandedType = ZTableRowExpandedType.NONE;\n\n  @State()\n  expanded = false;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  private emitOnExpand(): void {\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  private handleExpand(): void {\n    this.expanded = !this.expanded;\n\n    this.emitOnExpand();\n  }\n\n  private renderExpandButton(): HTMLZTableCellElement {\n    if (this.expandedType == ZTableRowExpandedType.EXPANDABLE) {\n      return (\n        <z-table-cell style={{borderRight: \"none\"}}>\n          <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"} />\n        </z-table-cell>\n      );\n    }\n\n    return (\n      <z-table-cell style={{borderRight: \"none\"}}>\n        <div class=\"z-icon-placeholder\" />\n      </z-table-cell>\n    );\n  }\n\n  render(): HTMLZTableRowElement {\n    return (\n      <Host\n        role=\"row\"\n        expanded={this.expanded}\n        onClick={(event) => {\n          const preventExpand = event.target.classList.contains(\"prevent-expand\");\n          const isExpandable = this.expandedType === ZTableRowExpandedType.EXPANDABLE;\n\n          if (isExpandable && !preventExpand) {\n            this.handleExpand();\n          }\n        }}\n      >\n        {this.expandedType !== ZTableRowExpandedType.NONE && this.renderExpandButton()}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/index-55b38815.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './index-f16bc2ca.js';
+
+const stylesCss = ".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:calc(var(--space-unit) * 2);border-width:var(--border-size-small) 0 var(--border-size-medium);border-style:solid;border-color:var(--color-surface03);background-color:var(--color-surface01);font-weight:var(--font-rg)}";
+const ZTableStickyFooterStyle0 = stylesCss;
+
+const ZTableStickyFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return h("slot", { key: '7b27e3b2d212955d97029c2d92df46b4bddb3fb1' });
+    }
+};
+ZTableStickyFooter.style = ZTableStickyFooterStyle0;
+
+export { ZTableStickyFooter as Z };
+
+//# sourceMappingURL=index-55b38815.js.map

package/dist/esm/index-55b38815.js.map

@@ -0,0 +1 @@
+{"file":"index-55b38815.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,iCAAe,SAAS;;MCWX,kBAAkB;;;;IAC7B,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;","names":[],"sources":["src/deprecated/z-table-deprecated/z-table-sticky-footer/styles.css?tag=z-table-sticky-footer&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-sticky-footer/index.tsx"],"sourcesContent":[":host {\n  position: sticky;\n  left: 0;\n  display: block;\n  padding: calc(var(--space-unit) * 2);\n  border-width: var(--border-size-small) 0 var(--border-size-medium);\n  border-style: solid;\n  border-color: var(--color-surface03);\n  background-color: var(--color-surface01);\n  font-weight: var(--font-rg);\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n * @slot - table sticky footer content\n */\n@Component({\n  tag: \"z-table-sticky-footer\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableStickyFooter {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/esm/index-5b6bb2e2.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, a as Host, g as getElement } from './index-f16bc2ca.js';
+
+const stylesCss = ".sc-z-table-empty-box-h{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)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";
+const ZTableEmptyBoxStyle0 = stylesCss;
+
+const ZTableEmptyBox = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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" })))));
+    }
+    get hostElement() { return getElement(this); }
+};
+ZTableEmptyBox.style = ZTableEmptyBoxStyle0;
+
+export { ZTableEmptyBox as Z };
+
+//# sourceMappingURL=index-5b6bb2e2.js.map

package/dist/esm/index-5b6bb2e2.js.map

@@ -0,0 +1 @@
+{"file":"index-5b6bb2e2.js","mappings":";;AAAA,MAAM,SAAS,GAAG,ywBAAywB,CAAC;AAC5xB,6BAAe,SAAS;;MCUX,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;KACtE;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,6DAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAQ,EAC7C,4DAAM,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAM,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,QAAQ,CAAQ,EAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,MACxC,WACE,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW;aACtD,IAED,YAAM,IAAI,EAAC,MAAM,GAAQ,EACzB,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACP,CACI,EACP;KACH;;;;;;;","names":[],"sources":["src/deprecated/z-table-deprecated/z-table-empty-box/styles.css?tag=z-table-empty-box&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-empty-box/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);\n  background-color: var(--color-surface01);\n}\n\n::slotted(*) {\n  margin-top: var(--space-unit);\n}\n\n.cta {\n  display: flex;\n  flex-direction: row;\n  margin-top: calc(var(--space-unit) / 2);\n}\n\n.cta.has-2-cta {\n  flex-direction: column;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7);\n  }\n\n  ::slotted(*) {\n    margin-right: calc(var(--space-unit) * 2);\n  }\n\n  .cta {\n    margin-top: var(--space-unit);\n  }\n\n  .cta.has-2-cta {\n    flex-direction: row;\n  }\n}\n","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"],"version":3}

package/dist/esm/index-659b7228.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, h, a as Host, g as getElement } from './index-f16bc2ca.js';
+import { B as ButtonVariant, d as ButtonSize } from './index-2255c6c8.js';
+
+const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
+const ZTableCellStyle0 = stylesCss;
+
+const ZTableCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.showButton = undefined;
+        this.padding = "medium";
+        this.isMenuOpened = false;
+    }
+    handleMenu() {
+        this.isMenuOpened = !this.isMenuOpened;
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "cell");
+    }
+    render() {
+        return (h(Host, { key: 'a55491d43ef04929fdd38073b589d12d5d373ca4' }, this.showButton && (h("div", { class: {
+                "button-container": true,
+                "visible": this.isMenuOpened,
+            } }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), h("div", { class: {
+                "contextual-menu-container": true,
+                "visible": this.isMenuOpened,
+            } }, h("slot", { name: "contextual-menu" }))))), h("slot", { key: 'd8d5dab5bac78f43151d50d22df6cfbefdc81694' })));
+    }
+    get host() { return getElement(this); }
+};
+ZTableCell.style = ZTableCellStyle0;
+
+export { ZTableCell as Z };
+
+//# sourceMappingURL=index-659b7228.js.map

package/dist/esm/index-659b7228.js.map

@@ -0,0 +1 @@
+{"file":"index-659b7228.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+0BAA+0B,CAAC;AACl2B,yBAAe,SAAS;;MCUX,UAAU;;;;uBAS2C,QAAQ;4BAGzD,KAAK;;IAEZ,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACxC;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,UAAU,KACd,WACE,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAED,WAAK,KAAK,EAAC,gBAAgB,IACzB,gBACE,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAChC,EACF,WACE,KAAK,EAAE;gBACL,2BAA2B,EAAE,IAAI;gBACjC,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAED,YAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACF,CACF,CACP,EACD,8DAAQ,CACH,EACP;KACH;;;;;;;","names":[],"sources":["src/deprecated/z-table-deprecated/z-table-cell/styles.css?tag=z-table-cell&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-cell/index.tsx"],"sourcesContent":[":host {\n  display: table-cell;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .button-container {\n  display: none;\n}\n\n:host:hover > .button-container {\n  display: initial;\n}\n\n.button-container {\n  position: absolute;\n  z-index: 5;\n  top: 8px;\n  right: 8px;\n}\n\n.button-content {\n  position: relative;\n}\n\n.contextual-menu-container {\n  position: absolute;\n  top: calc(100% - var(--space-unit));\n  right: 0;\n  display: none;\n}\n\n.button-container.visible,\n.contextual-menu-container.visible {\n  display: initial;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n","import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant, ButtonSize} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-cell\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableCell {\n  @Element() host: HTMLZTableCellElement;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  @State()\n  isMenuOpened = false;\n\n  private handleMenu(): void {\n    this.isMenuOpened = !this.isMenuOpened;\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"cell\");\n  }\n\n  render(): HTMLZTableCellElement {\n    return (\n      <Host>\n        {this.showButton && (\n          <div\n            class={{\n              \"button-container\": true,\n              \"visible\": this.isMenuOpened,\n            }}\n          >\n            <div class=\"button-content\">\n              <z-button\n                icon=\"contextual-menu\"\n                variant={ButtonVariant.TERTIARY}\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.handleMenu()}\n              />\n              <div\n                class={{\n                  \"contextual-menu-container\": true,\n                  \"visible\": this.isMenuOpened,\n                }}\n              >\n                <slot name=\"contextual-menu\" />\n              </div>\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/index-73ab3b9b.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, g as getElement } from './index-f16bc2ca.js';
+
+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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
+    }
+    get host() { return getElement(this); }
+};
+ZTableFooter.style = ZTableFooterStyle0;
+
+export { ZTableFooter as Z };
+
+//# sourceMappingURL=index-73ab3b9b.js.map

package/dist/esm/index-73ab3b9b.js.map

@@ -0,0 +1 @@
+{"file":"index-73ab3b9b.js","mappings":";;AAAA,MAAM,SAAS,GAAG,iHAAiH,CAAC;AACpI,2BAAe,SAAS;;MCUX,YAAY;;;;IAGvB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;","names":[],"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/esm/index-754a9620.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, a as Host } from './index-f16bc2ca.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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' })));
+    }
+};
+ZTableHeaderRow.style = ZTableHeaderRowStyle0;
+
+export { ZTableHeaderRow as Z };
+
+//# sourceMappingURL=index-754a9620.js.map

package/dist/esm/index-754a9620.js.map

@@ -0,0 +1 @@
+{"file":"index-754a9620.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+NAA+N,CAAC;AAClP,8BAAe,SAAS;;MCSX,eAAe;;;;;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":[],"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/esm/index-829d5a8b.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, g as getElement } from './index-f16bc2ca.js';
+
+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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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 getElement(this); }
+};
+ZTableBody.style = ZTableBodyStyle0;
+
+export { ZTableBody as Z };
+
+//# sourceMappingURL=index-829d5a8b.js.map

package/dist/esm/index-829d5a8b.js.map

@@ -0,0 +1 @@
+{"file":"index-829d5a8b.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4NAA4N,CAAC;AAC/O,yBAAe,SAAS;;MCUX,UAAU;;;;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":[],"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/esm/index-c3277075.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, g as getElement } from './index-f16bc2ca.js';
+
+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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    componentWillRender() {
+        this.host.setAttribute("role", "rowgroup");
+    }
+    render() {
+        return h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
+    }
+    get host() { return getElement(this); }
+};
+ZTableHead.style = ZTableHeadStyle0;
+
+export { ZTableHead as Z };
+
+//# sourceMappingURL=index-c3277075.js.map

package/dist/esm/index-c3277075.js.map

@@ -0,0 +1 @@
+{"file":"index-c3277075.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+GAA+G,CAAC;AAClI,yBAAe,SAAS;;MCUX,UAAU;;;;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;","names":[],"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/esm/index-f16bc2ca.js

@@ -2801,6 +2801,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './z-combobox.entry.js').then(processMod, consoleError);
+                case 'z-contextual-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-contextual-menu.entry.js').then(processMod, consoleError);
                 case 'z-cover-hero':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2877,6 +2881,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './z-myz-list.entry.js').then(processMod, consoleError);
+                case 'z-navigation-tab':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-navigation-tab.entry.js').then(processMod, consoleError);
+                case 'z-navigation-tab-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-navigation-tab-link.entry.js').then(processMod, consoleError);
                 case 'z-navigation-tabs':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2933,6 +2945,38 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './z-table.entry.js').then(processMod, consoleError);
+                case 'z-table-body':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-body.entry.js').then(processMod, consoleError);
+                case 'z-table-deprecated':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-deprecated.entry.js').then(processMod, consoleError);
+                case 'z-table-expanded-row':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-expanded-row.entry.js').then(processMod, consoleError);
+                case 'z-table-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-footer.entry.js').then(processMod, consoleError);
+                case 'z-table-head':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-head.entry.js').then(processMod, consoleError);
+                case 'z-table-header-row':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-header-row.entry.js').then(processMod, consoleError);
+                case 'z-table-row':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-row.entry.js').then(processMod, consoleError);
+                case 'z-table-sticky-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-sticky-footer.entry.js').then(processMod, consoleError);
                 case 'z-tbody':
                     return import(
                       /* webpackMode: "lazy" */
@@ -3005,6 +3049,18 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './z-pocket_3.entry.js').then(processMod, consoleError);
+                case 'z-table-cell':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-cell.entry.js').then(processMod, consoleError);
+                case 'z-table-empty-box':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-empty-box.entry.js').then(processMod, consoleError);
+                case 'z-table-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './z-table-header.entry.js').then(processMod, consoleError);
                 case 'z-myz-list-item':
                     return import(
                       /* webpackMode: "lazy" */