@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/components/p-DnbQxkNk.js

@@ -0,0 +1,63 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+import { x as LicenseType } from './p-Bla2iV_L.js';
+
+const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name=\"aria-heading\"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}";
+
+const ZMyzCardHeader = /*@__PURE__*/ proxyCustomElement(class ZMyzCardHeader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.titolo = undefined;
+        this.faded = undefined;
+        this.cardtype = undefined;
+        this.allowTooltip = false;
+    }
+    getTitle() {
+        return this.allowTooltip ? this.titolo : "";
+    }
+    componentDidLoad() {
+        if (this.elementHasEllipsis()) {
+            this.allowTooltip = true;
+        }
+    }
+    elementHasEllipsis() {
+        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
+    }
+    retrieveClass() {
+        return {
+            real: this.cardtype === LicenseType.REAL,
+            trial: this.cardtype === LicenseType.TRIAL,
+            temp: this.cardtype === LicenseType.TEMP,
+            faded: this.faded,
+        };
+    }
+    render() {
+        return (h("header", { key: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, h("slot", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: "aria-heading" }), h("span", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: "icon" })));
+    }
+    static get style() { return stylesCss; }
+}, [1, "z-myz-card-header", {
+        "titolo": [1],
+        "faded": [4],
+        "cardtype": [1],
+        "allowTooltip": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-myz-card-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-myz-card-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZMyzCardHeader);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { ZMyzCardHeader as Z, defineCustomElement as d };
+//# sourceMappingURL=p-DnbQxkNk.js.map
+
+//# sourceMappingURL=p-DnbQxkNk.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DnbQxkNk.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,43CAA43C;;MCKj4C,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AACvB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAC5B;IACD,QAAQ,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE;;IAE/C,gBAAgB,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;AAC3B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;;IAGhC,kBAAkB,GAAA;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;;IAEhE,aAAa,GAAA;QACT,OAAO;AACH,YAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;AACxC,YAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;AAC1C,YAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;SACpB;;IAEL,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,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/snowflakes/myz/card/z-myz-card-header/styles.css?tag=z-myz-card-header&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js"],"sourcesContent":["header {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);\n}\n\nslot[name=\"aria-heading\"]::slotted(*) {\n  position: absolute;\n  overflow: hidden !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 none !important;\n  margin: -1px !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n}\n\nheader.real,\nheader.trial,\nheader.temp {\n  border-bottom: var(--border-size-medium) solid var(--blue100);\n  background-color: var(--color-primary03);\n}\n\n.card-title {\n  overflow: hidden;\n  height: calc(var(--space-unit) * 2);\n  padding: calc(var(--space-unit) * 2);\n  margin: 0;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.22px;\n  line-height: calc(var(--space-unit) * 2);\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.faded {\n  border-bottom: var(--border-size-medium) solid var(--color-background);\n}\n\n.faded.real,\n.faded.trial,\n.faded.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n  border-right: var(--border-size-medium) solid var(--blue100);\n  border-left: var(--border-size-medium) solid var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot icon - card header icon slot\n */\nexport class ZMyzCardHeader {\n    constructor() {\n        this.titolo = undefined;\n        this.faded = undefined;\n        this.cardtype = undefined;\n        this.allowTooltip = false;\n    }\n    getTitle() {\n        return this.allowTooltip ? this.titolo : \"\";\n    }\n    componentDidLoad() {\n        if (this.elementHasEllipsis()) {\n            this.allowTooltip = true;\n        }\n    }\n    elementHasEllipsis() {\n        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n    }\n    retrieveClass() {\n        return {\n            real: this.cardtype === LicenseType.REAL,\n            trial: this.cardtype === LicenseType.TRIAL,\n            temp: this.cardtype === LicenseType.TEMP,\n            faded: this.faded,\n        };\n    }\n    render() {\n        return (h(\"header\", { key: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, h(\"slot\", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: \"aria-heading\" }), h(\"span\", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: \"card-title\", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h(\"slot\", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: \"icon\" })));\n    }\n    static get is() { return \"z-myz-card-header\"; }\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            \"titolo\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"volume title\"\n                },\n                \"attribute\": \"titolo\",\n                \"reflect\": false\n            },\n            \"faded\": {\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\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"cardtype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LicenseType\",\n                    \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n                    \"references\": {\n                        \"LicenseType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::LicenseType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card graphic variant (optional)\"\n                },\n                \"attribute\": \"cardtype\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"allowTooltip\": {}\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-Dog_NtRb.js

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$1 } from './p-DexdQ2O9.js';
+
+const stylesCss = ":host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status=\"success\"]){color:var(--color-hover-success)}:host([status=\"error\"]){color:var(--color-hover-error)}:host([status=\"warning\"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}";
+
+const ZInputMessage = /*@__PURE__*/ proxyCustomElement(class ZInputMessage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.statusIcons = {
+            success: "checkmark-circle",
+            error: "multiply-circled",
+            warning: "exclamation-circle",
+        };
+        this.message = undefined;
+        this.status = undefined;
+        this.disabled = undefined;
+        this.statusRole = {};
+    }
+    onMessageChange() {
+        this.statusRole = this.message && this.status ? { role: "alert" } : {};
+    }
+    componentWillLoad() {
+        this.onMessageChange();
+    }
+    render() {
+        return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h("span", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));
+    }
+    static get watchers() { return {
+        "message": ["onMessageChange"],
+        "status": ["onMessageChange"]
+    }; }
+    static get style() { return stylesCss; }
+}, [1, "z-input-message", {
+        "message": [1],
+        "status": [513],
+        "disabled": [516],
+        "statusRole": [32]
+    }, undefined, {
+        "message": ["onMessageChange"],
+        "status": ["onMessageChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-input-message", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-input-message":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZInputMessage);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { ZInputMessage as Z, defineCustomElement as d };
+//# sourceMappingURL=p-Dog_NtRb.js.map
+
+//# sourceMappingURL=p-Dog_NtRb.js.map

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

@@ -0,0 +1 @@
+{"file":"p-Dog_NtRb.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,o7BAAo7B;;MCCz7B,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AACtB,IAAA,WAAA,GAAA;;;;QACI,IAAI,CAAC,WAAW,GAAG;AACf,YAAA,OAAO,EAAE,kBAAkB;AAC3B,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,OAAO,EAAE,oBAAoB;SAChC;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;AACvB;IACD,eAAe,GAAA;QACX,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;;IAE1E,iBAAiB,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;;IAE1B,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,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/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input-message/index.js"],"sourcesContent":[":host {\n  display: flex;\n  min-height: calc(var(--space-unit) * 2.5);\n  align-items: start;\n  margin-top: var(--space-unit);\n  color: var(--color-default-text);\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n  margin-top: calc(var(--space-unit) * 0.5);\n  font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n  color: var(--color-hover-success);\n}\n\n:host([status=\"error\"]) {\n  color: var(--color-hover-error);\n}\n\n:host([status=\"warning\"]) {\n  color: var(--color-hover-warning);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n  --z-icon-right-margin: var(--space-unit);\n\n  margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n\n:host([disabled]) {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZInputMessage {\n    constructor() {\n        this.statusIcons = {\n            success: \"checkmark-circle\",\n            error: \"multiply-circled\",\n            warning: \"exclamation-circle\",\n        };\n        this.message = undefined;\n        this.status = undefined;\n        this.disabled = undefined;\n        this.statusRole = {};\n    }\n    onMessageChange() {\n        this.statusRole = this.message && this.status ? { role: \"alert\" } : {};\n    }\n    componentWillLoad() {\n        this.onMessageChange();\n    }\n    render() {\n        return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { \"aria-label\": this.message }), this.statusIcons[this.status] && this.message && h(\"z-icon\", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h(\"span\", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));\n    }\n    static get is() { return \"z-input-message\"; }\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            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input helper message\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputStatus\",\n                    \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n                    \"references\": {\n                        \"InputStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::InputStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input status (optional)\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": true\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input disabled status (optional)\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"statusRole\": {}\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"message\",\n                \"methodName\": \"onMessageChange\"\n            }, {\n                \"propName\": \"status\",\n                \"methodName\": \"onMessageChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-Du5IymMo.js

@@ -0,0 +1,87 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-Dxu5saXC.js';
+import { P as PopoverPosition, C as ControlSize, B as ButtonVariant } from './p-Bla2iV_L.js';
+import { d as defineCustomElement$3 } from './p-C79F56iB.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$1 } from './p-wdrm-LLt.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}}";
+
+const ZTd = /*@__PURE__*/ proxyCustomElement(class ZTd extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.colspanChange = createEvent(this, "colspanChange", 6);
+        this.colspan = undefined;
+        this.sticky = false;
+        this.showMenu = null;
+        this.popoverPosition = PopoverPosition.AUTO;
+        this.isMenuOpen = false;
+    }
+    updateColspan() {
+        if (this.colspan) {
+            this.host.style.gridColumn = `span ${this.colspan}`;
+        }
+        else {
+            this.host.style.removeProperty("grid-column");
+        }
+        this.colspanChange.emit(this.colspan || 1);
+    }
+    onMenuButtonClick(ev) {
+        ev.stopPropagation();
+        this.popoverEl.open = !this.popoverEl.open;
+    }
+    componentWillLoad() {
+        this.updateColspan();
+    }
+    render() {
+        return (h(Host, { key: 'c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'f503630802052c5c3566b725aba40ea0923d60da', class: "cell--content" }, h("slot", { key: 'e26dc22a7b21eef5475d10124312384593957bf8' }), this.showMenu && (h("div", { key: '4c7204766c53e4502ff24e51e9ea751620246278', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '3d0f59414241c2b195dd45cf74f678b15e957cac', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '68d2f577c442c9a72009dd6365cd4182e9333d5a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'c90cf570174b2e2af659ae02e217d725a1951cb4', name: "contextual-menu" })))))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "colspan": ["updateColspan"]
+    }; }
+    static get style() { return stylesCss; }
+}, [1, "z-td", {
+        "colspan": [2],
+        "sticky": [516],
+        "showMenu": [513, "show-menu"],
+        "popoverPosition": [1, "popover-position"],
+        "isMenuOpen": [32]
+    }, undefined, {
+        "colspan": ["updateColspan"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-td", "z-button", "z-icon", "z-popover"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-td":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZTd);
+            }
+            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 { ZTd as Z, defineCustomElement as d };
+//# sourceMappingURL=p-Du5IymMo.js.map
+
+//# sourceMappingURL=p-Du5IymMo.js.map

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

@@ -0,0 +1 @@
+{"file":"p-Du5IymMo.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,2hCAA2hC;;MCMhiC,GAAG,iBAAAA,kBAAA,CAAA,MAAA,GAAA,SAAAC,CAAA,CAAA;AACZ,IAAA,WAAA,GAAA;;;;;AACI,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC,IAAI;AAC3C,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AAC1B;IACD,aAAa,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,OAAO,CAAA,CAAE;;aAElD;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;;QAEjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;;AAE9C,IAAA,iBAAiB,CAAC,EAAE,EAAA;QAChB,EAAE,CAAC,eAAe,EAAE;QACpB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI;;IAE9C,iBAAiB,GAAA;QACb,IAAI,CAAC,aAAa,EAAE;;IAExB,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qCAAqC,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,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/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-td/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","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, PopoverPosition } from \"../../../../beans\";\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\nexport class ZTd {\n    constructor() {\n        this.colspan = undefined;\n        this.sticky = false;\n        this.showMenu = null;\n        this.popoverPosition = PopoverPosition.AUTO;\n        this.isMenuOpen = false;\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        this.colspanChange.emit(this.colspan || 1);\n    }\n    onMenuButtonClick(ev) {\n        ev.stopPropagation();\n        this.popoverEl.open = !this.popoverEl.open;\n    }\n    componentWillLoad() {\n        this.updateColspan();\n    }\n    render() {\n        return (h(Host, { key: 'c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3', role: \"cell\", \"menu-open\": this.isMenuOpen }, h(\"div\", { key: 'f503630802052c5c3566b725aba40ea0923d60da', class: \"cell--content\" }, h(\"slot\", { key: 'e26dc22a7b21eef5475d10124312384593957bf8' }), this.showMenu && (h(\"div\", { key: '4c7204766c53e4502ff24e51e9ea751620246278', class: \"cell--menu-container prevent-expand\" }, h(\"z-button\", { key: '3d0f59414241c2b195dd45cf74f678b15e957cac', variant: ButtonVariant.TERTIARY, icon: \"contextual-menu\", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h(\"z-popover\", { key: '68d2f577c442c9a72009dd6365cd4182e9333d5a', class: \"cell-popover\", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h(\"slot\", { key: 'c90cf570174b2e2af659ae02e217d725a1951cb4', name: \"contextual-menu\" })))))));\n    }\n    static get is() { return \"z-td\"; }\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            \"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            \"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            \"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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set the popover position, the default is \\\"auto\\\".\"\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\": \"colspanChange\",\n                \"name\": \"colspanChange\",\n                \"bubbles\": true,\n                \"cancelable\": false,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value of the `colspan` changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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}