@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.8 → 0.1.1

package/dist/components/p-Bb4TxQ4Z.js.map

@@ -1 +0,0 @@
-{"file":"p-Bb4TxQ4Z.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+mBAA+mB;;MCEpnB,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AACjB,IAAA,WAAA,GAAA;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK;AAC7B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC,UAAU;AACnD;IACD,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,CAAY,SAAA,EAAA,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAG,CAAA,CAAA,EAAE,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-divider/styles.css?tag=z-divider&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-divider/index.js"],"sourcesContent":[":host {\n  display: block;\n  padding: 0;\n  margin: 0;\n}\n\n:host.divider-horizontal {\n  width: 100%;\n}\n\n:host.divider-vertical {\n  height: 100%;\n}\n\n:host.divider-small.divider-horizontal {\n  height: var(--border-size-small);\n}\n\n:host.divider-medium.divider-horizontal {\n  height: var(--border-size-medium);\n}\n\n:host.divider-large.divider-horizontal {\n  height: var(--border-size-large);\n}\n\n:host.divider-small.divider-vertical {\n  width: var(--border-size-small);\n}\n\n:host.divider-medium.divider-vertical {\n  width: var(--border-size-medium);\n}\n\n:host.divider-large.divider-vertical {\n  width: var(--border-size-large);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { DividerOrientation, DividerSize } from \"../../beans\";\nexport class ZDivider {\n    constructor() {\n        this.size = DividerSize.SMALL;\n        this.color = \"gray200\";\n        this.orientation = DividerOrientation.HORIZONTAL;\n    }\n    render() {\n        return (h(Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));\n    }\n    static get is() { return \"z-divider\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"DividerSize\",\n                    \"resolved\": \"DividerSize.LARGE | DividerSize.MEDIUM | DividerSize.SMALL\",\n                    \"references\": {\n                        \"DividerSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::DividerSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Divider size\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"DividerSize.SMALL\"\n            },\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Divider color\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"gray200\\\"\"\n            },\n            \"orientation\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"DividerOrientation\",\n                    \"resolved\": \"DividerOrientation.HORIZONTAL | DividerOrientation.VERTICAL\",\n                    \"references\": {\n                        \"DividerOrientation\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::DividerOrientation\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Divider orintation\"\n                },\n                \"attribute\": \"orientation\",\n                \"reflect\": false,\n                \"defaultValue\": \"DividerOrientation.HORIZONTAL\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-BksaFn5w.js

@@ -1,110 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Cvo0JvVA.js';
-import { P as PopoverPosition, S as SortDirection, C as ControlSize, b as ButtonVariant } from './p-Ce7XL4AN.js';
-import { d as defineCustomElement$3 } from './p-CxnHjLow.js';
-import { d as defineCustomElement$2 } from './p-D0k-WF7B.js';
-import { d as defineCustomElement$1 } from './p-BwHJP9i2.js';
-
-const stylesCss = ":host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting=\"hover\"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting=\"hover\"]:hover) .z-th--sort-button,:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting=\"always\"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting=\"always\"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:\"\"}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}";
-
-const ZTh = /*@__PURE__*/ proxyCustomElement(class ZTh extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sort = createEvent(this, "sort", 7);
-        this.colspan = undefined;
-        this.showMenu = null;
-        this.showSorting = null;
-        this.sticky = false;
-        this.sortDirection = undefined;
-        this.sorted = false;
-        this.popoverPosition = PopoverPosition.AUTO;
-        this.isMenuOpen = false;
-    }
-    /**
-     * Get the value to set to the `aria-sort` attribute based on the current sort direction.
-     */
-    get ariaSortDirection() {
-        if (!this.sortDirection) {
-            return null;
-        }
-        return this.sortDirection === SortDirection.ASC ? "ascending" : "descending";
-    }
-    /**
-     * Handle the click on the sort button.
-     * @fires sort
-     */
-    handleSort() {
-        if (!this.sortDirection) {
-            this.sorted = false;
-            return;
-        }
-        this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;
-        this.sorted = true;
-        this.sort.emit({ sortDirection: this.sortDirection });
-    }
-    updateColspan() {
-        if (this.colspan) {
-            this.host.style.gridColumn = `span ${this.colspan}`;
-        }
-        else {
-            this.host.style.removeProperty("grid-column");
-        }
-    }
-    componentWillLoad() {
-        this.updateColspan();
-    }
-    render() {
-        return (h(Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: "cell--content" }, h("slot", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (h("button", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: "cell--menu-container" }, h("z-button", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: "contextual-menu" })))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "colspan": ["updateColspan"]
-    }; }
-    static get style() { return stylesCss; }
-}, [1, "z-th", {
-        "colspan": [2],
-        "showMenu": [513, "show-menu"],
-        "showSorting": [513, "show-sorting"],
-        "sticky": [516],
-        "sortDirection": [1025, "sort-direction"],
-        "sorted": [1540],
-        "popoverPosition": [1, "popover-position"],
-        "isMenuOpen": [32]
-    }, undefined, {
-        "colspan": ["updateColspan"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-th", "z-button", "z-icon", "z-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-th":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTh);
-            }
-            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;
-    } });
-}
-defineCustomElement();
-
-export { ZTh as Z, defineCustomElement as d };
-//# sourceMappingURL=p-BksaFn5w.js.map
-
-//# sourceMappingURL=p-BksaFn5w.js.map

