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

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

@@ -1,13 +0,0 @@
-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;
-}

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

@@ -1,96 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { ZTableRowExpandedType } from "../../../beans";
-/**
- * @deprecated
- */
-export class ZTableRow {
-    constructor() {
-        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' })));
-    }
-    static get is() { return "z-table-row"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "expandedType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ZTableRowExpandedType",
-                    "resolved": "ZTableRowExpandedType.EXPANDABLE | ZTableRowExpandedType.NONE | ZTableRowExpandedType.PADDING",
-                    "references": {
-                        "ZTableRowExpandedType": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ZTableRowExpandedType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Table row expanded type"
-                },
-                "attribute": "expanded-type",
-                "reflect": true,
-                "defaultValue": "ZTableRowExpandedType.NONE"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "expanded": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "expand",
-                "name": "expand",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Row has been expanded"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AAOH,MAAM,OAAO,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;IAC9C,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,YAAY,IAAI,qBAAqB,CAAC,UAAU,EAAE,CAAC;YAC1D,OAAO,CACL,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC;gBACxC,cAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,GAAI,CACrD,CAChB,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC;YACxC,WAAK,KAAK,EAAC,oBAAoB,GAAG,CACrB,CAChB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,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,CAAC;oBACnC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC;YAEA,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC9E,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-row/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableRow} from \"./index\";\n\ndescribe(\"Suite test ZTableRow\", () => {\n  it(\"Test render ZTableRow vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableRow],\n      html: `<z-table-row><z-table-cell></z-table-cell></z-table-row>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-row expanded-type=\"none\" role=\"row\">\n        <z-table-cell></z-table-cell>\n      </z-table-row>\n    `);\n  });\n\n  it(\"Test render ZTableRow con role row\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableRow],\n      html: `<z-table-row></z-table-row>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"row\");\n  });\n});\n"]}

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

@@ -1,45 +0,0 @@
-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;
-}

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

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @deprecated
- * @slot - table sticky footer content
- */
-export class ZTableStickyFooter {
-    render() {
-        return h("slot", { key: '7b27e3b2d212955d97029c2d92df46b4bddb3fb1' });
-    }
-    static get is() { return "z-table-sticky-footer"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-sticky-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAOH,MAAM,OAAO,kBAAkB;IAC7B,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-sticky-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableStickyFooter} from \"./index\";\n\ndescribe(\"Suite test ZTableStickyFooter\", () => {\n  it(\"Test render ZTableStickyFooter con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableStickyFooter],\n      html: `<z-table-sticky-footer><div>dummy</div></z-table-sticky-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-sticky-footer>\n        <div>dummy</div>\n      </z-table-sticky-footer>\n    `);\n  });\n});\n"]}

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

@@ -1,11 +0,0 @@
-:host {
-  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);
-}

package/dist/components/index28.js

@@ -1,45 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-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 = /*@__PURE__*/ proxyCustomElement(class ZTableEmptyBox extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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 this; }
-    static get style() { return ZTableEmptyBoxStyle0; }
-}, [6, "z-table-empty-box", {
-        "message": [1],
-        "subtitle": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-empty-box"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-empty-box":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableEmptyBox);
-            }
-            break;
-    } });
-}
-
-export { ZTableEmptyBox as Z, defineCustomElement as d };
-
-//# sourceMappingURL=index28.js.map

package/dist/components/index28.js.map

@@ -1 +0,0 @@
-{"file":"index28.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/components/index29.js

@@ -1,120 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { B as ButtonVariant, d as ButtonSize, P as PopoverPosition } from './index2.js';
-import { a as getElementTree } from './utils.js';
-import { d as defineCustomElement$3 } from './index4.js';
-import { d as defineCustomElement$2 } from './index9.js';
-import { d as defineCustomElement$1 } from './index25.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 = /*@__PURE__*/ proxyCustomElement(class ZTableHeader extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        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 this; }
-    static get style() { return ZTableHeaderStyle0; }
-}, [1, "z-table-header", {
-        "columnId": [1, "column-id"],
-        "padding": [513],
-        "sortable": [4],
-        "showButton": [4, "show-button"],
-        "defaultSortDirection": [1, "default-sort-direction"],
-        "sortDirection": [1025, "sort-direction"]
-    }, [[18, "click", "handleOutsideClick"], [18, "click", "handleClickHeaders"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-header", "z-button", "z-icon", "z-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableHeader);
-            }
-            break;
-        case "z-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "z-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZTableHeader as Z, defineCustomElement as d };
-
-//# sourceMappingURL=index29.js.map

