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

package/dist/cjs/z-slideshow.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-slideshow.entry.cjs.js","mappings":"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","names":["convertJson","getDevice","Device","h","handleKeyboardSubmit"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/index.js"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  flex-direction: column;\n}\n\nmain {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\nmain z-icon.scroll {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  width: auto;\n  margin: 0 var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\nmain .scroll.right {\n  right: 0;\n}\n\n#slides {\n  display: flex;\n  flex-wrap: wrap;\n  line-height: 0px;\n  overflow-y: hidden;\n  transition: all 300ms;\n}\n\nfooter {\n  display: grid;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  border-top: var(--border-size-medium) solid var(--color-background);\n  grid-template: 2 / 2;\n  grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n  width: 100%;\n  align-items: center;\n}\n\nfooter .footer-center {\n  grid-area: center;\n}\n\nfooter .footer-left {\n  grid-area: left;\n}\n\nfooter .footer-right {\n  grid-area: right;\n}\n\nfooter .bullet-container {\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n  width: 8px;\n  height: 8px;\n  margin: var(--space-unit) 2px;\n  background-color: var(--gray200);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n  background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n  footer {\n    height: 76px;\n    border-top: var(--border-size-medium) solid var(--color-background);\n    grid-template: 1 / 1fr 2fr 1fr;\n    grid-template-areas: \"left center right\";\n  }\n\n  footer .bullet-container .bullet {\n    width: 10px;\n    height: 10px;\n    margin: var(--space-unit) 3px;\n  }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n  main z-icon.scroll {\n    margin: 0 10px;\n  }\n\n  footer .bullet-container .bullet {\n    width: 16px;\n    height: 16px;\n    margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n    cursor: pointer;\n    pointer-events: auto;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport { Device } from \"../../../beans\";\nimport { convertJson, getDevice, handleKeyboardSubmit } from \"../../../utils/utils\";\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data) {\n    return Array.isArray(data) && data.every((datum) => typeof datum === \"string\");\n}\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\nexport class ZSlideshow {\n    constructor() {\n        this.slideshowid = undefined;\n        this.data = undefined;\n        this.device = undefined;\n        this.currentSlide = 0;\n    }\n    watchData() {\n        this.parseLinks();\n    }\n    componentWillLoad() {\n        this.parseLinks();\n        this.setDevice();\n        window.addEventListener(\"resize\", this.handleResize.bind(this));\n    }\n    componentDidRender() {\n        this.setStyle();\n    }\n    handleResize() {\n        this.setDevice();\n        this.setStyle();\n    }\n    parseLinks() {\n        var _a;\n        switch (typeof this.data) {\n            case \"string\": {\n                const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];\n                if (!isStringArray(parsed)) {\n                    throw new Error(\"Passed data is invalid\");\n                }\n                this.links = parsed;\n                break;\n            }\n            default:\n                this.links = this.data;\n                break;\n        }\n    }\n    setStyle() {\n        const refSlides = this.el.shadowRoot.querySelector(\"#slides\");\n        if (!refSlides) {\n            return;\n        }\n        const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n        const width = this.el.offsetWidth;\n        const fullwidth = width * this.links.length;\n        refSlides.style.width = `${fullwidth}px`;\n        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n        allImages.forEach((item) => {\n            const img = item.querySelector(\"img\");\n            img.style.width = `${width}px`;\n        });\n    }\n    setDevice() {\n        this.device = getDevice();\n    }\n    setCurrentSlide(index) {\n        this.currentSlide = index;\n    }\n    getBulletDimension() {\n        switch (this.device) {\n            case Device.MOBILE:\n                return 24;\n            case Device.TABLET:\n                return 32;\n            default:\n                return 40;\n        }\n    }\n    renderSlides(items) {\n        return (h(\"div\", { id: \"slides\" }, items.map((item, i) => (h(\"div\", { id: \"slide\" + i, class: `slide ${this.currentSlide !== i && \"hide\"}` }, h(\"img\", { src: item }))))));\n    }\n    renderScroll(direction) {\n        let disabled = false, nextSlide = this.currentSlide;\n        if (direction === \"left\") {\n            disabled = this.currentSlide === 0;\n            nextSlide--;\n        }\n        else if (direction === \"right\") {\n            disabled = this.currentSlide === this.links.length - 1;\n            nextSlide++;\n        }\n        return (h(\"z-icon\", { class: `scroll ${direction} ${disabled && \"disabled\"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {\n                !disabled && this.setCurrentSlide(nextSlide);\n            }, onKeyUp: (e) => !disabled &&\n                handleKeyboardSubmit(e, () => {\n                    this.setCurrentSlide(nextSlide);\n                }), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowMain() {\n        return (h(\"main\", null, this.renderScroll(\"left\"), this.renderSlides(this.links), this.renderScroll(\"right\")));\n    }\n    renderBullet(i) {\n        return (h(\"a\", { class: `bullet ${this.currentSlide === i && \"selected\"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowFooter() {\n        return (h(\"footer\", null, h(\"div\", { class: \"footer-left\" }, h(\"slot\", { name: \"footer-left\" })), h(\"div\", { class: \"footer-center\" }, h(\"div\", { class: \"bullet-container\" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h(\"div\", { class: \"footer-right\" }, h(\"slot\", { name: \"footer-right\" }))));\n    }\n    render() {\n        if (!this.links || !this.links.length) {\n            return h(\"div\", null);\n        }\n        return (h(\"div\", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));\n    }\n    static get is() { return \"z-slideshow\"; }\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            \"slideshowid\": {\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\": \"slideshow id\"\n                },\n                \"attribute\": \"slideshowid\",\n                \"reflect\": false\n            },\n            \"data\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string[] | string\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"array or JSON stringified images urls\"\n                },\n                \"attribute\": \"data\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"device\": {},\n            \"currentSlide\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"data\",\n                \"methodName\": \"watchData\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-slideshow.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-slideshow.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/index.js"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  flex-direction: column;\n}\n\nmain {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\nmain z-icon.scroll {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  width: auto;\n  margin: 0 var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\nmain .scroll.right {\n  right: 0;\n}\n\n#slides {\n  display: flex;\n  flex-wrap: wrap;\n  line-height: 0px;\n  overflow-y: hidden;\n  transition: all 300ms;\n}\n\nfooter {\n  display: grid;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  border-top: var(--border-size-medium) solid var(--color-background);\n  grid-template: 2 / 2;\n  grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n  width: 100%;\n  align-items: center;\n}\n\nfooter .footer-center {\n  grid-area: center;\n}\n\nfooter .footer-left {\n  grid-area: left;\n}\n\nfooter .footer-right {\n  grid-area: right;\n}\n\nfooter .bullet-container {\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n  width: 8px;\n  height: 8px;\n  margin: var(--space-unit) 2px;\n  background-color: var(--gray200);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n  background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n  footer {\n    height: 76px;\n    border-top: var(--border-size-medium) solid var(--color-background);\n    grid-template: 1 / 1fr 2fr 1fr;\n    grid-template-areas: \"left center right\";\n  }\n\n  footer .bullet-container .bullet {\n    width: 10px;\n    height: 10px;\n    margin: var(--space-unit) 3px;\n  }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n  main z-icon.scroll {\n    margin: 0 10px;\n  }\n\n  footer .bullet-container .bullet {\n    width: 16px;\n    height: 16px;\n    margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n    cursor: pointer;\n    pointer-events: auto;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport { Device } from \"../../../beans\";\nimport { convertJson, getDevice, handleKeyboardSubmit } from \"../../../utils/utils\";\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data) {\n    return Array.isArray(data) && data.every((datum) => typeof datum === \"string\");\n}\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\nexport class ZSlideshow {\n    constructor() {\n        this.slideshowid = undefined;\n        this.data = undefined;\n        this.device = undefined;\n        this.currentSlide = 0;\n    }\n    watchData() {\n        this.parseLinks();\n    }\n    componentWillLoad() {\n        this.parseLinks();\n        this.setDevice();\n        window.addEventListener(\"resize\", this.handleResize.bind(this));\n    }\n    componentDidRender() {\n        this.setStyle();\n    }\n    handleResize() {\n        this.setDevice();\n        this.setStyle();\n    }\n    parseLinks() {\n        var _a;\n        switch (typeof this.data) {\n            case \"string\": {\n                const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];\n                if (!isStringArray(parsed)) {\n                    throw new Error(\"Passed data is invalid\");\n                }\n                this.links = parsed;\n                break;\n            }\n            default:\n                this.links = this.data;\n                break;\n        }\n    }\n    setStyle() {\n        const refSlides = this.el.shadowRoot.querySelector(\"#slides\");\n        if (!refSlides) {\n            return;\n        }\n        const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n        const width = this.el.offsetWidth;\n        const fullwidth = width * this.links.length;\n        refSlides.style.width = `${fullwidth}px`;\n        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n        allImages.forEach((item) => {\n            const img = item.querySelector(\"img\");\n            img.style.width = `${width}px`;\n        });\n    }\n    setDevice() {\n        this.device = getDevice();\n    }\n    setCurrentSlide(index) {\n        this.currentSlide = index;\n    }\n    getBulletDimension() {\n        switch (this.device) {\n            case Device.MOBILE:\n                return 24;\n            case Device.TABLET:\n                return 32;\n            default:\n                return 40;\n        }\n    }\n    renderSlides(items) {\n        return (h(\"div\", { id: \"slides\" }, items.map((item, i) => (h(\"div\", { id: \"slide\" + i, class: `slide ${this.currentSlide !== i && \"hide\"}` }, h(\"img\", { src: item }))))));\n    }\n    renderScroll(direction) {\n        let disabled = false, nextSlide = this.currentSlide;\n        if (direction === \"left\") {\n            disabled = this.currentSlide === 0;\n            nextSlide--;\n        }\n        else if (direction === \"right\") {\n            disabled = this.currentSlide === this.links.length - 1;\n            nextSlide++;\n        }\n        return (h(\"z-icon\", { class: `scroll ${direction} ${disabled && \"disabled\"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {\n                !disabled && this.setCurrentSlide(nextSlide);\n            }, onKeyUp: (e) => !disabled &&\n                handleKeyboardSubmit(e, () => {\n                    this.setCurrentSlide(nextSlide);\n                }), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowMain() {\n        return (h(\"main\", null, this.renderScroll(\"left\"), this.renderSlides(this.links), this.renderScroll(\"right\")));\n    }\n    renderBullet(i) {\n        return (h(\"a\", { class: `bullet ${this.currentSlide === i && \"selected\"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowFooter() {\n        return (h(\"footer\", null, h(\"div\", { class: \"footer-left\" }, h(\"slot\", { name: \"footer-left\" })), h(\"div\", { class: \"footer-center\" }, h(\"div\", { class: \"bullet-container\" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h(\"div\", { class: \"footer-right\" }, h(\"slot\", { name: \"footer-right\" }))));\n    }\n    render() {\n        if (!this.links || !this.links.length) {\n            return h(\"div\", null);\n        }\n        return (h(\"div\", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));\n    }\n    static get is() { return \"z-slideshow\"; }\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            \"slideshowid\": {\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\": \"slideshow id\"\n                },\n                \"attribute\": \"slideshowid\",\n                \"reflect\": false\n            },\n            \"data\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string[] | string\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"array or JSON stringified images urls\"\n                },\n                \"attribute\": \"data\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"device\": {},\n            \"currentSlide\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"data\",\n                \"methodName\": \"watchData\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["convertJson","getDevice","Device","h","handleKeyboardSubmit"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-stepper-item.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+
+const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
+
+const ZStepperItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.index = undefined;
+        this.href = undefined;
+        this.pressed = undefined;
+        this.checked = undefined;
+        this.disabled = undefined;
+    }
+    getAttributes() {
+        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
+        const role = href ? { role: "link" } : undefined;
+        const current = this.pressed && !this.disabled ? { ariaCurrent: "step" } : undefined;
+        const tabindex = this.pressed || this.href === "" ? { tabindex: -1 } : undefined;
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: "listitem" }, index.h("button", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, index.h("slot", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));
+    }
+};
+ZStepperItem.style = stylesCss;
+
+exports.z_stepper_item = ZStepperItem;
+//# sourceMappingURL=z-stepper-item.entry.cjs.js.map
+
+//# sourceMappingURL=z-stepper-item.cjs.entry.js.map

