@zanichelli/albe-web-components 12.6.1 → 13.0.0

package/dist/collection/deprecated/z-table-deprecated/z-table-empty-box/styles.css

@@ -1,38 +0,0 @@
-:host {
-  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);
-}
-
-::slotted(*) {
-  margin-top: var(--space-unit);
-}
-
-.cta {
-  display: flex;
-  flex-direction: row;
-  margin-top: calc(var(--space-unit) / 2);
-}
-
-.cta.has-2-cta {
-  flex-direction: column;
-}
-
-@media only screen and (min-width: 768px) {
-  :host {
-    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)
-      calc(var(--space-unit) * 7);
-  }
-
-  ::slotted(*) {
-    margin-right: calc(var(--space-unit) * 2);
-  }
-
-  .cta {
-    margin-top: var(--space-unit);
-  }
-
-  .cta.has-2-cta {
-    flex-direction: row;
-  }
-}

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

@@ -1,46 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @deprecated
- */
-export class ZTableExpandedRow {
-    constructor() {
-        this.colSpan = undefined;
-    }
-    render() {
-        return (h("td", { key: '3f662b4a7d38b2eca3db3a67176991bc4c538edb', colSpan: this.colSpan }, h("div", { key: 'cff535acab16a19f7475b115649c1ca936990c76', class: "content-container" }, h("slot", { key: '742b4fbffd8a5330424432a1145796b71e86bfa8' }))));
-    }
-    static get is() { return "z-table-expanded-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "colSpan": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Number table column plus 1 for the expand button"
-                },
-                "attribute": "col-span",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-expanded-row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;;;IAK5B,MAAM;QACJ,OAAO,CACL,2DAAI,OAAO,EAAE,IAAI,CAAC,OAAO;YACvB,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,8DAAQ,CACJ,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,13 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZTableExpandedRow } from "./index";
-describe("Suite test ZTableExpandedRow", () => {
-    it("Test render ZTableExpandedRow vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZTableExpandedRow],
-            html: `<z-table-expanded-row col-span="4"></z-table-expanded-row>`,
-        });
-        //Non è possibile testarlo poiché il tag <td> viene eliminato dal browser in quanto esterno al tag <table>
-        expect(page.root).toBeTruthy();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-expanded-row/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;YAC/B,IAAI,EAAE,4DAA4D;SACnE,CAAC,CAAC;QAEH,0GAA0G;QAC1G,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableExpandedRow} from \"./index\";\n\ndescribe(\"Suite test ZTableExpandedRow\", () => {\n  it(\"Test render ZTableExpandedRow vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableExpandedRow],\n      html: `<z-table-expanded-row col-span=\"4\"></z-table-expanded-row>`,\n    });\n\n    //Non è possibile testarlo poiché il tag <td> viene eliminato dal browser in quanto esterno al tag <table>\n    expect(page.root).toBeTruthy();\n  });\n});\n"]}

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

@@ -1,9 +0,0 @@
-:host {
-  display: none;
-  background-color: var(--gray50);
-}
-
-:host > td > div.content-container {
-  margin-bottom: calc(var(--space-unit) / 2);
-  box-shadow: var(--shadow-2);
-}

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

@@ -1,26 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @deprecated
- */
-export class ZTableFooter {
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
-    }
-    static get is() { return "z-table-footer"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpD;;GAEG;AAOH,MAAM,OAAO,YAAY;IAGvB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableFooter} from \"./index\";\n\ndescribe(\"Suite test ZTableFooter\", () => {\n  it(\"Test render ZTableFooter con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableFooter],\n      html: `<z-table-footer><z-table-row></z-table-row></z-table-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-footer role=\"rowgroup\">\n        <z-table-row></z-table-row>\n      </z-table-footer>\n    `);\n  });\n\n  it(\"Test render ZTableFooter con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableFooter],\n      html: `<z-table-footer></z-table-footer>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

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

@@ -1,5 +0,0 @@
-:host {
-  display: table-footer-group;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}

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

@@ -1,26 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @deprecated
- */
-export class ZTableHead {
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
-    }
-    static get is() { return "z-table-head"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-head/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpD;;GAEG;AAOH,MAAM,OAAO,UAAU;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-head/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,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,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableHead} from \"./index\";\n\ndescribe(\"Suite test ZTableHead\", () => {\n  it(\"Test render ZTableHead con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableHead],\n      html: `<z-table-head><z-table-row></z-table-row></z-table-head>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-head role=\"rowgroup\">\n        <z-table-row></z-table-row>\n      </z-table-head>\n    `);\n  });\n\n  it(\"Test render ZTableHead con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableHead],\n      html: `<z-table-head></z-table-head>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

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

@@ -1,5 +0,0 @@
-:host {
-  display: table-header-group;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}

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

@@ -1,227 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { ButtonSize, ButtonVariant, PopoverPosition } from "../../../beans";
-import { getElementTree } from "../../../utils/utils";
-/**
- * @deprecated
- */
-export class ZTableHeader {
-    constructor() {
-        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" })))))));
-    }
-    static get is() { return "z-table-header"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "columnId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Column ID"
-                },
-                "attribute": "column-id",
-                "reflect": false
-            },
-            "padding": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\"",
-                    "resolved": "\"large\" | \"medium\" | \"small\" | \"special\" | \"x-small\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Set padding size of cell, if special 0px padding will be set"
-                },
-                "attribute": "padding",
-                "reflect": true,
-                "defaultValue": "\"medium\""
-            },
-            "sortable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[Optional] Make the header sortable"
-                },
-                "attribute": "sortable",
-                "reflect": false
-            },
-            "showButton": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[Optional] Show contextual menu button"
-                },
-                "attribute": "show-button",
-                "reflect": false
-            },
-            "defaultSortDirection": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"asc\" | \"desc\" | \"none\"",
-                    "resolved": "\"asc\" | \"desc\" | \"none\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[Optional] Default sort order"
-                },
-                "attribute": "default-sort-direction",
-                "reflect": false,
-                "defaultValue": "\"asc\""
-            },
-            "sortDirection": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "\"asc\" | \"desc\" | \"none\"",
-                    "resolved": "\"asc\" | \"desc\" | \"none\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Sort direction"
-                },
-                "attribute": "sort-direction",
-                "reflect": false,
-                "defaultValue": "\"none\""
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "sort",
-                "name": "sort",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[Optional] callback for sorting"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "host"; }
-    static get listeners() {
-        return [{
-                "name": "click",
-                "method": "handleOutsideClick",
-                "target": "body",
-                "capture": true,
-                "passive": false
-            }, {
-                "name": "click",
-                "method": "handleClickHeaders",
-                "target": "body",
-                "capture": true,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-header/index.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}