@zanichelli/albe-web-components 12.6.1 → 13.0.0

package/dist/cjs/index-0a7baee3.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return index.h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableFooter.style = ZTableFooterStyle0;
-
-exports.ZTableFooter = ZTableFooter;
-
-//# sourceMappingURL=index-0a7baee3.js.map

package/dist/cjs/index-0a7baee3.js.map

@@ -1 +0,0 @@
-{"file":"index-0a7baee3.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,OAAOA,oEAAQ,CAAC;KACjB;;;;;;;","names":["h"],"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/cjs/index-37180b8d.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return index.h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableHead.style = ZTableHeadStyle0;
-
-exports.ZTableHead = ZTableHead;
-
-//# sourceMappingURL=index-37180b8d.js.map

package/dist/cjs/index-37180b8d.js.map

@@ -1 +0,0 @@
-{"file":"index-37180b8d.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,OAAOA,oEAAQ,CAAC;KACjB;;;;;;;","names":["h"],"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/cjs/index-4468a6b7.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-        this.expandable = undefined;
-    }
-    renderExpandHeader() {
-        return index.h("z-table-header", null);
-    }
-    render() {
-        return (index.h(index.Host, { key: '640d060798684dee3641fef5c3778e263acfbd8d', role: "row" }, this.expandable && this.renderExpandHeader(), index.h("slot", { key: '42d15bfd63e021a96c2394d5bc91c185bcee55b8' })));
-    }
-};
-ZTableHeaderRow.style = ZTableHeaderRowStyle0;
-
-exports.ZTableHeaderRow = ZTableHeaderRow;
-
-//# sourceMappingURL=index-4468a6b7.js.map

package/dist/cjs/index-4468a6b7.js.map

@@ -1 +0,0 @@
-{"file":"index-4468a6b7.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,+NAA+N,CAAC;AAClP,8BAAe,SAAS;;MCSX,eAAe;;;;;IAKlB,kBAAkB;QACxB,OAAOA,+BAAiC,CAAC;KAC1C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,KAAK,IACb,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC7CD,oEAAQ,CACH,EACP;KACH;;;;;;","names":["h","Host"],"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/cjs/index-715aa3be.js

@@ -1,21 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-        this.colSpan = undefined;
-    }
-    render() {
-        return (index.h("td", { key: '3f662b4a7d38b2eca3db3a67176991bc4c538edb', colSpan: this.colSpan }, index.h("div", { key: 'cff535acab16a19f7475b115649c1ca936990c76', class: "content-container" }, index.h("slot", { key: '742b4fbffd8a5330424432a1145796b71e86bfa8' }))));
-    }
-};
-ZTableExpandedRow.style = ZTableExpandedRowStyle0;
-
-exports.ZTableExpandedRow = ZTableExpandedRow;
-
-//# sourceMappingURL=index-715aa3be.js.map

package/dist/cjs/index-715aa3be.js.map