package/dist/cjs/z-stepper-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-stepper-item.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,+vFAA+vF;;MCCpwF,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AAC5B;IACD,aAAa,GAAA;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS;AACtH,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,SAAS;QACpF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS;AAChF,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;;IAExG,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,OAAO,GAAGA,OAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;","names":["h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/index.js"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-hover-primary);\n  background: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-default-success);\n  color: var(--color-default-success);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-default-success);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZStepperItem {\n    constructor() {\n        this.index = undefined;\n        this.href = undefined;\n        this.pressed = undefined;\n        this.checked = undefined;\n        this.disabled = undefined;\n    }\n    getAttributes() {\n        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;\n        const role = href ? { role: \"link\" } : undefined;\n        const current = this.pressed && !this.disabled ? { ariaCurrent: \"step\" } : undefined;\n        const tabindex = this.pressed || this.href === \"\" ? { tabindex: -1 } : undefined;\n        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);\n    }\n    render() {\n        return (h(Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: \"listitem\" }, h(\"button\", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: \"stepper-item\", disabled: this.disabled }, this.getAttributes()), h(\"div\", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: \"indicator\" }, this.checked ? h(\"z-icon\", { name: \"checkmark\" }) : this.index), h(\"span\", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h(\"slot\", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));\n    }\n    static get is() { return \"z-stepper-item\"; }\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            \"index\": {\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\": \"The number of the step item.\"\n                },\n                \"attribute\": \"index\",\n                \"reflect\": false\n            },\n            \"href\": {\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\": \"The href to navigate on click.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"pressed\": {\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\": \"The pressed state of the item.\"\n                },\n                \"attribute\": \"pressed\",\n                \"reflect\": false\n            },\n            \"checked\": {\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\": \"The checked state of the item.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The disabled state of the item.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-stepper-item.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-stepper-item.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/index.js"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-hover-primary);\n  background: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-default-success);\n  color: var(--color-default-success);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-default-success);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZStepperItem {\n    constructor() {\n        this.index = undefined;\n        this.href = undefined;\n        this.pressed = undefined;\n        this.checked = undefined;\n        this.disabled = undefined;\n    }\n    getAttributes() {\n        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;\n        const role = href ? { role: \"link\" } : undefined;\n        const current = this.pressed && !this.disabled ? { ariaCurrent: \"step\" } : undefined;\n        const tabindex = this.pressed || this.href === \"\" ? { tabindex: -1 } : undefined;\n        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);\n    }\n    render() {\n        return (h(Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: \"listitem\" }, h(\"button\", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: \"stepper-item\", disabled: this.disabled }, this.getAttributes()), h(\"div\", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: \"indicator\" }, this.checked ? h(\"z-icon\", { name: \"checkmark\" }) : this.index), h(\"span\", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h(\"slot\", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));\n    }\n    static get is() { return \"z-stepper-item\"; }\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            \"index\": {\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\": \"The number of the step item.\"\n                },\n                \"attribute\": \"index\",\n                \"reflect\": false\n            },\n            \"href\": {\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\": \"The href to navigate on click.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"pressed\": {\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\": \"The pressed state of the item.\"\n                },\n                \"attribute\": \"pressed\",\n                \"reflect\": false\n            },\n            \"checked\": {\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\": \"The checked state of the item.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The disabled state of the item.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,+vFAA+vF;;MCCpwF,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AAC5B;IACD,aAAa,GAAA;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS;AACtH,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,SAAS;QACpF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS;AAChF,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;;IAExG,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,OAAO,GAAGA,OAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-stepper.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+
+const stylesCss = ":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
+
+const ZStepper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: "list" }, index.h("slot", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));
+    }
+};
+ZStepper.style = stylesCss;
+
+exports.z_stepper = ZStepper;
+//# sourceMappingURL=z-stepper.entry.cjs.js.map
+
+//# sourceMappingURL=z-stepper.cjs.entry.js.map