package/dist/components/p-BksaFn5w.js.map

@@ -1 +0,0 @@
-{"file":"p-BksaFn5w.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  max-width: 100%;\n  align-items: center;\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n  background-color: var(--color-surface01);\n  gap: calc(var(--space-unit) * 2) var(--space-unit);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  box-shadow: 8px 0 16px -8px var(--shadow-color-base);\n}\n\n:host([menu-open]) {\n  z-index: 2;\n}\n\n.cell--content {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n\n:host([show-menu]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.cell--menu-container {\n  margin-left: auto;\n}\n\n:host(:not([show-menu])) .cell--menu-container {\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host(:is([show-menu], [menu-open])) .cell--menu-container,\n:host([show-menu]) .cell--menu-container:focus-within {\n  z-index: 1;\n  opacity: 1;\n  pointer-events: all;\n}\n\n:host .cell-popover {\n  z-index: 100;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-menu=\"hover\"]) .cell--menu-container {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-menu=\"hover\"]:hover) .cell--menu-container {\n    z-index: 1;\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n\n:host {\n  z-index: 1;\n  padding: 0;\n  background-color: var(--color-background);\n  font-weight: var(--font-sb);\n}\n\n.cell--content {\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-sorting=\"hover\"]) .z-th--sort-button {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n  :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n  :host([show-sorting=\"always\"]) .z-th--sort-button,\n  :host([sorted]) .z-th--sort-button {\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  width: calc(100% - 12px);\n  height: calc(100% - 10px);\n  background-color: transparent;\n  content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n  box-shadow: var(--shadow-focus-primary);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, PopoverPosition, SortDirection } from \"../../../../beans\";\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\nexport class ZTh {\n    constructor() {\n        this.colspan = undefined;\n        this.showMenu = null;\n        this.showSorting = null;\n        this.sticky = false;\n        this.sortDirection = undefined;\n        this.sorted = false;\n        this.popoverPosition = PopoverPosition.AUTO;\n        this.isMenuOpen = false;\n    }\n    /**\n     * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n     */\n    get ariaSortDirection() {\n        if (!this.sortDirection) {\n            return null;\n        }\n        return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n    }\n    /**\n     * Handle the click on the sort button.\n     * @fires sort\n     */\n    handleSort() {\n        if (!this.sortDirection) {\n            this.sorted = false;\n            return;\n        }\n        this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n        this.sorted = true;\n        this.sort.emit({ sortDirection: this.sortDirection });\n    }\n    updateColspan() {\n        if (this.colspan) {\n            this.host.style.gridColumn = `span ${this.colspan}`;\n        }\n        else {\n            this.host.style.removeProperty(\"grid-column\");\n        }\n    }\n    componentWillLoad() {\n        this.updateColspan();\n    }\n    render() {\n        return (h(Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: \"columnheader\", \"menu-open\": this.isMenuOpen, \"aria-sort\": this.ariaSortDirection, sortable: this.showSorting }, h(\"div\", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: \"cell--content\" }, h(\"slot\", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (h(\"button\", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: \"z-th--sort-button\", type: \"button\", onClick: this.handleSort.bind(this) }, h(\"z-icon\", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\", width: 14, height: 14 }))), this.showMenu && (h(\"div\", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: \"cell--menu-container\" }, h(\"z-button\", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: ButtonVariant.TERTIARY, icon: \"contextual-menu\", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h(\"z-popover\", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h(\"slot\", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: \"contextual-menu\" })))))));\n    }\n    static get is() { return \"z-th\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"colspan\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of columns that the cell should span.\"\n                },\n                \"attribute\": \"colspan\",\n                \"reflect\": false\n            },\n            \"showMenu\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"VisibilityCondition\",\n                    \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n                    \"references\": {\n                        \"VisibilityCondition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables the contextual menu.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the menu button.\"\n                },\n                \"attribute\": \"show-menu\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"showSorting\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"VisibilityCondition\",\n                    \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n                    \"references\": {\n                        \"VisibilityCondition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables the sorting button.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the sort button.\"\n                },\n                \"attribute\": \"show-sorting\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether the cell should stick.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"sortDirection\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SortDirection\",\n                    \"resolved\": \"SortDirection.ASC | SortDirection.DESC\",\n                    \"references\": {\n                        \"SortDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::SortDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Current sorting direction.\"\n                },\n                \"attribute\": \"sort-direction\",\n                \"reflect\": false\n            },\n            \"sorted\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean | null\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sorted state of the column.\"\n                },\n                \"attribute\": \"sorted\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"popoverPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PopoverPosition\",\n                    \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n                    \"references\": {\n                        \"PopoverPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::PopoverPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set popover position.\"\n                },\n                \"attribute\": \"popover-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"PopoverPosition.AUTO\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isMenuOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"sort\",\n                \"name\": \"sort\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sort event fired when the user clicks on the sort button.\\nThe sorting logic must be implemented by the app.\\nYou can set an `id` on the `z-th` to easly identify the column in the event listener.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"colspan\",\n                \"methodName\": \"updateColspan\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-Bv51o61T.js

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Cvo0JvVA.js';
-
-const stylesCss = ":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-background\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";
-
-const ZThead = /*@__PURE__*/ proxyCustomElement(class ZThead extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sticky = false;
-    }
-    render() {
-        return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: "rowgroup" }, h("slot", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));
-    }
-    static get style() { return stylesCss; }
-}, [1, "z-thead", {
-        "sticky": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-thead"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-thead":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZThead);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZThead as Z, defineCustomElement as d };
-//# sourceMappingURL=p-Bv51o61T.js.map
-
-//# sourceMappingURL=p-Bv51o61T.js.map

