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

package/dist/components/z-carousel.js.map

@@ -0,0 +1 @@
+{"file":"z-carousel.js","mappings":"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","names":["ZCarousel","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-carousel/styles.css?tag=z-carousel&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-carousel/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-carousel-gutter: 0;\n  --z-carousel-items-shadow: ;\n}\n\n:host([single]) {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n:host([single]) .z-carousel-container {\n  width: fit-content;\n  max-width: 100%;\n}\n\n.z-carousel-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.z-carousel-title {\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n.z-carousel-wrapper {\n  position: relative;\n}\n\n.z-carousel-items-container {\n  display: flex;\n  max-width: 100%;\n  flex-direction: row;\n  margin: 0;\n  box-shadow: var(--z-carousel-items-shadow, none);\n  column-gap: var(--z-carousel-gutter);\n  list-style: none;\n  -ms-overflow-style: none; /* IE and Edge */\n  overflow-x: scroll;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n  scroll-snap-type: x mandatory;\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  scrollbar-width: none; /* Firefox */\n}\n\n/* Hide scrollbar for Chrome, Safari and Opera */\n.z-carousel-items-container::-webkit-scrollbar {\n  display: none;\n}\n\n.z-carousel-items-container ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n.z-carousel-navigation-arrow[hidden] {\n  display: none;\n}\n\n.z-carousel-navigation-arrow[data-direction] {\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  transform: translateY(50%);\n}\n\n.z-carousel-navigation-arrow[data-direction=\"next\"] {\n  right: 0;\n}\n\n:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow {\n  display: none;\n}\n\n.z-carousel-footer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  column-gap: calc(var(--space-unit) * 3);\n}\n\n:host([arrows-position=\"bottom\"]) .z-carousel-footer {\n  margin-top: calc(var(--space-unit) * 0.75);\n}\n\n.z-carousel-footer .numbers-progress,\n.z-carousel-footer .dots-progress {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.z-carousel-footer .dots-progress {\n  column-gap: calc(var(--space-unit) * 3);\n}\n\n:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .dots-progress {\n  margin-top: calc(var(--space-unit) * 2);\n}\n\n.z-carousel-footer .dots-progress button {\n  display: flex;\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n  align-items: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface03);\n  border-radius: calc(var(--space-unit) * 3);\n}\n\n.z-carousel-footer .dots-progress button.current {\n  background-color: var(--color-primary01);\n}\n\n.z-carousel-footer .dots-progress button:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-carousel-footer .dots-progress button:not(.current) {\n  cursor: pointer;\n}\n\n.z-carousel-footer .numbers-progress {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .numbers-progress {\n  margin-top: var(--space-unit);\n}\n\n.z-carousel-footer .numbers-progress .current {\n  font-weight: var(--font-sb);\n}\n\n@media (min-width: 768px) {\n  :host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]) {\n    display: flex;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, CarouselArrowsPosition, CarouselProgressMode } from \"../../beans\";\n/**\n * ZCarousel component.\n * @cssprop --z-carousel-gutter - The gutter between items.\n * @cssprop --z-carousel-items-shadow - The shadow around the items.\n * @slot - Carousel items. Use `<li>` elements inside this slot.\n */\nexport class ZCarousel {\n    constructor() {\n        /** Flag indicating the items container is about to scroll programmatically towards the stored index. */\n        this.scrollingTo = null;\n        this.isLoading = undefined;\n        this.label = undefined;\n        this.single = false;\n        this.arrowsPosition = undefined;\n        this.progressMode = undefined;\n        this.fixedArrows = true;\n        this.ghostLoadingHeight = 100;\n        this.infinite = false;\n        this.current = 0;\n        this.items = undefined;\n        this.highlightedIndicator = undefined;\n        this.canNavigatePrev = undefined;\n        this.canNavigateNext = undefined;\n    }\n    onIndexChange() {\n        this.indexChange.emit({ currentItem: this.current });\n    }\n    onSingleModeChange() {\n        if (this.single && !this.intersectionObserver) {\n            this.setIntersectionObserver();\n        }\n    }\n    onInfiniteModeChange() {\n        this.checkNavigationValidity();\n    }\n    /**\n     * Set an intersection observer to:\n     * - highlight the indicator of the intersecting item during scroll\n     * - set the current item to the last intersecting item\n     */\n    setIntersectionObserver() {\n        this.intersectionObserver = new IntersectionObserver((entries) => {\n            const entry = entries.find(({ isIntersecting }) => isIntersecting);\n            if (!entry) {\n                return;\n            }\n            const entryIndex = this.items.findIndex((item) => item === entry.target);\n            this.highlightedIndicator = entryIndex;\n            /* skip setting the current item if intersection has been triggered by a programmatic scroll\n            (@see `goTo` function) and the final index has not been reached */\n            if (this.scrollingTo !== null && entryIndex !== this.scrollingTo) {\n                return;\n            }\n            this.scrollingTo = null;\n            this.current = entryIndex;\n        }, {\n            root: this.itemsContainer,\n            threshold: 0.5,\n        });\n        this.items.forEach((element) => this.intersectionObserver.observe(element));\n    }\n    /** Update items' list and check conditions to allow navigation */\n    onSlotChange() {\n        this.items = Array.from(this.host.children);\n        this.checkNavigationValidity();\n        this.setIntersectionObserver();\n        this.goTo(this.current);\n    }\n    onPrev() {\n        if (this.single) {\n            this.goTo(this.infinite && this.current - 1 < 0 ? this.items.length - 1 : Math.max(0, this.current - 1));\n            return;\n        }\n        this.itemsContainer.scrollBy({\n            left: this.infinite && this.itemsContainer.scrollLeft == 0\n                ? this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth\n                : -this.itemsContainer.clientWidth / 2,\n            behavior: \"smooth\",\n        });\n    }\n    onNext() {\n        if (this.single) {\n            const next = this.infinite && this.current + 1 > this.items.length - 1\n                ? 0\n                : Math.min(this.current + 1, this.items.length - 1);\n            return this.goTo(next);\n        }\n        this.itemsContainer.scrollBy({\n            left: this.infinite &&\n                this.itemsContainer.scrollLeft == this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth\n                ? -this.itemsContainer.scrollWidth\n                : this.itemsContainer.clientWidth / 2,\n            behavior: \"smooth\",\n        });\n    }\n    /**\n     * Check if navigation buttons can be enabled and set the related local states.\n     */\n    checkNavigationValidity() {\n        if (this.single) {\n            this.canNavigatePrev = this.current > 0;\n            this.canNavigateNext = this.current < this.items.length - 1;\n            return;\n        }\n        this.canNavigatePrev = this.itemsContainer.scrollLeft > 0;\n        this.canNavigateNext =\n            this.itemsContainer.scrollLeft < this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth;\n    }\n    /**\n     * Check if footer has to be rendered.\n     */\n    canShowFooter() {\n        if (!this.canNavigatePrev && !this.canNavigateNext) {\n            return false;\n        }\n        return (this.arrowsPosition === CarouselArrowsPosition.BOTTOM ||\n            this.progressMode === CarouselProgressMode.DOTS ||\n            this.progressMode === CarouselProgressMode.NUMBERS);\n    }\n    /**\n     * Set current item to passed index.\n     * @param index Index to set\n     */\n    goTo(index) {\n        if (this.current === index) {\n            return;\n        }\n        this.scrollingTo = index;\n        const left = this.items.slice(0, index).reduce((acc, item) => (acc += item.clientWidth), 0);\n        // the scroll will trigger the IntersectionObserver and set the current item\n        this.itemsContainer.scroll({\n            left,\n            behavior: \"smooth\",\n        });\n    }\n    /** Check if navigation of at least one direction is enabled */\n    get canNavigate() {\n        return this.canNavigatePrev || this.canNavigateNext;\n    }\n    setupItems() {\n        this.items = Array.from(this.host.children);\n        this.items.forEach((item) => {\n            item.setAttribute(\"aria-roledescription\", \"slide\");\n        });\n    }\n    componentDidLoad() {\n        var _a, _b;\n        (_a = this.itemsContainer) === null || _a === void 0 ? void 0 : _a.addEventListener(\"scroll\", this.checkNavigationValidity.bind(this), { passive: true });\n        this.resizeObserver = new ResizeObserver(this.checkNavigationValidity.bind(this));\n        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(this.itemsContainer);\n        this.setupItems();\n        if (this.single) {\n            this.setIntersectionObserver();\n        }\n        this.checkNavigationValidity();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    render() {\n        if (this.isLoading) {\n            return (h(\"div\", { class: \"z-carousel-container\" }, this.label && h(\"div\", { class: \"heading-3-sb z-carousel-title\" }, this.label), h(\"div\", { style: { height: `${this.ghostLoadingHeight}px` } }, h(\"z-ghost-loading\", null))));\n        }\n        return (h(Host, null, h(\"div\", { class: \"z-carousel-container\", \"aria-roledescription\": \"carousel\", \"aria-label\": this.label || \"Carousel\" }, this.label && h(\"div\", { class: \"z-carousel-title heading-3-sb\" }, this.label), h(\"div\", { class: \"z-carousel-wrapper\" }, h(\"z-button\", { class: \"z-carousel-navigation-arrow\", variant: ButtonVariant.SECONDARY, \"data-direction\": \"prev\", icon: \"arrow-left\", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\" }), h(\"ul\", { class: \"z-carousel-items-container\", \"aria-atomic\": \"false\", \"aria-live\": \"polite\", ref: (el) => (this.itemsContainer = el) }, h(\"slot\", { onSlotchange: this.onSlotChange.bind(this) })), h(\"z-button\", { class: \"z-carousel-navigation-arrow\", variant: ButtonVariant.SECONDARY, \"data-direction\": \"next\", icon: \"arrow-right\", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\" }))), this.canShowFooter() && (h(\"div\", { class: \"z-carousel-footer\" }, this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h(\"z-button\", { class: \"z-carousel-navigation-arrow\", variant: ButtonVariant.TERTIARY, icon: \"arrow-left\", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, ariaLabel: this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\" })), this.progressMode === CarouselProgressMode.DOTS && this.single && this.items && (h(\"div\", { class: \"dots-progress\" }, this.items.map((_, index) => (h(\"button\", { type: \"button\", class: { current: this.highlightedIndicator === index }, \"aria-label\": this.highlightedIndicator === index ? \"Elemento corrente\" : `Spostati all'elemento ${index + 1}`, onClick: () => this.goTo(index) }))))), this.progressMode === CarouselProgressMode.NUMBERS && this.single && this.items && (h(\"div\", { class: \"numbers-progress interactive-1\" }, h(\"span\", { class: \"current\" }, this.current + 1), h(\"span\", null, \"di\"), h(\"span\", null, this.items.length))), this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h(\"z-button\", { class: \"z-carousel-navigation-arrow\", variant: ButtonVariant.TERTIARY, icon: \"arrow-right\", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, ariaLabel: this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\" }))))));\n    }\n    static get is() { return \"z-carousel\"; }\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            \"isLoading\": {\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 z-carousel is on loading state\"\n                },\n                \"attribute\": \"is-loading\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The z-carousel title\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"single\": {\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\": \"Shows only one content at a time\"\n                },\n                \"attribute\": \"single\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"arrowsPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CarouselArrowsPosition\",\n                    \"resolved\": \"CarouselArrowsPosition.BOTTOM | CarouselArrowsPosition.OVER\",\n                    \"references\": {\n                        \"CarouselArrowsPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CarouselArrowsPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Arrow buttons position\"\n                },\n                \"attribute\": \"arrows-position\",\n                \"reflect\": true\n            },\n            \"progressMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CarouselProgressMode\",\n                    \"resolved\": \"CarouselProgressMode.DOTS | CarouselProgressMode.NUMBERS\",\n                    \"references\": {\n                        \"CarouselProgressMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CarouselProgressMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Progress indicator type. Only available for `single` mode\"\n                },\n                \"attribute\": \"progress-mode\",\n                \"reflect\": false\n            },\n            \"fixedArrows\": {\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 navigation arrow buttons over the items are always visible or only on mouse hover.\\nIf set to `false`, the arrows will not be visible on mobile.\\nOnly meaningful with `arrowsPosition` set to `OVER`.\"\n                },\n                \"attribute\": \"fixed-arrows\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            },\n            \"ghostLoadingHeight\": {\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 height of the ghost loader (only visible when `isLoading` is set to `true`)\"\n                },\n                \"attribute\": \"ghost-loading-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"infinite\": {\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\": \"When enabled, navigating next the last item will go back to the first item and vice versa.\"\n                },\n                \"attribute\": \"infinite\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"current\": {},\n            \"items\": {},\n            \"highlightedIndicator\": {},\n            \"canNavigatePrev\": {},\n            \"canNavigateNext\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"indexChange\",\n                \"name\": \"indexChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on index change and only in `single` mode.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{currentItem: number}\",\n                    \"resolved\": \"{ currentItem: number; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"current\",\n                \"methodName\": \"onIndexChange\"\n            }, {\n                \"propName\": \"single\",\n                \"methodName\": \"onSingleModeChange\"\n            }, {\n                \"propName\": \"infinite\",\n                \"methodName\": \"onInfiniteModeChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-chip.js

@@ -0,0 +1,9 @@
+import { Z as ZChip$1, d as defineCustomElement$1 } from './p-Cm3Hcr2i.js';
+
+const ZChip = ZChip$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZChip, defineCustomElement };
+//# sourceMappingURL=z-chip.js.map
+
+//# sourceMappingURL=z-chip.js.map

package/dist/components/z-chip.js.map

@@ -0,0 +1 @@
+{"file":"z-chip.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-combobox.js

@@ -0,0 +1,356 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dxu5saXC.js';
+import { i as InputType, C as ControlSize, L as ListSize, K as KeyboardCode, j as ListDividerType } from './p-Bla2iV_L.js';
+import { r as randomId, h as handleKeyboardSubmit } from './p-D6oPathC.js';
+import { d as defineCustomElement$7 } from './p-vUB-94eM.js';
+import { d as defineCustomElement$6 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$5 } from './p-uWp7Cs9b.js';
+import { d as defineCustomElement$4 } from './p-Dog_NtRb.js';
+import { d as defineCustomElement$3 } from './p-vqNYJq21.js';
+import { d as defineCustomElement$2 } from './p-DX_drPpd.js';
+
+const stylesCss = ":host{display:block;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size=\"small\"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size=\"x-small\"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size=\"x-small\"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>p.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .input-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size=\"small\"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size=\"x-small\"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}";
+
+const ZCombobox$1 = /*@__PURE__*/ proxyCustomElement(class ZCombobox extends H {
+    watchItems() {
+        this.itemsList = typeof this.items === "string" ? JSON.parse(this.items) : this.items;
+        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
+        this.updateRenderItemsList();
+    }
+    watchSearchValue() {
+        this.filterItems(this.searchValue);
+    }
+    watchCheckboxes() {
+        this.checkboxes.forEach((item, index) => item.setAttribute("tabindex", index === 0 ? "0" : "-1"));
+    }
+    emitComboboxChange() {
+        this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });
+    }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.comboboxChange = createEvent(this, "comboboxChange", 7);
+        this.itemsList = [];
+        this.inputType = InputType.TEXT;
+        this.inputid = `combo-${randomId()}`;
+        this.items = undefined;
+        this.label = undefined;
+        this.disabled = false;
+        this.hassearch = false;
+        this.searchlabel = undefined;
+        this.searchplaceholder = undefined;
+        this.searchtitle = undefined;
+        this.noresultslabel = "Nessun risultato";
+        this.isopen = false;
+        this.isfixed = false;
+        this.closesearchtext = "Chiudi";
+        this.hascheckall = false;
+        this.checkalltext = "Seleziona tutti";
+        this.uncheckalltext = "Deseleziona tutti";
+        this.maxcheckableitems = 0;
+        this.hasgroupitems = undefined;
+        this.size = ControlSize.BIG;
+        this.searchValue = undefined;
+        this.selectedCounter = undefined;
+        this.renderItemsList = [];
+        this.focusedItemId = undefined;
+        this.checkboxes = [];
+        this.toggleComboBox = this.toggleComboBox.bind(this);
+        this.closeFilterItems = this.closeFilterItems.bind(this);
+    }
+    componentWillLoad() {
+        this.watchItems();
+    }
+    componentWillRender() {
+        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
+    }
+    componentDidRender() {
+        const checkboxes = this.getAllCheckboxes();
+        if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {
+            this.checkboxes = checkboxes;
+        }
+    }
+    getItemId(item) {
+        return `combo-checkbox-${this.inputid}-${item.id}`;
+    }
+    getCheckboxClass() {
+        return `combo-item-checkbox-input-${this.inputid}`;
+    }
+    getAllCheckboxes() {
+        return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`));
+    }
+    getControlToListSize() {
+        switch (this.size) {
+            case ControlSize.X_SMALL:
+                return ListSize.SMALL;
+            case ControlSize.SMALL:
+                return ListSize.MEDIUM;
+            default:
+                return ListSize.LARGE;
+        }
+    }
+    handleSelectArrowsNavigation(e, currId) {
+        if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key) || !this.isopen) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        const currElem = this.element.shadowRoot.querySelector(`#${currId}`);
+        if (!currElem) {
+            return;
+        }
+        const checkboxes = this.checkboxes;
+        if (!checkboxes.length) {
+            return;
+        }
+        const currElemIndex = checkboxes.indexOf(currElem);
+        const firstElemIndex = 0;
+        const lastElemIndex = checkboxes.length - 1;
+        let nextElem = null;
+        if (e.key === KeyboardCode.ARROW_DOWN) {
+            nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];
+        }
+        else if (e.key === KeyboardCode.ARROW_UP) {
+            nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];
+        }
+        this.focusComboboxItem(nextElem);
+    }
+    handleHeaderKeyboardEvent(ev) {
+        if (ev.key === KeyboardCode.SPACE) {
+            ev.preventDefault();
+        }
+        if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {
+            this.toggleComboBox();
+        }
+    }
+    handleCheckboxFocus(id) {
+        this.focusedItemId = id;
+    }
+    focusComboboxItem(elem) {
+        this.checkboxes.forEach(function (item) {
+            item.setAttribute("tabindex", "-1");
+        });
+        elem.setAttribute("tabindex", "0");
+        elem.focus();
+    }
+    updateRenderItemsList() {
+        if (this.searchValue) {
+            this.filterItems(this.searchValue);
+        }
+        else {
+            this.resetRenderItemsList();
+        }
+    }
+    resetRenderItemsList() {
+        const renderItemsList = [];
+        this.itemsList.forEach((item) => {
+            renderItemsList.push(Object.assign({}, item));
+        });
+        this.renderItemsList = renderItemsList;
+    }
+    filterItems(value) {
+        if (!value) {
+            return this.closeFilterItems();
+        }
+        this.resetRenderItemsList();
+        this.renderItemsList = this.renderItemsList.filter((item) => {
+            const start = item.name.toUpperCase().indexOf(value.toUpperCase());
+            const end = start + value.length;
+            const newName = item.name.substring(0, start) +
+                "<strong>" +
+                item.name.substring(start, end) +
+                "</strong>" +
+                item.name.substring(end, item.name.length);
+            item.name = newName;
+            return start >= 0;
+        });
+    }
+    checkAll(checked = true) {
+        this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));
+        this.resetRenderItemsList();
+        this.emitComboboxChange();
+    }
+    closeFilterItems() {
+        this.searchValue = "";
+        this.resetRenderItemsList();
+    }
+    toggleComboBox() {
+        this.isopen = !this.isopen;
+    }
+    getComboboxA11yAttributes() {
+        return {
+            "role": "combobox",
+            "aria-label": this.label,
+            "aria-expanded": this.isopen ? "true" : "false",
+            "aria-activedescendant": this.isopen ? this.focusedItemId : "",
+            "aria-controls": `${this.inputid}_list`,
+        };
+    }
+    renderHeader() {
+        return (h("div", { class: "header", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {
+                this.handleHeaderKeyboardEvent(ev);
+            }, onKeyUp: (ev) => handleKeyboardSubmit(ev, this.toggleComboBox), role: "button", tabindex: 0, "aria-expanded": this.isopen ? "true" : "false" }, h("p", { class: "body-3" }, this.label, h("span", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), h("z-icon", { name: "caret-down", class: this.size })));
+    }
+    renderContent() {
+        if (!this.isopen) {
+            return;
+        }
+        return (h("div", { class: "open-combo-data" }, this.hassearch && this.renderSearchInput(), !this.hassearch ? h("span", Object.assign({}, this.getComboboxA11yAttributes())) : null, h("div", { role: "listbox", "aria-label": this.label, "aria-multiselectable": true, id: `${this.inputid}_list`, "aria-owns": `${this.checkboxes.map((item) => item.id).join(" ")}` }, this.hascheckall && this.renderCheckAll(), this.renderItems())));
+    }
+    renderItems() {
+        return (h("div", { class: this.searchValue && "search" }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));
+    }
+    renderItem(item, index, length) {
+        return (h("z-list-element", { id: item.id, htmlTabindex: null, dividerType: index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE, size: this.getControlToListSize() }, h("z-input", { type: InputType.CHECKBOX, checked: item.checked, htmlid: this.getItemId(item), label: item.name, class: this.getCheckboxClass(), disabled: !item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: "option", "aria-selected": item.checked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, this.getItemId(item)), onInputCheck: (e) => {
+                this.itemsList = this.itemsList.map((i) => {
+                    if (item.id === i.id) {
+                        i.checked = e.detail.checked;
+                    }
+                    return i;
+                });
+                this.updateRenderItemsList();
+                this.emitComboboxChange();
+            }, onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
+    }
+    renderList(items) {
+        if (!items) {
+            return;
+        }
+        if (!items.length && this.searchValue) {
+            return this.renderNoSearchResults();
+        }
+        if (this.hasgroupitems) {
+            return this.renderGroups(items);
+        }
+        return (h("ul", { role: "none" }, items.map((item, i) => {
+            return this.renderItem(item, i, items.length);
+        })));
+    }
+    renderGroups(items) {
+        const newData = items.reduce((group, item, index) => {
+            var _a;
+            const { category } = item;
+            const zListItem = this.renderItem(item, index, items.length);
+            group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
+            group[category].push(zListItem);
+            return group;
+        }, {});
+        const listGroups = Object.entries(newData).map(([key, value]) => {
+            return (h("z-list-group", { "divider-type": ListDividerType.ELEMENT }, h("span", { class: "body-3-sb z-list-group-title", slot: "header-title" }, key), value.map((item) => item)));
+        });
+        return h("ul", { role: "none" }, listGroups);
+    }
+    renderNoSearchResults() {
+        return (h("div", { class: "no-results" }, h("z-icon", { name: "multiply-circle" }), h("span", null, this.noresultslabel)));
+    }
+    renderCloseButton() {
+        return (h("div", { class: "close-search" }, h("a", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => handleKeyboardSubmit(e, this.closeFilterItems), role: "button", tabindex: 0 }, this.closesearchtext)));
+    }
+    renderSearchInput() {
+        return (h("z-input", Object.assign({ htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, size: this.size, "aria-autocomplete": "list" }, this.getComboboxA11yAttributes(), { onKeyUp: (e) => {
+                if (e.key === KeyboardCode.ESC) {
+                    this.closeFilterItems();
+                }
+            }, onInputChange: (e) => {
+                this.searchValue = e.detail.value;
+            } })));
+    }
+    renderCheckAll() {
+        if (this.searchValue) {
+            return;
+        }
+        const checkAllId = `combo-checkbox-${this.inputid}-check-all`;
+        const allChecked = this.selectedCounter === this.itemsList.length;
+        return (h("div", { class: "check-all-wrapper" }, h("z-input", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: "option", "aria-selected": allChecked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
+    }
+    render() {
+        return (h("div", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "items": ["watchItems"],
+        "searchValue": ["watchSearchValue"],
+        "checkboxes": ["watchCheckboxes"]
+    }; }
+    static get style() { return stylesCss; }
+}, [1, "z-combobox", {
+        "inputid": [1],
+        "items": [1],
+        "label": [1],
+        "disabled": [516],
+        "hassearch": [4],
+        "searchlabel": [1],
+        "searchplaceholder": [1],
+        "searchtitle": [1],
+        "noresultslabel": [1],
+        "isopen": [1028],
+        "isfixed": [4],
+        "closesearchtext": [1],
+        "hascheckall": [4],
+        "checkalltext": [1],
+        "uncheckalltext": [1],
+        "maxcheckableitems": [2],
+        "hasgroupitems": [4],
+        "size": [1],
+        "searchValue": [32],
+        "selectedCounter": [32],
+        "renderItemsList": [32],
+        "focusedItemId": [32],
+        "checkboxes": [32]
+    }, undefined, {
+        "items": ["watchItems"],
+        "searchValue": ["watchSearchValue"],
+        "checkboxes": ["watchCheckboxes"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-combobox", "z-divider", "z-icon", "z-input", "z-input-message", "z-list-element", "z-list-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-combobox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZCombobox$1);
+            }
+            break;
+        case "z-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "z-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "z-input-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-list-element":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "z-list-group":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZCombobox = ZCombobox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZCombobox, defineCustomElement };
+//# sourceMappingURL=z-combobox.js.map
+
+//# sourceMappingURL=z-combobox.js.map

package/dist/components/z-combobox.js.map

@@ -0,0 +1 @@
+{"file":"z-combobox.js","mappings":"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","names":["ZCombobox","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/index.js"],"sourcesContent":[":host {\n  display: block;\n  color: var(--color-form-default-text);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header p.body-3 {\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-form-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\n}\n\n:host > div > .header > p.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-form-disabled03);\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-form-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--color-form-surface03);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n  box-shadow: var(--shadow-2);\n}\n\n:host .open .open-combo-data z-input .input-label {\n  color: var(--color-form-default-text);\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n:host .open-combo-data z-list-element {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-form-surface03);\n  --background-active-color-list-element: var(--color-form-surface03);\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(::-webkit-scrollbar-track) {\n  :host {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-form-active-primary);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: none;\n  margin-top: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host .open .open-combo-data .search .no-results {\n  display: flex;\n  align-items: center;\n  column-gap: var(--space-unit);\n}\n\n:host > .open > .open-combo-data .search .close-search {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-form-active-primary);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import { h } from \"@stencil/core\";\nimport { ControlSize, InputType, KeyboardCode, ListDividerType, ListSize } from \"../../beans\";\nimport { handleKeyboardSubmit, randomId } from \"../../utils/utils\";\nexport class ZCombobox {\n    watchItems() {\n        this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n        this.updateRenderItemsList();\n    }\n    watchSearchValue() {\n        this.filterItems(this.searchValue);\n    }\n    watchCheckboxes() {\n        this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n    }\n    emitComboboxChange() {\n        this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });\n    }\n    constructor() {\n        this.itemsList = [];\n        this.inputType = InputType.TEXT;\n        this.inputid = `combo-${randomId()}`;\n        this.items = undefined;\n        this.label = undefined;\n        this.disabled = false;\n        this.hassearch = false;\n        this.searchlabel = undefined;\n        this.searchplaceholder = undefined;\n        this.searchtitle = undefined;\n        this.noresultslabel = \"Nessun risultato\";\n        this.isopen = false;\n        this.isfixed = false;\n        this.closesearchtext = \"Chiudi\";\n        this.hascheckall = false;\n        this.checkalltext = \"Seleziona tutti\";\n        this.uncheckalltext = \"Deseleziona tutti\";\n        this.maxcheckableitems = 0;\n        this.hasgroupitems = undefined;\n        this.size = ControlSize.BIG;\n        this.searchValue = undefined;\n        this.selectedCounter = undefined;\n        this.renderItemsList = [];\n        this.focusedItemId = undefined;\n        this.checkboxes = [];\n        this.toggleComboBox = this.toggleComboBox.bind(this);\n        this.closeFilterItems = this.closeFilterItems.bind(this);\n    }\n    componentWillLoad() {\n        this.watchItems();\n    }\n    componentWillRender() {\n        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    }\n    componentDidRender() {\n        const checkboxes = this.getAllCheckboxes();\n        if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n            this.checkboxes = checkboxes;\n        }\n    }\n    getItemId(item) {\n        return `combo-checkbox-${this.inputid}-${item.id}`;\n    }\n    getCheckboxClass() {\n        return `combo-item-checkbox-input-${this.inputid}`;\n    }\n    getAllCheckboxes() {\n        return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`));\n    }\n    getControlToListSize() {\n        switch (this.size) {\n            case ControlSize.X_SMALL:\n                return ListSize.SMALL;\n            case ControlSize.SMALL:\n                return ListSize.MEDIUM;\n            default:\n                return ListSize.LARGE;\n        }\n    }\n    handleSelectArrowsNavigation(e, currId) {\n        if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key) || !this.isopen) {\n            return;\n        }\n        e.preventDefault();\n        e.stopPropagation();\n        const currElem = this.element.shadowRoot.querySelector(`#${currId}`);\n        if (!currElem) {\n            return;\n        }\n        const checkboxes = this.checkboxes;\n        if (!checkboxes.length) {\n            return;\n        }\n        const currElemIndex = checkboxes.indexOf(currElem);\n        const firstElemIndex = 0;\n        const lastElemIndex = checkboxes.length - 1;\n        let nextElem = null;\n        if (e.key === KeyboardCode.ARROW_DOWN) {\n            nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n        }\n        else if (e.key === KeyboardCode.ARROW_UP) {\n            nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n        }\n        this.focusComboboxItem(nextElem);\n    }\n    handleHeaderKeyboardEvent(ev) {\n        if (ev.key === KeyboardCode.SPACE) {\n            ev.preventDefault();\n        }\n        if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n            this.toggleComboBox();\n        }\n    }\n    handleCheckboxFocus(id) {\n        this.focusedItemId = id;\n    }\n    focusComboboxItem(elem) {\n        this.checkboxes.forEach(function (item) {\n            item.setAttribute(\"tabindex\", \"-1\");\n        });\n        elem.setAttribute(\"tabindex\", \"0\");\n        elem.focus();\n    }\n    updateRenderItemsList() {\n        if (this.searchValue) {\n            this.filterItems(this.searchValue);\n        }\n        else {\n            this.resetRenderItemsList();\n        }\n    }\n    resetRenderItemsList() {\n        const renderItemsList = [];\n        this.itemsList.forEach((item) => {\n            renderItemsList.push(Object.assign({}, item));\n        });\n        this.renderItemsList = renderItemsList;\n    }\n    filterItems(value) {\n        if (!value) {\n            return this.closeFilterItems();\n        }\n        this.resetRenderItemsList();\n        this.renderItemsList = this.renderItemsList.filter((item) => {\n            const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n            const end = start + value.length;\n            const newName = item.name.substring(0, start) +\n                \"<strong>\" +\n                item.name.substring(start, end) +\n                \"</strong>\" +\n                item.name.substring(end, item.name.length);\n            item.name = newName;\n            return start >= 0;\n        });\n    }\n    checkAll(checked = true) {\n        this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));\n        this.resetRenderItemsList();\n        this.emitComboboxChange();\n    }\n    closeFilterItems() {\n        this.searchValue = \"\";\n        this.resetRenderItemsList();\n    }\n    toggleComboBox() {\n        this.isopen = !this.isopen;\n    }\n    getComboboxA11yAttributes() {\n        return {\n            \"role\": \"combobox\",\n            \"aria-label\": this.label,\n            \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n            \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n            \"aria-controls\": `${this.inputid}_list`,\n        };\n    }\n    renderHeader() {\n        return (h(\"div\", { class: \"header\", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {\n                this.handleHeaderKeyboardEvent(ev);\n            }, onKeyUp: (ev) => handleKeyboardSubmit(ev, this.toggleComboBox), role: \"button\", tabindex: 0, \"aria-expanded\": this.isopen ? \"true\" : \"false\" }, h(\"p\", { class: \"body-3\" }, this.label, h(\"span\", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), h(\"z-icon\", { name: \"caret-down\", class: this.size })));\n    }\n    renderContent() {\n        if (!this.isopen) {\n            return;\n        }\n        return (h(\"div\", { class: \"open-combo-data\" }, this.hassearch && this.renderSearchInput(), !this.hassearch ? h(\"span\", Object.assign({}, this.getComboboxA11yAttributes())) : null, h(\"div\", { role: \"listbox\", \"aria-label\": this.label, \"aria-multiselectable\": true, id: `${this.inputid}_list`, \"aria-owns\": `${this.checkboxes.map((item) => item.id).join(\" \")}` }, this.hascheckall && this.renderCheckAll(), this.renderItems())));\n    }\n    renderItems() {\n        return (h(\"div\", { class: this.searchValue && \"search\" }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));\n    }\n    renderItem(item, index, length) {\n        return (h(\"z-list-element\", { id: item.id, htmlTabindex: null, dividerType: index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE, size: this.getControlToListSize() }, h(\"z-input\", { type: InputType.CHECKBOX, checked: item.checked, htmlid: this.getItemId(item), label: item.name, class: this.getCheckboxClass(), disabled: !item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": item.checked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, this.getItemId(item)), onInputCheck: (e) => {\n                this.itemsList = this.itemsList.map((i) => {\n                    if (item.id === i.id) {\n                        i.checked = e.detail.checked;\n                    }\n                    return i;\n                });\n                this.updateRenderItemsList();\n                this.emitComboboxChange();\n            }, onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    renderList(items) {\n        if (!items) {\n            return;\n        }\n        if (!items.length && this.searchValue) {\n            return this.renderNoSearchResults();\n        }\n        if (this.hasgroupitems) {\n            return this.renderGroups(items);\n        }\n        return (h(\"ul\", { role: \"none\" }, items.map((item, i) => {\n            return this.renderItem(item, i, items.length);\n        })));\n    }\n    renderGroups(items) {\n        const newData = items.reduce((group, item, index) => {\n            var _a;\n            const { category } = item;\n            const zListItem = this.renderItem(item, index, items.length);\n            group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];\n            group[category].push(zListItem);\n            return group;\n        }, {});\n        const listGroups = Object.entries(newData).map(([key, value]) => {\n            return (h(\"z-list-group\", { \"divider-type\": ListDividerType.ELEMENT }, h(\"span\", { class: \"body-3-sb z-list-group-title\", slot: \"header-title\" }, key), value.map((item) => item)));\n        });\n        return h(\"ul\", { role: \"none\" }, listGroups);\n    }\n    renderNoSearchResults() {\n        return (h(\"div\", { class: \"no-results\" }, h(\"z-icon\", { name: \"multiply-circle\" }), h(\"span\", null, this.noresultslabel)));\n    }\n    renderCloseButton() {\n        return (h(\"div\", { class: \"close-search\" }, h(\"a\", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => handleKeyboardSubmit(e, this.closeFilterItems), role: \"button\", tabindex: 0 }, this.closesearchtext)));\n    }\n    renderSearchInput() {\n        return (h(\"z-input\", Object.assign({ htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, size: this.size, \"aria-autocomplete\": \"list\" }, this.getComboboxA11yAttributes(), { onKeyUp: (e) => {\n                if (e.key === KeyboardCode.ESC) {\n                    this.closeFilterItems();\n                }\n            }, onInputChange: (e) => {\n                this.searchValue = e.detail.value;\n            } })));\n    }\n    renderCheckAll() {\n        if (this.searchValue) {\n            return;\n        }\n        const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n        const allChecked = this.selectedCounter === this.itemsList.length;\n        return (h(\"div\", { class: \"check-all-wrapper\" }, h(\"z-input\", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": allChecked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    render() {\n        return (h(\"div\", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', \"data-action\": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));\n    }\n    static get is() { return \"z-combobox\"; }\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            \"inputid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input unique id\"\n                },\n                \"attribute\": \"inputid\",\n                \"reflect\": false,\n                \"defaultValue\": \"`combo-${randomId()}`\"\n            },\n            \"items\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComboItem[] | string\",\n                    \"resolved\": \"ComboItem[] | string\",\n                    \"references\": {\n                        \"ComboItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ComboItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list items array\"\n                },\n                \"attribute\": \"items\",\n                \"reflect\": false\n            },\n            \"label\": {\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\": \"label text\"\n                },\n                \"attribute\": \"label\",\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the combobox is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hassearch\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show search input flag (optional)\"\n                },\n                \"attribute\": \"hassearch\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchlabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input label text (optional)\"\n                },\n                \"attribute\": \"searchlabel\",\n                \"reflect\": false\n            },\n            \"searchplaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input placeholder text (optional)\"\n                },\n                \"attribute\": \"searchplaceholder\",\n                \"reflect\": false\n            },\n            \"searchtitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input title text (optional)\"\n                },\n                \"attribute\": \"searchtitle\",\n                \"reflect\": false\n            },\n            \"noresultslabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"no result text message\"\n                },\n                \"attribute\": \"noresultslabel\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Nessun risultato\\\"\"\n            },\n            \"isopen\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"toggle combo list opening flag\"\n                },\n                \"attribute\": \"isopen\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"isfixed\": {\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\": \"fixed style flag\"\n                },\n                \"attribute\": \"isfixed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"closesearchtext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"close combobox list text\"\n                },\n                \"attribute\": \"closesearchtext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Chiudi\\\"\"\n            },\n            \"hascheckall\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show \\\"check all\\\" checkbox (optional)\"\n                },\n                \"attribute\": \"hascheckall\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"checkalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"check all label (optional)\"\n                },\n                \"attribute\": \"checkalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Seleziona tutti\\\"\"\n            },\n            \"uncheckalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"uncheck all label (optional)\"\n                },\n                \"attribute\": \"uncheckalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Deseleziona tutti\\\"\"\n            },\n            \"maxcheckableitems\": {\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\": \"max number of checkable items (0 = unlimited)\"\n                },\n                \"attribute\": \"maxcheckableitems\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"hasgroupitems\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"group items by category\"\n                },\n                \"attribute\": \"hasgroupitems\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"ControlSize.BIG\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"searchValue\": {},\n            \"selectedCounter\": {},\n            \"renderItemsList\": {},\n            \"focusedItemId\": {},\n            \"checkboxes\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"comboboxChange\",\n                \"name\": \"comboboxChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when value is checked/unchecked. Returns id, items.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"items\",\n                \"methodName\": \"watchItems\"\n            }, {\n                \"propName\": \"searchValue\",\n                \"methodName\": \"watchSearchValue\"\n            }, {\n                \"propName\": \"checkboxes\",\n                \"methodName\": \"watchCheckboxes\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-cover-hero.js

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { k as CoverHeroVariant, l as CoverHeroContentPosition } from './p-Bla2iV_L.js';
+
+const stylesCss = ":host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot=\"cover\"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container{height:100%}:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant=\"overlay\"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:\"\"}:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container .content-container{position:absolute;inset:0}:host([variant=\"overlay\"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant=\"stacked\"]){--cover-hero-text-color:var(--color-default-text)}:host([variant=\"stacked\"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}";
+
+const ZCoverHero$1 = /*@__PURE__*/ proxyCustomElement(class ZCoverHero extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = CoverHeroVariant.OVERLAY;
+        this.contentPosition = CoverHeroContentPosition.TOP;
+        this.preserveAspectRatio = true;
+    }
+    /**
+     * Store the intrinsic aspect ratio of the slotted image when loaded,
+     * to have a default when `--cover-hero-aspect-ratio` is not set.
+     * @param target The event target
+     */
+    onImgLoad({ target }) {
+        if (target instanceof Image && target.closest("[slot=cover]")) {
+            const ratio = target.naturalWidth / target.naturalHeight;
+            this.host.style.setProperty("--image-aspect-ratio", ratio.toString());
+        }
+    }
+    /**
+     * Template for the content.
+     */
+    renderContent() {
+        return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
+    }
+    render() {
+        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&
+            this.contentPosition === CoverHeroContentPosition.TOP &&
+            this.renderContent(), h("div", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: "main-container" }, h("div", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: "cover-container" }, h("slot", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: "cover" })), h("slot", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.contentPosition === CoverHeroContentPosition.BOTTOM &&
+            this.renderContent()));
+    }
+    get host() { return this; }
+    static get style() { return stylesCss; }
+}, [1, "z-cover-hero", {
+        "variant": [513],
+        "contentPosition": [513, "content-position"],
+        "preserveAspectRatio": [516, "preserve-aspect-ratio"]
+    }, [[2, "load", "onImgLoad"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-cover-hero"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-cover-hero":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZCoverHero$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZCoverHero = ZCoverHero$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZCoverHero, defineCustomElement };
+//# sourceMappingURL=z-cover-hero.js.map
+
+//# sourceMappingURL=z-cover-hero.js.map