package/dist/cjs/z-stepper.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-stepper.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,mRAAmR;;MCIxR,QAAQ,GAAA,MAAA;;;;IACjB,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","names":["h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * @slot - slot for `z-stepper-item`\n */\nexport class ZStepper {\n    render() {\n        return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: \"list\" }, h(\"slot\", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));\n    }\n    static get is() { return \"z-stepper\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-stepper.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-stepper.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * @slot - slot for `z-stepper-item`\n */\nexport class ZStepper {\n    render() {\n        return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: \"list\" }, h(\"slot\", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));\n    }\n    static get is() { return \"z-stepper\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,mRAAmR;;MCIxR,QAAQ,GAAA,MAAA;;;;IACjB,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-table.cjs.entry.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+require('./z-tbody.entry.cjs.js');
+require('./z-tfoot.entry.cjs.js');
+require('./z-thead.entry.cjs.js');
+require('./z-tr.entry.cjs.js');
+require('./utils-KpWnWsPi.js');
+require('./index-GMHChntS.js');
+require('./breakpoints-B7vFm-3T.js');
+require('./z-td.entry.cjs.js');
+require('./z-th.entry.cjs.js');
+
+const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";
+
+const ZTable = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bordered = false;
+        this.expandable = false;
+    }
+    updateExpandable() {
+        this.expandable = this.host.querySelectorAll("z-tr[expandable]").length > 0;
+    }
+    /**
+     * Setup the table creating a mutation observer for the expandable attribute.
+     */
+    componentWillLoad() {
+        this.expandableMutationObserver = new MutationObserver(() => {
+            this.updateExpandable();
+        });
+        this.expandableMutationObserver.observe(this.host, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["expandable"],
+            attributeOldValue: false,
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, index.h("div", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: "table", role: "table" }, index.h("slot", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));
+    }
+    get host() { return index.getElement(this); }
+};
+ZTable.style = stylesCss;
+
+exports.z_table = ZTable;
+//# sourceMappingURL=z-table.entry.cjs.js.map
+
+//# sourceMappingURL=z-table.cjs.entry.js.map