@@ -1 +0,0 @@
-{"file":"index-715aa3be.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,wJAAwJ,CAAC;AAC3K,gCAAe,SAAS;;MCSX,iBAAiB;;;;;IAK5B,MAAM;QACJ,QACEA,iEAAI,OAAO,EAAE,IAAI,CAAC,OAAO,IACvBA,kEAAK,KAAK,EAAC,mBAAmB,IAC5BA,oEAAQ,CACJ,CACH,EACL;KACH;;;;;;","names":["h"],"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/cjs/index-7a1c32d4.js

@@ -1,30 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.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 (index.h(index.Host, { key: '15246acb9b5e2df169b353883dd30b4dc9f9b298' }, index.h("span", { key: '78ecd045b2fd73998a446baadfabc9e5ec3d03d1', class: "body-3-sb" }, this.message), index.h("br", { key: 'b41c15173e3985b96884767fc52d5d4a2816bec8' }), !!this.subtitle && index.h("span", { class: "body-4" }, this.subtitle), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (index.h("div", { class: {
-                "cta": true,
-                "has-2-cta": !!this.hasCta1Slot && !!this.hasCta2Slot,
-            } }, index.h("slot", { name: "cta1" }), index.h("slot", { name: "cta2" })))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-ZTableEmptyBox.style = ZTableEmptyBoxStyle0;
-
-exports.ZTableEmptyBox = ZTableEmptyBox;
-
-//# sourceMappingURL=index-7a1c32d4.js.map

package/dist/cjs/index-7a1c32d4.js.map

@@ -1 +0,0 @@
-{"file":"index-7a1c32d4.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,QACEA,QAACC,UAAI,uDACHD,mEAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAQ,EAC7CA,kEAAM,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAIA,kBAAM,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,QAAQ,CAAQ,EAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,MACxCA,iBACE,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW;aACtD,IAEDA,kBAAM,IAAI,EAAC,MAAM,GAAQ,EACzBA,kBAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACP,CACI,EACP;KACH;;;;;;;","names":["h","Host"],"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/cjs/index-7f3e61f0.js

@@ -1,82 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-const utils = require('./utils-d0b10736.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) {
-        index.registerInstance(this, hostRef);
-        this.sort = index.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 = utils.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 = utils.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 (index.h(index.Host, { key: 'c67ac7a04f00b5252e3c988a46b80843dc911d2e', class: {
-                sortable: this.sortable,
-            }, onClick: () => this.handleSort() }, index.h("div", { key: 'f569e12c8d7ae2bc30884f11bf1b2636cf66e8d9', class: "container" }, index.h("slot", { key: 'c524c4ec78be5a6aded8bd4e92018fe16147561f' }), this.sortable && this.sortDirection !== "none" && (index.h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (index.h("div", { class: "popover-container" }, index.h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), index.h("z-popover", { ref: (el) => (this.popover = el), position: index$1.PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, index.h("div", null, index.h("slot", { name: "contextual-menu" })))))));
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableHeader.style = ZTableHeaderStyle0;
-
-exports.ZTableHeader = ZTableHeader;
-
-//# sourceMappingURL=index-7f3e61f0.js.map

package/dist/cjs/index-7f3e61f0.js.map

@@ -1 +0,0 @@
-{"file":"index-7f3e61f0.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,u5BAAu5B,CAAC;AAC16B,2BAAe,SAAS;;MCWX,YAAY;IA+BvB;;;;uBAtBgE,QAAQ;;;oCAYvB,KAAK;6BAIb,MAAM;QAO7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAMO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;KACJ;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,GAAG,CAAC;YACpB,QAAQ,IAAI,CAAC,aAAa;gBACxB,KAAK,KAAK;oBACR,OAAO,MAAM,CAAC;gBAChB,KAAK,MAAM;oBACT,OAAO,KAAK,CAAC;gBACf,KAAK,MAAM;oBACT,OAAO,IAAI,CAAC,oBAAoB,CAAC;gBACnC;oBACE,OAAO,MAAM,CAAC;aACjB;SACF,GAAG,CAAC;QAEL,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAEO,eAAe;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;KACxC;IAGD,kBAAkB,CAAC,CAAa;QAC9B,MAAM,IAAI,GAAGA,oBAAc,CAAC,CAAC,CAAC,MAAiB,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAa,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC,CAAC;QAEzF,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;SAC3B;KACF;IAGD,kBAAkB,CAAC,CAAa;QAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,MAAM,GAAGA,oBAAc,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAa,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,gBAAgB,CAAC,CAAC;QAEhH,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;QACzE,MAAM,UAAU,GACb,MAAM,CAAC,UAAsC,CAAC,QAAQ,IAAK,MAAkC,CAAC,QAAQ,CAAC;QAE1G,IAAI,cAAc,KAAK,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE;YAClD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;SAC7B;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;KAChD;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAEhCD,kEAAK,KAAK,EAAC,WAAW,IACpBA,oEAAQ,EACP,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,KAC7CA,oBACE,IAAI,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY,EAC9D,KAAK,EAAC,OAAO,GACb,CACH,CACG,EAEL,IAAI,CAAC,UAAU,KACdA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,sBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAwB,CAAC,EAC5D,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAEC,kBAAU,CAAC,OAAO,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAC3B,EAEZH,uBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAyB,CAAC,EACvD,QAAQ,EAAEI,uBAAe,CAAC,MAAM,EAChC,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,CAAC,aAA4B,IAEzCJ,qBACEA,kBAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACI,CACR,CACP,CACI,EACP;KACH;;;;;;;","names":["getElementTree","h","Host","ButtonVariant","ButtonSize","PopoverPosition"],"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/cjs/index-96c2bc8f.js

@@ -1,25 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-        Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
-    }
-    render() {
-        return index.h("slot", { key: 'd422df9305a81ae9beb6b1a695cf08a944f7b893' });
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableBody.style = ZTableBodyStyle0;
-
-exports.ZTableBody = ZTableBody;
-
-//# sourceMappingURL=index-96c2bc8f.js.map

package/dist/cjs/index-96c2bc8f.js.map

@@ -1 +0,0 @@
-{"file":"index-96c2bc8f.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,OAAOA,oEAAQ,CAAC;KACjB;;;;;;;","names":["h"],"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/cjs/index-a30259f3.js

@@ -1,37 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.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) {
-        index.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 (index.h(index.Host, { key: 'a55491d43ef04929fdd38073b589d12d5d373ca4' }, this.showButton && (index.h("div", { class: {
-                "button-container": true,
-                "visible": this.isMenuOpened,
-            } }, index.h("div", { class: "button-content" }, index.h("z-button", { icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), index.h("div", { class: {
-                "contextual-menu-container": true,
-                "visible": this.isMenuOpened,
-            } }, index.h("slot", { name: "contextual-menu" }))))), index.h("slot", { key: 'd8d5dab5bac78f43151d50d22df6cfbefdc81694' })));
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableCell.style = ZTableCellStyle0;
-
-exports.ZTableCell = ZTableCell;
-
-//# sourceMappingURL=index-a30259f3.js.map

package/dist/cjs/index-a30259f3.js.map

@@ -1 +0,0 @@
-{"file":"index-a30259f3.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,QACEA,QAACC,UAAI,uDACF,IAAI,CAAC,UAAU,KACdD,iBACE,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAEDA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,sBACE,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAEC,kBAAU,CAAC,OAAO,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAChC,EACFH,iBACE,KAAK,EAAE;gBACL,2BAA2B,EAAE,IAAI;gBACjC,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAEDA,kBAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACF,CACF,CACP,EACDA,oEAAQ,CACH,EACP;KACH;;;;;;;","names":["h","Host","ButtonVariant","ButtonSize"],"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/cjs/index-a7aedd7c.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.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) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return index.h("slot", { key: '7b27e3b2d212955d97029c2d92df46b4bddb3fb1' });
-    }
-};
-ZTableStickyFooter.style = ZTableStickyFooterStyle0;
-
-exports.ZTableStickyFooter = ZTableStickyFooter;
-
-//# sourceMappingURL=index-a7aedd7c.js.map

package/dist/cjs/index-a7aedd7c.js.map

@@ -1 +0,0 @@
-{"file":"index-a7aedd7c.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,iCAAe,SAAS;;MCWX,kBAAkB;;;;IAC7B,MAAM;QACJ,OAAOA,oEAAQ,CAAC;KACjB;;;;;;","names":["h"],"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/cjs/index-d669dfd0.js

@@ -1,43 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.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) {
-        index.registerInstance(this, hostRef);
-        this.expand = index.createEvent(this, "expand", 7);
-        this.expandedType = index$1.ZTableRowExpandedType.NONE;
-        this.expanded = false;
-    }
-    emitOnExpand() {
-        this.expand.emit({ expanded: this.expanded });
-    }
-    handleExpand() {
-        this.expanded = !this.expanded;
-        this.emitOnExpand();
-    }
-    renderExpandButton() {
-        if (this.expandedType == index$1.ZTableRowExpandedType.EXPANDABLE) {
-            return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
-        }
-        return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("div", { class: "z-icon-placeholder" })));
-    }
-    render() {
-        return (index.h(index.Host, { key: '05feb1b745b9f720f4b9b42f9753791410703e4d', role: "row", expanded: this.expanded, onClick: (event) => {
-                const preventExpand = event.target.classList.contains("prevent-expand");
-                const isExpandable = this.expandedType === index$1.ZTableRowExpandedType.EXPANDABLE;
-                if (isExpandable && !preventExpand) {
-                    this.handleExpand();
-                }
-            } }, this.expandedType !== index$1.ZTableRowExpandedType.NONE && this.renderExpandButton(), index.h("slot", { key: '6b5dc7930bea80c6f19fb8b3f2253465f1bdba20' })));
-    }
-};
-ZTableRow.style = ZTableRowStyle0;
-
-exports.ZTableRow = ZTableRow;
-
-//# sourceMappingURL=index-d669dfd0.js.map

package/dist/cjs/index-d669dfd0.js.map

@@ -1 +0,0 @@
-{"file":"index-d669dfd0.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,01BAA01B,CAAC;AAC72B,wBAAe,SAAS;;MCWX,SAAS;;;;4BAGkBA,6BAAqB,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,IAAIA,6BAAqB,CAAC,UAAU,EAAE;YACzD,QACEC,0BAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxCA,oBAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAI,CACrD,EACf;SACH;QAED,QACEA,0BAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxCA,iBAAK,KAAK,EAAC,oBAAoB,GAAG,CACrB,EACf;KACH;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,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,KAAKF,6BAAqB,CAAC,UAAU,CAAC;gBAE5E,IAAI,YAAY,IAAI,CAAC,aAAa,EAAE;oBAClC,IAAI,CAAC,YAAY,EAAE,CAAC;iBACrB;aACF,IAEA,IAAI,CAAC,YAAY,KAAKA,6BAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC9EC,oEAAQ,CACH,EACP;KACH;;;;;;","names":["ZTableRowExpandedType","h","Host"],"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/cjs/z-contextual-menu.cjs.entry.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-
-const stylesCss = ":host{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}button{width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}z-popover{overflow:hidden}.popover-content-container{position:relative;min-width:112px;max-width:280px;background-color:var(--color-surface02);box-shadow:var(--shadow-2);white-space:nowrap}.element-container:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.element-text{overflow:hidden;font-size:14px;text-overflow:ellipsis}.element-container,.disabled-element-container{display:flex;min-height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);fill:var(--color-disabled03);gap:var(--space-unit)}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";
-const ZContextualMenuStyle0 = stylesCss;
-
-const ZContextualMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.clickContextualMenu = index.createEvent(this, "clickContextualMenu", 7);
-        this.elements = undefined;
-        this.color = "color-primary01";
-        this.popoverPosition = index$1.PopoverPosition.BOTTOM_RIGHT;
-    }
-    componentWillRender() {
-        if (this.elements) {
-            this.jsonElements = JSON.parse(this.elements.replace(/"/g, '"'));
-        }
-    }
-    componentDidLoad() {
-        this.popoverEl.bindTo = this.triggerButton;
-    }
-    showIcon() {
-        return !this.jsonElements.some((element) => !element.icon);
-    }
-    togglePopover() {
-        if (!this.popoverEl.open) {
-            this.popoverEl.open = true;
-        }
-    }
-    render() {
-        var _a, _b;
-        return (index.h(index.Host, { key: 'c16eb50a3fd4c78f414d64bf45b59961269a030a' }, index.h("button", { key: '2b5ef74579725d6b1dbc4e526cb2fa2516fb4a15', ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, index.h("z-icon", { key: 'e1818a8a1eb9c4b4cf3c364e0e31eb33b887590e', name: "contextual-menu", fill: this.color })), index.h("z-popover", { key: 'fbe8db8d27abee320aa5faf64d6964b64f416cd1', ref: (el) => (this.popoverEl = el), position: this.popoverPosition }, index.h("div", { key: 'c3fd6e9dc17712abe5ae95cd1048497b20767ec5', class: "popover-content-container" }, index.h("z-list", { key: 'dfa04ca3235257d404f861f85e56ea8c5a918a74' }, index.h("z-list-group", { key: '86e27e74ea9a7b09d2cf4f2a9cd761b7bb07823f', "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index$1) => (index.h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index$1, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, index.h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (index.h("div", { class: "element-icon" }, index.h("z-icon", { name: element.icon, width: 16, height: 16 }))), index.h("div", { class: "element-text" }, index.h("span", null, element.text))))))))))));
-    }
-};
-ZContextualMenu.style = ZContextualMenuStyle0;
-
-exports.z_contextual_menu = ZContextualMenu;
-
-//# sourceMappingURL=z-contextual-menu.cjs.entry.js.map

package/dist/cjs/z-contextual-menu.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"z-contextual-menu.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,o4BAAo4B,CAAC;AACv5B,8BAAe,SAAS;;MCOX,eAAe;;;;;qBAWT,iBAAiB;+BAMEA,uBAAe,CAAC,YAAY;;IAiBhE,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;SACvE;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;KAC5C;IAEO,QAAQ;QACd,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;KAC5D;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACxB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;SAC5B;KACF;IAED,MAAM;;QACJ,QACEC,QAACC,UAAI,uDACHD,qEACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,gBAC/C,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,IAAG,yBAAyB,GAAG,uBAAuB,EACtF,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAEnCA,qEACE,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,CACK,EACTA,wEACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,QAAQ,EAAE,IAAI,CAAC,eAAe,IAE9BA,kEAAK,KAAK,EAAC,2BAA2B,IACpCA,uEACEA,2FAA2B,SAAS,IACjC,MAAA,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAEE,OAAK,MACrCF,4BACE,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,EAC5B,KAAK,EAAC,mBAAmB,kBACZ,MAAM,sBACF,WAAW,EAC5B,KAAK,EAAE,OAAO,CAAC,QAAQ,GAAG,kBAAkB,GAAG,IAAI,CAAC,KAAK,EACzD,gBAAgB,QAChB,aAAa,EAAEE,OAAK,EACpB,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAEnEF,iBAAK,KAAK,EAAE,OAAO,CAAC,QAAQ,GAAG,4BAA4B,GAAG,mBAAmB,IAC9E,IAAI,CAAC,QAAQ,EAAE,KACdA,iBAAK,KAAK,EAAC,cAAc,IACvBA,oBACE,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACE,CACP,EACDA,iBAAK,KAAK,EAAC,cAAc,IACvBA,sBAAO,OAAO,CAAC,IAAI,CAAQ,CACvB,CACF,CACS,CAClB,CAAC,CACW,CACR,CACL,CACI,CACP,EACP;KACH;;;;;;","names":["PopoverPosition","h","Host","index"],"sources":["src/components/z-contextual-menu/styles.css?tag=z-contextual-menu&encapsulation=shadow","src/components/z-contextual-menu/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nbutton {\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\nz-popover {\n  overflow: hidden;\n}\n\n.popover-content-container {\n  position: relative;\n  min-width: 112px;\n  max-width: 280px;\n  background-color: var(--color-surface02);\n  box-shadow: var(--shadow-2);\n  white-space: nowrap;\n}\n\n.element-container:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n.element-text {\n  overflow: hidden;\n  font-size: 14px;\n  text-overflow: ellipsis;\n}\n\n.element-container,\n.disabled-element-container {\n  display: flex;\n  min-height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  fill: var(--color-disabled03);\n  gap: var(--space-unit);\n}\n\n.element-container {\n  fill: var(--color-primary01);\n}\n\n.element-icon {\n  display: flex;\n}\n","import {Component, Event, EventEmitter, Prop, h, Host} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-contextual-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZContextualMenu {\n  /**\n   * Elements of ZContextualMenu\n   */\n  @Prop()\n  elements?: string;\n\n  /**\n   * [optional] Sets text color of ZContextualMenu's content\n   */\n  @Prop()\n  color?: string = \"color-primary01\";\n\n  /**\n   * [optional] Sets the position of the popover\n   */\n  @Prop({reflect: true})\n  popoverPosition?: PopoverPosition = PopoverPosition.BOTTOM_RIGHT;\n\n  private triggerButton?: HTMLButtonElement;\n\n  private popoverEl?: HTMLZPopoverElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickContextualMenu\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickContextualMenu: EventEmitter;\n\n  private jsonElements;\n\n  componentWillRender(): void {\n    if (this.elements) {\n      this.jsonElements = JSON.parse(this.elements.replace(/&quot;/g, '\"'));\n    }\n  }\n\n  componentDidLoad(): void {\n    this.popoverEl.bindTo = this.triggerButton;\n  }\n\n  private showIcon(): boolean {\n    return !this.jsonElements.some((element) => !element.icon);\n  }\n\n  private togglePopover(): void {\n    if (!this.popoverEl.open) {\n      this.popoverEl.open = true;\n    }\n  }\n\n  render(): HTMLZContextualMenuElement {\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n          aria-label={this.popoverEl?.open ? \"chiudi menu contestuale\" : \"apri menu contestuale\"}\n          onClick={() => this.togglePopover()}\n        >\n          <z-icon\n            name=\"contextual-menu\"\n            fill={this.color}\n          />\n        </button>\n        <z-popover\n          ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n          position={this.popoverPosition}\n        >\n          <div class=\"popover-content-container\">\n            <z-list>\n              <z-list-group divider-type=\"element\">\n                {this.jsonElements?.map((element, index) => (\n                  <z-list-element\n                    clickable={!element.disabled}\n                    class=\"my-z-list-element\"\n                    align-button=\"left\"\n                    expandable-style=\"accordion\"\n                    color={element.disabled ? `color-disabled03` : this.color}\n                    isContextualMenu\n                    listElementId={index}\n                    onClickItem={(event) => this.clickContextualMenu.emit(event.detail)}\n                  >\n                    <div class={element.disabled ? \"disabled-element-container\" : \"element-container\"}>\n                      {this.showIcon() && (\n                        <div class=\"element-icon\">\n                          <z-icon\n                            name={element.icon}\n                            width={16}\n                            height={16}\n                          />\n                        </div>\n                      )}\n                      <div class=\"element-text\">\n                        <span>{element.text}</span>\n                      </div>\n                    </div>\n                  </z-list-element>\n                ))}\n              </z-list-group>\n            </z-list>\n          </div>\n        </z-popover>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-navigation-tab-link.cjs.entry.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-const icons = require('./icons-be077181.js');
-
-const navigationTabCss = "z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:\"\"}z-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"horizontal\"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation=\"horizontal\"] z-icon,z-navigation-tab-link[orientation=\"horizontal\"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*,z-navigation-tab-link[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size=\"small\"]>*,z-navigation-tab-link[size=\"small\"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]>*,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,z-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation=\"vertical\"]>*,z-navigation-tab-link[orientation=\"vertical\"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"vertical\"][selected]>*::after,z-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"vertical\"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}";
-const ZNavigationTabLinkStyle0 = navigationTabCss;
-
-const ZNavigationTabLink = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.selectedEvent = index.createEvent(this, "selected", 7);
-        this.ariaControls = undefined;
-        this.tabId = undefined;
-        this.selected = false;
-        this.disabled = false;
-        this.orientation = index$1.NavigationTabsOrientation.HORIZONTAL;
-        this.size = index$1.NavigationTabsSize.BIG;
-        this.htmlTitle = undefined;
-        this.target = undefined;
-        this.href = undefined;
-        this.icon = undefined;
-        this.label = undefined;
-    }
-    /**
-     * Scroll into view to center the tab.
-     */
-    scrollToTab({ target: button }) {
-        const scrollOptions = (this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL
-            ? { block: "nearest", inline: "center" }
-            : { block: "center", inline: "nearest" });
-        button.scrollIntoView(Object.assign({ behavior: "smooth" }, scrollOptions));
-    }
-    onClick() {
-        if (this.disabled) {
-            return;
-        }
-        this.selected = true;
-    }
-    onSelected() {
-        if (this.selected) {
-            this.selectedEvent.emit();
-        }
-    }
-    /**
-     * Render the icon component using the icon's name passed from prop.
-     * Use the `filled` version when the tab is `selected`.
-     * @returns {HTMLElement}
-     */
-    renderIcon() {
-        let icon = this.icon;
-        const iconFilled = `${icon.replace(/-filled$/, "")}-filled`;
-        if (this.selected && Object.keys(icons.ICONS).includes(iconFilled)) {
-            icon = iconFilled;
-        }
-        return index.h("z-icon", { name: icon });
-    }
-    render() {
-        return (index.h(index.Host, { key: '77c729dd9c1bfd412d958eb477f2e227ba7fc7a7', role: "tab", id: this.tabId, "aria-selected": this.selected ? "true" : "false", "aria-controls": this.ariaControls }, index.h("a", { key: '3b70074a8637c2df922e6c5dcfc38f45c14ae770', tabIndex: this.selected ? 0 : -1, onFocus: this.scrollToTab.bind(this), href: this.disabled ? null : this.href, title: this.htmlTitle, target: this.target }, this.icon && this.renderIcon(), this.orientation === "horizontal" && this.label)));
-    }
-    static get watchers() { return {
-        "selected": ["onSelected"]
-    }; }
-};
-ZNavigationTabLink.style = ZNavigationTabLinkStyle0;
-
-exports.z_navigation_tab_link = ZNavigationTabLink;
-
-//# sourceMappingURL=z-navigation-tab-link.cjs.entry.js.map

package/dist/cjs/z-navigation-tab-link.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"z-navigation-tab-link.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,0hHAA0hH,CAAC;AACpjH,iCAAe,gBAAgB;;MCalB,kBAAkB;;;;;;wBAuBR,KAAK;wBAML,KAAK;2BAMZA,iCAAyB,CAAC,UAAU;oBAM3CC,0BAAkB,CAAC,GAAG;;;;;;;;;;IA0CrB,WAAW,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC;QAClC,MAAM,aAAa,IACjB,IAAI,CAAC,WAAW,KAAKD,iCAAyB,CAAC,UAAU;cACrD,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC;cACpC,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,CAChB,CAAC;QAE3B,MAAM,CAAC,cAAc,iBACnB,QAAQ,EAAE,QAAQ,IACf,aAAa,EAChB,CAAC;KACJ;IAGD,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;IAGD,UAAU;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC3B;KACF;;;;;;IAOO,UAAU;QAChB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC;QAE5D,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAACE,WAAK,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YAC5D,IAAI,GAAG,UAAU,CAAC;SACnB;QAED,OAAOC,oBAAQ,IAAI,EAAE,IAAI,GAAW,CAAC;KACtC;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,KAAK,mBACC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,YAAY,IAEhCD,gEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EACtC,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,EAC9B,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,CAC9C,CACC,EACP;KACH;;;;;;;;;","names":["NavigationTabsOrientation","NavigationTabsSize","ICONS","h","Host"],"sources":["src/deprecated/navigation-tab.css?tag=z-navigation-tab-link","src/deprecated/z-navigation-tab-link/index.tsx"],"sourcesContent":["z-navigation-tab > button,\nz-navigation-tab-link > a {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tab-link > a {\n  text-decoration: none;\n}\n\nz-navigation-tab *,\nz-navigation-tab-link *,\nz-navigation-tab *::before,\nz-navigation-tab *::after,\nz-navigation-tab-link *::before,\nz-navigation-tab-link *::after {\n  box-sizing: border-box;\n}\n\nz-navigation-tab > *:focus:focus-visible,\nz-navigation-tab-link > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tab:not([disabled]):hover > *,\nz-navigation-tab[selected] > *,\nz-navigation-tab-link:not([disabled]):hover > *,\nz-navigation-tab-link[selected] > * {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tab:not([disabled]):hover > *::after,\nz-navigation-tab[selected] > *::after,\nz-navigation-tab-link:not([disabled]):hover > *::after,\nz-navigation-tab-link[selected] > *::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"][selected] > *::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tab z-icon,\nz-navigation-tab-link z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\nz-navigation-tab[orientation=\"horizontal\"] z-icon,\nz-navigation-tab-link[orientation=\"horizontal\"] z-icon {\n  margin-right: var(--space-unit);\n}\n\nz-navigation-tab:not([disabled]):hover > * {\n  background-color: var(--color-background);\n}\n\nz-navigation-tab[disabled] > *,\nz-navigation-tab-link[disabled] > * {\n  color: var(--gray500);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\n/* Size small (only available for horizontal) */\nz-navigation-tab[size=\"small\"] > *,\nz-navigation-tab-link[size=\"small\"] > * {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"] > *,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"] > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected] > *::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,\nz-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\nz-navigation-tab[orientation=\"vertical\"] > *,\nz-navigation-tab-link[orientation=\"vertical\"] > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"vertical\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"vertical\"][selected] > *::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter, Watch, Host} from \"@stencil/core\";\nimport {NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\nimport {ICONS} from \"../../components/icons/icons\";\n\n/**\n * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n * @deprecated Use a native `<a>` instead.\n */\n@Component({\n  tag: \"z-navigation-tab-link\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTabLink {\n  /**\n   * `aria-controls` attribute of the tab.\n   * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\n   * The value must be the `id` of the element it controls.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls\n   */\n  @Prop()\n  ariaControls?: string;\n\n  /**\n   * `id` attribute of the tab.\n   * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\n   * @deprecated Use native `id` attribute instead\n   */\n  @Prop()\n  tabId?: string;\n\n  /**\n   * Whether the tab is selected.\n   */\n  @Prop({mutable: true, reflect: true})\n  selected?: boolean = false;\n\n  /**\n   * Whether the tab is disabled.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  orientation = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  size = NavigationTabsSize.BIG;\n\n  /**\n   * Html title attribute for the anchor element.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * Html `target` attribute for the anchor element.\n   */\n  @Prop()\n  target: string;\n\n  /**\n   * Url to set to the anchor element.\n   */\n  @Prop()\n  href: string;\n\n  /**\n   * Name of the icon to use.\n   * The `filled` version will be automatically used (if found) when the tab is `selected`.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * The tab has been selected.\n   */\n  @Event({eventName: \"selected\"})\n  private selectedEvent: EventEmitter;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab({target: button}): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    button.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.selected = true;\n  }\n\n  @Watch(\"selected\")\n  onSelected(): void {\n    if (this.selected) {\n      this.selectedEvent.emit();\n    }\n  }\n\n  /**\n   * Render the icon component using the icon's name passed from prop.\n   * Use the `filled` version when the tab is `selected`.\n   * @returns {HTMLElement}\n   */\n  private renderIcon(): HTMLZIconElement {\n    let icon = this.icon;\n    const iconFilled = `${icon.replace(/-filled$/, \"\")}-filled`;\n\n    if (this.selected && Object.keys(ICONS).includes(iconFilled)) {\n      icon = iconFilled;\n    }\n\n    return <z-icon name={icon}></z-icon>;\n  }\n\n  render(): HTMLZNavigationTabLinkElement {\n    return (\n      <Host\n        role=\"tab\"\n        id={this.tabId}\n        aria-selected={this.selected ? \"true\" : \"false\"}\n        aria-controls={this.ariaControls}\n      >\n        <a\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          href={this.disabled ? null : this.href}\n          title={this.htmlTitle}\n          target={this.target}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === \"horizontal\" && this.label}\n        </a>\n      </Host>\n    );\n  }\n}\n"],"version":3}