package/dist/components/index29.js.map

@@ -1 +0,0 @@
-{"file":"index29.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/components/index30.js

@@ -1,46 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './index9.js';
-
-const stylesCss = ".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-text-color:var(--color-primary03);--z-tag-bg:var(--color-hover-primary);display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg);border-radius:var(--border-radius);color:var(--z-tag-text-color);fill:var(--z-tag-text-color);font-family:var(--font-family-sans);line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag:not(:last-child),.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}";
-const ZTagStyle0 = stylesCss;
-
-const ZTag = /*@__PURE__*/ proxyCustomElement(class ZTag extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.icon = undefined;
-        this.expandable = undefined;
-    }
-    render() {
-        return (h(Host, { key: '9d45170a5cefce5d815ac7b5402123645a8d243b', class: {
-                "body-5-sb": true,
-                "expandable": this.expandable && !!this.icon,
-            } }, this.icon && h("z-icon", { name: this.icon }), h("div", { key: '9cf3b9f7b169709cf109cdab4d0cfe346a9eb29c' }, h("slot", { key: 'c26454112b3fa7ce120eaf50844cb82c9e11e751' }))));
-    }
-    static get style() { return ZTagStyle0; }
-}, [6, "z-tag", {
-        "icon": [1],
-        "expandable": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-tag", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-tag":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTag);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZTag as Z, defineCustomElement as d };
-
-//# sourceMappingURL=index30.js.map

package/dist/components/index30.js.map

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

package/dist/components/z-contextual-menu.d.ts

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

package/dist/components/z-contextual-menu.js

@@ -1,98 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { P as PopoverPosition } from './index2.js';
-import { d as defineCustomElement$7 } from './index6.js';
-import { d as defineCustomElement$6 } from './index9.js';
-import { d as defineCustomElement$5 } from './index12.js';
-import { d as defineCustomElement$4 } from './index13.js';
-import { d as defineCustomElement$3 } from './index14.js';
-import { d as defineCustomElement$2 } from './index25.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$1 = /*@__PURE__*/ proxyCustomElement(class ZContextualMenu extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.clickContextualMenu = createEvent(this, "clickContextualMenu", 7);
-        this.elements = undefined;
-        this.color = "color-primary01";
-        this.popoverPosition = 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 (h(Host, { key: 'c16eb50a3fd4c78f414d64bf45b59961269a030a' }, 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() }, h("z-icon", { key: 'e1818a8a1eb9c4b4cf3c364e0e31eb33b887590e', name: "contextual-menu", fill: this.color })), h("z-popover", { key: 'fbe8db8d27abee320aa5faf64d6964b64f416cd1', ref: (el) => (this.popoverEl = el), position: this.popoverPosition }, h("div", { key: 'c3fd6e9dc17712abe5ae95cd1048497b20767ec5', class: "popover-content-container" }, h("z-list", { key: 'dfa04ca3235257d404f861f85e56ea8c5a918a74' }, h("z-list-group", { key: '86e27e74ea9a7b09d2cf4f2a9cd761b7bb07823f', "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, 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, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))));
-    }
-    static get style() { return ZContextualMenuStyle0; }
-}, [1, "z-contextual-menu", {
-        "elements": [1],
-        "color": [1],
-        "popoverPosition": [513, "popover-position"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-contextual-menu", "z-divider", "z-icon", "z-list", "z-list-element", "z-list-group", "z-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-contextual-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZContextualMenu$1);
-            }
-            break;
-        case "z-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "z-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "z-list-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "z-list-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZContextualMenu = ZContextualMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZContextualMenu, defineCustomElement };
-
-//# sourceMappingURL=z-contextual-menu.js.map