package/dist/cjs/z-table.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-table.entry.cjs.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,8TAA8T;;MCUnU,MAAM,GAAA,MAAA;AACf,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AAC1B;IACD,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC;;AAE/E;;AAEG;IACH,iBAAiB,GAAA;AACb,QAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC,MAAK;YACxD,IAAI,CAAC,gBAAgB,EAAE;AAC3B,SAAC,CAAC;QACF,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AAC/C,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAC/B,YAAA,iBAAiB,EAAE,KAAK;AAC3B,SAAA,CAAC;;IAEN,oBAAoB,GAAA;AAChB,QAAA,IAAI,EAAE;QACN,CAAC,EAAE,GAAG,IAAI,CAAC,0BAA0B,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,UAAU,EAAE;;IAE/F,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;;","names":["h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/index.js"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import { Host, h } from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\nexport class ZTable {\n    constructor() {\n        this.bordered = false;\n        this.expandable = false;\n    }\n    updateExpandable() {\n        this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n    }\n    /**\n     * Setup the table creating a mutation observer for the expandable attribute.\n     */\n    componentWillLoad() {\n        this.expandableMutationObserver = new MutationObserver(() => {\n            this.updateExpandable();\n        });\n        this.expandableMutationObserver.observe(this.host, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: [\"expandable\"],\n            attributeOldValue: false,\n        });\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    render() {\n        return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h(\"div\", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: \"table\", role: \"table\" }, h(\"slot\", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));\n    }\n    static get is() { return \"z-table\"; }\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            \"bordered\": {\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 table cells should show a border between them.\"\n                },\n                \"attribute\": \"bordered\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expandable\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-table.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-table.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/index.js"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import { Host, h } from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\nexport class ZTable {\n    constructor() {\n        this.bordered = false;\n        this.expandable = false;\n    }\n    updateExpandable() {\n        this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n    }\n    /**\n     * Setup the table creating a mutation observer for the expandable attribute.\n     */\n    componentWillLoad() {\n        this.expandableMutationObserver = new MutationObserver(() => {\n            this.updateExpandable();\n        });\n        this.expandableMutationObserver.observe(this.host, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: [\"expandable\"],\n            attributeOldValue: false,\n        });\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    render() {\n        return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h(\"div\", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: \"table\", role: \"table\" }, h(\"slot\", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));\n    }\n    static get is() { return \"z-table\"; }\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            \"bordered\": {\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 table cells should show a border between them.\"\n                },\n                \"attribute\": \"bordered\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expandable\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h","Host"],"mappings":";;;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,8TAA8T;;MCUnU,MAAM,GAAA,MAAA;AACf,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AAC1B;IACD,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC;;AAE/E;;AAEG;IACH,iBAAiB,GAAA;AACb,QAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC,MAAK;YACxD,IAAI,CAAC,gBAAgB,EAAE;AAC3B,SAAC,CAAC;QACF,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AAC/C,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAC/B,YAAA,iBAAiB,EAAE,KAAK;AAC3B,SAAA,CAAC;;IAEN,oBAAoB,GAAA;AAChB,QAAA,IAAI,EAAE;QACN,CAAC,EAAE,GAAG,IAAI,CAAC,0BAA0B,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,UAAU,EAAE;;IAE/F,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-tbody.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+
+const stylesCss = ":host{display:block;box-sizing:border-box}";
+
+const ZTbody = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: "rowgroup" }, index.h("slot", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));
+    }
+};
+ZTbody.style = stylesCss;
+
+exports.z_tbody = ZTbody;
+//# sourceMappingURL=z-tbody.entry.cjs.js.map
+
+//# sourceMappingURL=z-tbody.cjs.entry.js.map