package/dist/components/p-Bv51o61T.js.map

@@ -1 +0,0 @@
-{"file":"p-Bv51o61T.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qRAAqR;;MCK1R,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AACf,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACtB;IACD,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/index.js"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\nexport class ZThead {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: \"rowgroup\" }, h(\"slot\", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));\n    }\n    static get is() { return \"z-thead\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the header will be stuck to the top of the table.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-BwHJP9i2.js

@@ -1,342 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-Cvo0JvVA.js';
-import { P as PopoverPosition, K as KeyboardCode } from './p-Ce7XL4AN.js';
-
-const stylesCss = ":host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open=\"true\"][current-position]){display:flex}:host([center][current-position=\"top\"]),:host([center][current-position=\"bottom\"]){transform:translateX(-50%)}:host([center][current-position=\"right\"]),:host([center][current-position=\"left\"]){transform:translateY(-50%)}:host([current-position^=\"top\"]){margin:0 0 var(--space-unit)}:host([current-position^=\"bottom\"]){margin:var(--space-unit) 0 0}:host([current-position^=\"left\"]){margin:0 var(--space-unit) 0 0}:host([current-position^=\"right\"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:\"\";transform:rotate(45deg)}:host([show-arrow=\"false\"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^=\"top\"])::before{top:var(--arrow-center-y-offset)}:host([current-position^=\"bottom\"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position=\"top\"])::before,:host([current-position=\"bottom\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before,:host([current-position=\"left\"])::before{bottom:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"top_right\"])::before,:host([current-position=\"bottom_right\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"top_left\"])::before,:host([current-position=\"bottom_left\"])::before{left:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"left_top\"])::before{top:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"right_bottom\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left_top\"])::before,:host([current-position=\"left_bottom\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"right_bottom\"])::before,:host([current-position=\"left_bottom\"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position=\"top\"])::before,:host([center][current-position=\"bottom\"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position=\"right\"])::before,:host([center][current-position=\"left\"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}";
-
-const DOCUMENT_ELEMENT = document.documentElement;
-function getParentElement(element) {
-    if (element.parentNode === element.shadowRoot) {
-        return element.shadowRoot.host;
-    }
-    return element.parentElement;
-}
-/**
- * Find the closest scrollable parent of a node.
- *
- * @param {Element} element The node
- */
-function findScrollableParent(element) {
-    let parent = getParentElement(element);
-    while (parent && parent !== DOCUMENT_ELEMENT) {
-        const { overflow, overflowX, overflowY } = window.getComputedStyle(parent);
-        if (overflow === "hidden" || overflowY === "hidden" || overflowX === "hidden") {
-            return parent;
-        }
-        if ((parent.scrollHeight > parent.clientHeight && overflow !== "visible" && overflowY !== "visible") ||
-            (parent.scrollWidth > parent.clientWidth && overflow !== "visible" && overflowX !== "visible")) {
-            return parent;
-        }
-        parent = getParentElement(parent);
-    }
-    return DOCUMENT_ELEMENT;
-}
-/**
- * Calculate computed offset.
- * It includes matrix transformations.
- * @param element The target element.
- * @param targetParentOffset The relative offset parent.
- * @return A client rect object.
- */
-function computeOffset(element, targetParentOffset) {
-    const rect = element.getBoundingClientRect();
-    const width = rect.width;
-    const height = rect.height;
-    let top = 0;
-    let left = 0;
-    let offsetParent = element;
-    while (offsetParent && offsetParent != targetParentOffset) {
-        left += offsetParent.offsetLeft;
-        // document.body sometimes has offsetTop == 0 but still has an
-        // offset because of children margins!
-        if (offsetParent === document.body) {
-            top += offsetParent.getBoundingClientRect().top + window.scrollY;
-        }
-        else {
-            top += offsetParent.offsetTop;
-        }
-        if (window.DOMMatrix) {
-            const style = window.getComputedStyle(offsetParent);
-            const transform = style.transform || style.webkitTransform;
-            const domMatrix = new DOMMatrix(transform);
-            if (domMatrix) {
-                left += domMatrix.m41;
-                if (offsetParent !== document.body) {
-                    top += domMatrix.m42;
-                }
-            }
-        }
-        if (!offsetParent.offsetParent) {
-            break;
-        }
-        offsetParent = offsetParent.offsetParent;
-    }
-    let parentWidth;
-    let parentHeight;
-    if (offsetParent === document.body) {
-        parentWidth = window.innerWidth;
-        parentHeight = window.innerHeight;
-    }
-    else {
-        parentWidth = offsetParent.offsetWidth;
-        parentHeight = offsetParent.offsetHeight;
-    }
-    const right = parentWidth - left - rect.width;
-    const bottom = parentHeight - top - rect.height;
-    return { top, right, bottom, left, width, height };
-}
-const ZPopover = /*@__PURE__*/ proxyCustomElement(class ZPopover extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.positionChange = createEvent(this, "positionChange", 7);
-        this.openChange = createEvent(this, "openChange", 7);
-        this.position = PopoverPosition.AUTO;
-        this.open = false;
-        this.bindTo = undefined;
-        this.showArrow = false;
-        this.center = false;
-        this.closable = true;
-        this.currentPosition = undefined;
-    }
-    closePopoverWithKeyboard(e) {
-        if (this.closable && e.key === KeyboardCode.ESC) {
-            this.open = false;
-        }
-    }
-    /**
-     * Close the popover when clicking outside of its content.
-     * Stop event propagation if the click was fired by popover's trigger element,
-     * to prevent close and reopen glitches.
-     * @param {MouseEvent} e
-     */
-    handleOutsideClick(e) {
-        if (!this.closable || !this.open) {
-            return;
-        }
-        if (!e.composedPath().includes(this.host)) {
-            const target = e.target;
-            const triggerElemClicked = this.bindTo instanceof H ? this.bindTo.contains(target) : target.closest(this.bindTo);
-            if (triggerElemClicked) {
-                e.stopPropagation();
-            }
-            this.open = false;
-            this.positionChange.emit({ position: this.currentPosition });
-        }
-    }
-    validatePosition(newValue) {
-        if (newValue && !Object.values(PopoverPosition).includes(newValue)) {
-            this.position = PopoverPosition.AUTO;
-        }
-        this.currentPosition = this.position;
-        this.positionChange.emit({ position: this.currentPosition });
-    }
-    /**
-     * Setup popover behaviors on opening.
-     */
-    onOpen() {
-        cancelAnimationFrame(this.animationFrameRequestId);
-        if (this.open) {
-            const setPosition = () => {
-                if (this.open) {
-                    this.setPosition();
-                    this.animationFrameRequestId = requestAnimationFrame(setPosition);
-                }
-            };
-            setPosition();
-        }
-        else if (this.host.hasAttribute("current-position")) {
-            this.host.removeAttribute("current-position");
-            this.currentPosition = undefined;
-        }
-        this.openChange.emit({ open: this.open });
-    }
-    disconnectedCallback() {
-        cancelAnimationFrame(this.animationFrameRequestId);
-    }
-    /**
-     * Set the position of the popover.
-     */
-    setPosition() {
-        let element;
-        if (typeof this.bindTo === "string") {
-            element = this.host.ownerDocument.querySelector(this.bindTo);
-        }
-        else if (this.bindTo) {
-            element = this.bindTo;
-        }
-        else {
-            element = this.host.parentElement;
-        }
-        if (!element) {
-            return;
-        }
-        const scrollContainer = findScrollableParent(element);
-        const scrollingBoundingRect = scrollContainer.getBoundingClientRect();
-        const offsetContainer = this.host.offsetParent;
-        const relativeBoundingRect = offsetContainer
-            ? computeOffset(offsetContainer, scrollContainer)
-            : { top: 0, right: 0, bottom: 0, left: 0 };
-        const boundingRect = computeOffset(element, scrollContainer);
-        const top = boundingRect.top - scrollContainer.scrollTop;
-        const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;
-        const left = boundingRect.left - scrollContainer.scrollLeft;
-        const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;
-        const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);
-        const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);
-        const availableTop = Math.min(top, top + scrollingBoundingRect.top);
-        const availableBottom = Math.min(bottom, bottom - overflowBottom);
-        const availableLeft = Math.min(left, left + scrollingBoundingRect.left);
-        const availableRight = Math.min(right, right - overflowRight);
-        const availableHeight = availableTop + availableBottom + boundingRect.height;
-        const availableWidth = availableLeft + availableRight + boundingRect.width;
-        let position = this.currentPosition;
-        const positions = [];
-        if (this.position === PopoverPosition.AUTO) {
-            /**
-             * The `AUTO` position tries to place the popover in the 'safest' area,
-             * where there's more space available.
-             */
-            if (availableLeft / availableWidth > 0.6) {
-                positions.push(PopoverPosition.LEFT);
-            }
-            else if (availableLeft / availableWidth < 0.4) {
-                positions.push(PopoverPosition.RIGHT);
-            }
-            if (availableTop / availableHeight > 0.9) {
-                positions.unshift(PopoverPosition.TOP);
-            }
-            else if (availableTop / availableHeight > 0.6) {
-                positions.push(PopoverPosition.TOP);
-            }
-            else if (availableTop / availableHeight < 0.1) {
-                positions.unshift(PopoverPosition.BOTTOM);
-            }
-            else {
-                positions.push(PopoverPosition.BOTTOM);
-            }
-            position = positions.join("_");
-        }
-        const style = this.host.style;
-        style.position = "absolute";
-        const offsetTop = boundingRect.top - relativeBoundingRect.top;
-        const offsetRight = boundingRect.right - relativeBoundingRect.right;
-        const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;
-        const offsetLeft = boundingRect.left - relativeBoundingRect.left;
-        const offsetModifier = this.center ? 0.5 : 0;
-        const sizeModifier = this.center ? 0.5 : 0;
-        if (position === PopoverPosition.TOP || position === PopoverPosition.TOP_RIGHT) {
-            style.top = "auto";
-            style.right = "auto";
-            style.bottom = `${offsetBottom + boundingRect.height}px`;
-            style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
-            style.maxHeight = `${availableTop}px`;
-            if (position === PopoverPosition.TOP_RIGHT) {
-                style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
-            }
-        }
-        else if (position === PopoverPosition.TOP_LEFT) {
-            style.top = "auto";
-            style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
-            style.bottom = `${offsetBottom + boundingRect.height}px`;
-            style.left = "auto";
-            style.maxWidth = `${availableLeft}px`;
-            style.maxHeight = `${availableTop}px`;
-        }
-        else if (position === PopoverPosition.BOTTOM || position === PopoverPosition.BOTTOM_RIGHT) {
-            style.top = `${offsetTop + boundingRect.height}px`;
-            style.right = "auto";
-            style.bottom = "auto";
-            style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
-            style.maxHeight = `${availableBottom}px`;
-            if (position === PopoverPosition.BOTTOM_RIGHT) {
-                style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
-            }
-        }
-        else if (position === PopoverPosition.BOTTOM_LEFT) {
-            style.top = `${offsetTop + boundingRect.height}px`;
-            style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
-            style.bottom = "auto";
-            style.left = "auto";
-            style.maxWidth = `${availableLeft}px`;
-            style.maxHeight = `${availableBottom}px`;
-        }
-        else if (position === PopoverPosition.RIGHT || position === PopoverPosition.RIGHT_BOTTOM) {
-            style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
-            style.right = "auto";
-            style.bottom = "auto";
-            style.left = `${offsetLeft + boundingRect.width}px`;
-            style.maxWidth = `${availableRight}px`;
-            style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
-        }
-        else if (position === PopoverPosition.RIGHT_TOP) {
-            style.top = "auto";
-            style.right = "auto";
-            style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;
-            style.left = `${offsetLeft + boundingRect.width}px`;
-            style.maxWidth = `${availableRight}px`;
-            style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;
-        }
-        else if (position === PopoverPosition.LEFT || position === PopoverPosition.LEFT_BOTTOM) {
-            style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
-            style.right = `${offsetRight + boundingRect.width}px`;
-            style.bottom = "auto";
-            style.left = "auto";
-            style.maxWidth = `${availableLeft}px`;
-            style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
-        }
-        else if (position === PopoverPosition.LEFT_TOP) {
-            style.top = "auto";
-            style.right = `${offsetRight + boundingRect.width}px`;
-            style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;
-            style.left = "auto";
-            style.maxWidth = `${availableLeft}px`;
-            style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;
-        }
-        this.currentPosition = position || this.position;
-        this.host.setAttribute("current-position", this.currentPosition);
-    }
-    componentWillLoad() {
-        this.validatePosition(this.position);
-        this.onOpen();
-    }
-    render() {
-        return h("slot", { key: 'f7f6f81dc2698b5d560503a984dcd47e377de0bc' });
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "position": ["validatePosition"],
-        "open": ["onOpen"]
-    }; }
-    static get style() { return stylesCss; }
-}, [1, "z-popover", {
-        "position": [513],
-        "open": [1540],
-        "bindTo": [1, "bind-to"],
-        "showArrow": [516, "show-arrow"],
-        "center": [516],
-        "closable": [4],
-        "currentPosition": [32]
-    }, [[8, "keyup", "closePopoverWithKeyboard"], [18, "click", "handleOutsideClick"]], {
-        "position": ["validatePosition"],
-        "open": ["onOpen"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-popover":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZPopover);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZPopover as Z, defineCustomElement as d };
-//# sourceMappingURL=p-BwHJP9i2.js.map
-
-//# sourceMappingURL=p-BwHJP9i2.js.map