package/dist/cjs/z-tbody.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-tbody.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,4CAA4C;;MCKjD,MAAM,GAAA,MAAA;;;;IACf,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","names":["h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\nexport class ZTbody {\n    render() {\n        return (h(Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: \"rowgroup\" }, h(\"slot\", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));\n    }\n    static get is() { return \"z-tbody\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-tbody.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-tbody.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\nexport class ZTbody {\n    render() {\n        return (h(Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: \"rowgroup\" }, h(\"slot\", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));\n    }\n    static get is() { return \"z-tbody\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,4CAA4C;;MCKjD,MAAM,GAAA,MAAA;;;;IACf,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-td.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.colspanChange = index.createEvent(this, "colspanChange", 6);
+        this.colspan = undefined;
+        this.sticky = false;
+        this.showMenu = null;
+        this.popoverPosition = index$1.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 (index.h(index.Host, { key: 'c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: 'f503630802052c5c3566b725aba40ea0923d60da', class: "cell--content" }, index.h("slot", { key: 'e26dc22a7b21eef5475d10124312384593957bf8' }), this.showMenu && (index.h("div", { key: '4c7204766c53e4502ff24e51e9ea751620246278', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: '3d0f59414241c2b195dd45cf74f678b15e957cac', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.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 }, index.h("slot", { key: 'c90cf570174b2e2af659ae02e217d725a1951cb4', name: "contextual-menu" })))))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "colspan": ["updateColspan"]
+    }; }
+};
+ZTd.style = stylesCss;
+
+exports.z_td = ZTd;
+//# sourceMappingURL=z-td.entry.cjs.js.map
+
+//# sourceMappingURL=z-td.cjs.entry.js.map

package/dist/cjs/z-td.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-td.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2hCAA2hC;;MCMhiC,GAAG,GAAA,MAAA;AACZ,IAAA,WAAA,CAAA,OAAA,EAAA;;;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,GAAGA,uBAAe,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,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,KAAKA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qCAAqC,EAAE,EAAEA,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAEC,mBAAW,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,EAAEH,OAAC,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,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;","names":["PopoverPosition","h","Host","ButtonVariant","ControlSize"],"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}

package/dist/cjs/z-td.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-td.entry.cjs.js","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"],"names":["PopoverPosition","h","Host","ButtonVariant","ControlSize"],"mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2hCAA2hC;;MCMhiC,GAAG,GAAA,MAAA;AACZ,IAAA,WAAA,CAAA,OAAA,EAAA;;;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,GAAGA,uBAAe,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,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,KAAKA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qCAAqC,EAAE,EAAEA,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAEC,mBAAW,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,EAAEH,OAAC,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,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-tfoot.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+
+const stylesCss = ":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";
+
+const ZTfoot = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sticky = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: "rowgroup" }, index.h("slot", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));
+    }
+};
+ZTfoot.style = stylesCss;
+
+exports.z_tfoot = ZTfoot;
+//# sourceMappingURL=z-tfoot.entry.cjs.js.map
+
+//# sourceMappingURL=z-tfoot.cjs.entry.js.map

package/dist/cjs/z-tfoot.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-tfoot.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,kOAAkO;;MCKvO,MAAM,GAAA,MAAA;AACf,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACtB;IACD,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","names":["h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\nexport class ZTfoot {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: \"rowgroup\" }, h(\"slot\", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));\n    }\n    static get is() { return \"z-tfoot\"; }\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 footer will be stuck to the bottom 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/cjs/z-tfoot.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-tfoot.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\nexport class ZTfoot {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: \"rowgroup\" }, h(\"slot\", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));\n    }\n    static get is() { return \"z-tfoot\"; }\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 footer will be stuck to the bottom of the table.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,kOAAkO;;MCKvO,MAAM,GAAA,MAAA;AACf,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACtB;IACD,MAAM,GAAA;QACF,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAED,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-th.cjs.entry.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sort = index.createEvent(this, "sort", 7);
+        this.colspan = undefined;
+        this.showMenu = null;
+        this.showSorting = null;
+        this.sticky = false;
+        this.sortDirection = undefined;
+        this.sorted = false;
+        this.popoverPosition = index$1.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 === index$1.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 === index$1.SortDirection.ASC ? index$1.SortDirection.DESC : index$1.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 (index.h(index.Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: "cell--content" }, index.h("slot", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (index.h("button", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: "cell--menu-container" }, index.h("z-button", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: "contextual-menu" })))))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "colspan": ["updateColspan"]
+    }; }
+};
+ZTh.style = stylesCss;
+
+exports.z_th = ZTh;
+//# sourceMappingURL=z-th.entry.cjs.js.map
+
+//# sourceMappingURL=z-th.cjs.entry.js.map

package/dist/cjs/z-th.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-th.entry.cjs.js","mappings":"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","names":["PopoverPosition","SortDirection","h","Host","ButtonVariant","ControlSize"],"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}