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

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

@@ -0,0 +1 @@
+{"file":"z-breadcrumb.js","mappings":"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","names":["ZBreadcrumb","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --line-clamp-popover: 0;\n  --line-clamp-mobile: 1;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nnav {\n  display: flex;\n  align-items: center;\n}\n\nol {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  column-gap: var(--space-unit);\n  list-style: none;\n}\n\nli {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  column-gap: var(--space-unit);\n}\n\nol li > a,\nol li > button {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\na:focus,\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na {\n  color: var(--color-text-link-blue);\n  white-space: nowrap;\n}\n\na.missing-path {\n  color: var(--color-default-text);\n}\n\n.text-ellipsis {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--line-clamp-mobile);\n  line-clamp: var(--line-clamp-mobile);\n  text-overflow: ellipsis;\n  white-space: initial;\n}\n\nnav.semibold > ol > li > a:not(.missing-path),\nnav.semibold > ol > li > button {\n  font-weight: var(--font-sb);\n  text-decoration: none;\n}\n\nnav.underlined a,\nnav.underlined button {\n  text-decoration: underline;\n}\n\nz-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  display: block;\n  fill: var(--color-text-link-blue);\n}\n\nz-icon.separator {\n  --z-icon-width: 10px;\n  --z-icon-height: 10px;\n\n  fill: var(--gray500);\n}\n\nbutton.dots {\n  display: inline-block;\n  color: var(--color-text-link-blue);\n  cursor: pointer;\n}\n\n.hidden-paths-popover .popover-content {\n  max-width: 302px;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  text-align: left;\n}\n\n.hidden-paths-popover .popover-content a {\n  font-weight: var(--font-rg);\n  text-decoration: none;\n}\n\n.hidden-paths-popover {\n  --z-popover-theme--surface: var(--color-background);\n  --z-popover-padding: 0;\n  --background-color-list-element: var(--color-background);\n}\n\n.hidden-paths-popover::before,\n.full-path-tooltip::before {\n  --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n.full-path-tooltip {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n  --z-popover-padding: 0;\n}\n\n.tooltip-content {\n  padding: 0 var(--space-unit);\n  font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n  .text-ellipsis {\n    -webkit-line-clamp: var(--line-clamp-popover);\n    line-clamp: var(--line-clamp-popover);\n  }\n}\n\n@media (max-width: 767px) {\n  li a {\n    display: flex;\n    align-items: center;\n    column-gap: var(--space-unit);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { BreadcrumbHomepageVariant, BreadcrumbPathStyle, Device, KeyboardCode, ListSize, PopoverPosition, } from \"../../beans\";\nimport { getDevice, handleKeyboardSubmit } from \"../../utils/utils\";\nexport class ZBreadcrumb {\n    constructor() {\n        this.collapsedElements = [];\n        this.currentIndex = 0;\n        this.truncatePosition = null;\n        this.pathStyle = BreadcrumbPathStyle.UNDERLINED;\n        this.homepageVariant = BreadcrumbHomepageVariant.ICON;\n        this.maxNodesToShow = 5;\n        this.preventFollowUrl = false;\n        this.overflowMenuItemRows = 0;\n        this.truncateChar = 30;\n        this.viewPortWidth = undefined;\n        this.hasOverflow = false;\n        this.popoverEllipsisOpen = false;\n    }\n    handleResize() {\n        this.viewPortWidth = getDevice();\n        if (this.viewPortWidth !== Device.MOBILE &&\n            this.wrapElement &&\n            this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n            this.hasOverflow = true;\n        }\n    }\n    // eslint-disable-next-line lines-between-class-members\n    handlePropChange() {\n        this.initializeBreadcrumb();\n    }\n    handleResizeUp(newValue, oldValue) {\n        if (newValue === Device.MOBILE ||\n            (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n            (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n            (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n            (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n            (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n            (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)) {\n            this.initializeBreadcrumb();\n        }\n    }\n    componentWillLoad() {\n        this.viewPortWidth = getDevice();\n        this.initializeBreadcrumb();\n    }\n    componentWillRender() {\n        if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n            this.checkEllipsisOrOverflowMenu();\n            this.hasOverflow = false;\n        }\n    }\n    componentDidRender() {\n        if (this.collapsedElementsRef) {\n            this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n        }\n        if (this.viewPortWidth !== Device.MOBILE) {\n            requestAnimationFrame(() => {\n                if (this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n                    if (!this.hasOverflow) {\n                        this.hasOverflow = true;\n                    }\n                }\n            });\n        }\n    }\n    initializeBreadcrumb() {\n        if (this.viewPortWidth === Device.MOBILE) {\n            this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n        }\n        else {\n            this.pathsList = this.getPathsItemsList();\n        }\n        this.homepageNode = this.pathsList.shift();\n        this.pathListCopy = [...this.pathsList];\n        this.collapsedElements = [];\n        if (this.pathsList.length > this.maxNodesToShow) {\n            this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n        }\n    }\n    checkEllipsisOrOverflowMenu() {\n        for (let i = 0; i < this.pathsList.length; i++) {\n            if (this.pathsList[i].text.length <= this.truncateChar) {\n                continue;\n            }\n            if (this.truncatePosition > 0) {\n                this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition));\n                this.pathsList.splice(0, this.truncatePosition);\n                this.truncatePosition = 0;\n                return;\n            }\n            else if (this.truncatePosition === 0) {\n                this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition + 1));\n                this.pathsList.splice(0, this.truncatePosition + 1);\n                this.truncatePosition = null;\n                return;\n            }\n            if (i !== this.pathsList.length - 1) {\n                const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n                this.currentEllipsisText = this.pathsList[i].text;\n                this.pathsList[i].text = truncatedString;\n                this.pathsList[i].hasTooltip = true;\n                this.truncatePosition = i;\n                return;\n            }\n        }\n    }\n    truncateWithEllipsis(str, maxLength) {\n        if (str.length <= maxLength) {\n            return str;\n        }\n        return str.substring(0, maxLength - 1) + \"&mldr;\";\n    }\n    getPathsItemsList() {\n        return Array.from(this.hostElement.children).map((item) => {\n            return {\n                text: item.textContent,\n                path: item.href,\n                hasTooltip: false,\n            };\n        });\n    }\n    renderHomepageNode() {\n        return (h(\"li\", null, h(\"a\", { class: {\n                \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n            }, href: this.homepageNode.path, onClick: (e) => this.handlePreventFollowUrl(e, this.homepageNode), innerHTML: this.homepageVariant === BreadcrumbHomepageVariant.ICON\n                ? `<z-icon name=\"home\" />`\n                : this.homepageNode.text || \"Home\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n    }\n    togglePopover() {\n        if (!this.collapsedElementsRef.open) {\n            this.collapsedElementsRef.open = true;\n        }\n    }\n    handlePreventFollowUrl(e, item) {\n        if (this.preventFollowUrl) {\n            e.preventDefault();\n            this.clickOnNode.emit(item.path);\n        }\n    }\n    handleOverflowMenuAccessibility(e) {\n        const anchorElementsLenght = this.anchorElements.length;\n        if (e.key === KeyboardCode.TAB) {\n            e.preventDefault();\n            return;\n        }\n        e.stopPropagation();\n        const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n        if (arrows.includes(e.key)) {\n            e.preventDefault();\n            if (e.key === KeyboardCode.ARROW_DOWN) {\n                this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n            }\n            if (e.key === KeyboardCode.ARROW_UP) {\n                this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n            }\n            this.anchorElements[this.currentIndex].focus();\n        }\n        if (e.key === KeyboardCode.ESC) {\n            this.triggerButton.focus();\n        }\n    }\n    renderOverflowMenu() {\n        return (h(\"li\", null, h(\"z-popover\", { class: \"hidden-paths-popover\", ref: (val) => (this.collapsedElementsRef = val), bindTo: this.triggerButton, position: PopoverPosition.BOTTOM_RIGHT, closable: true, showArrow: true }, h(\"div\", { class: \"popover-content\" }, h(\"z-list\", null, h(\"z-list-group\", { size: ListSize.SMALL }, this.collapsedElements.map((item, index, array) => {\n            return (h(\"div\", null, h(\"z-list-element\", { clickable: true }, h(\"a\", { class: \"text-ellipsis\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onKeyDown: (e) => this.handleOverflowMenuAccessibility(e), innerHTML: item.text })), index < array.length - 1 && h(\"z-divider\", { color: \"color-surface03\" })));\n        }))))), h(\"button\", { class: \"dots\", ref: (el) => (this.triggerButton = el), \"aria-label\": \"Mostra pi\\u00F9 breadcrumb\", \"aria-haspopup\": \"true\", onClick: () => {\n                this.togglePopover();\n            }, onKeyDown: (e) => {\n                handleKeyboardSubmit(e, this.togglePopover.bind(this));\n                setTimeout(() => {\n                    this.anchorElements[0].focus();\n                }, 100);\n            }, innerHTML: \"&mldr;\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n    }\n    renderMobileItems() {\n        // show only the second to last element\n        const secondToLastPath = this.pathsList[this.pathsList.length - 1];\n        if (!secondToLastPath) {\n            return;\n        }\n        return (h(\"li\", null, h(\"a\", { \"aria-current\": secondToLastPath.path ? undefined : \"page\", href: secondToLastPath.path, onClick: (e) => this.handlePreventFollowUrl(e, secondToLastPath) }, h(\"z-icon\", { name: \"chevron-left\" }), h(\"span\", { class: {\n                \"missing-path\": !secondToLastPath.path,\n                \"text-ellipsis\": true,\n            } }, secondToLastPath.text))));\n    }\n    renderItems() {\n        let trigger;\n        return [\n            this.renderHomepageNode(),\n            this.collapsedElements.length > 0 && this.renderOverflowMenu(),\n            ...this.pathsList.map((item, index) => (h(\"li\", null, item.hasTooltip && (h(\"z-popover\", { class: \"full-path-tooltip\", bindTo: trigger, open: this.popoverEllipsisOpen, position: PopoverPosition.BOTTOM_RIGHT, closable: false, showArrow: true }, h(\"span\", { class: \"tooltip-content\" }, this.currentEllipsisText))), h(\"a\", { class: { \"missing-path\": !item.path }, ref: (val) => (trigger = val), \"aria-current\": item.path ? undefined : \"page\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onMouseOver: () => {\n                    if (item.hasTooltip) {\n                        this.popoverEllipsisOpen = true;\n                    }\n                }, onMouseLeave: () => {\n                    if (item.hasTooltip) {\n                        this.popoverEllipsisOpen = false;\n                    }\n                }, innerHTML: item.text }), index !== this.pathsList.length - 1 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))))),\n        ];\n    }\n    render() {\n        return (h(Host, { key: 'a92078ad9a4aa1ac4689c66c765afa5f113d16d7', style: { \"--line-clamp-popover\": `${this.overflowMenuItemRows}` } }, h(\"nav\", { key: '99259d02797aff8396f3a87af0ff40d1c97e40fd', ref: (val) => (this.wrapElement = val), \"aria-label\": \"Breadcrumb\", class: {\n                semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n                underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n            } }, h(\"ol\", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));\n    }\n    static get is() { return \"z-breadcrumb\"; }\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            \"pathStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BreadcrumbPathStyle\",\n                    \"resolved\": \"BreadcrumbPathStyle.SEMIBOLD | BreadcrumbPathStyle.UNDERLINED\",\n                    \"references\": {\n                        \"BreadcrumbPathStyle\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbPathStyle\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the path style\"\n                },\n                \"attribute\": \"path-style\",\n                \"reflect\": true,\n                \"defaultValue\": \"BreadcrumbPathStyle.UNDERLINED\"\n            },\n            \"homepageVariant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BreadcrumbHomepageVariant\",\n                    \"resolved\": \"BreadcrumbHomepageVariant.ICON | BreadcrumbHomepageVariant.TEXT\",\n                    \"references\": {\n                        \"BreadcrumbHomepageVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbHomepageVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Variant of first node\"\n                },\n                \"attribute\": \"homepage-variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"BreadcrumbHomepageVariant.ICON\"\n            },\n            \"maxNodesToShow\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets max number of element to show\"\n                },\n                \"attribute\": \"max-nodes-to-show\",\n                \"reflect\": false,\n                \"defaultValue\": \"5\"\n            },\n            \"preventFollowUrl\": {\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\": \"[optional] Controls the behaviour on <a> tag click/enter\"\n                },\n                \"attribute\": \"prevent-follow-url\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"overflowMenuItemRows\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets max number of row for each path inside the popover. Zero equals unlimited\"\n                },\n                \"attribute\": \"overflow-menu-item-rows\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"truncateChar\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the maximun number of chars per single node\"\n                },\n                \"attribute\": \"truncate-char\",\n                \"reflect\": false,\n                \"defaultValue\": \"30\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"viewPortWidth\": {},\n            \"hasOverflow\": {},\n            \"popoverEllipsisOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"clickOnNode\",\n                \"name\": \"clickOnNode\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when preventFollowUrl=true to handle custom page transition\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbPath[\\\"path\\\"]\",\n                    \"resolved\": \"string\",\n                    \"references\": {\n                        \"BreadcrumbPath\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbPath\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"maxNodesToShow\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"viewPortWidth\",\n                \"methodName\": \"handleResizeUp\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"handleResize\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-button-sort.js

@@ -0,0 +1,87 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dxu5saXC.js';
+import { B as Breakpoints } from './p-Q-tWjk7P.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+
+const stylesCss = "button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";
+
+const ZButtonSort$1 = /*@__PURE__*/ proxyCustomElement(class ZButtonSort extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.buttonSortClick = createEvent(this, "buttonSortClick", 7);
+        this.buttonid = undefined;
+        this.label = undefined;
+        this.desclabel = undefined;
+        this.counter = undefined;
+        this.sortlabelasc = "A-Z";
+        this.sortlabeldesc = "Z-A";
+        this.isselected = false;
+        this.sortasc = true;
+        this.allowTooltip = false;
+    }
+    emitButtonSortClick() {
+        if (!this.isselected) {
+            this.isselected = true;
+        }
+        else {
+            this.sortasc = !this.sortasc;
+        }
+        this.buttonSortClick.emit({
+            buttonid: this.buttonid,
+            sortAsc: this.sortasc,
+        });
+    }
+    componentDidLoad() {
+        if (this.elementHasEllipsis() && window.innerWidth > Breakpoints.TABLET) {
+            this.allowTooltip = true;
+        }
+    }
+    setButtonTitle() {
+        return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : "";
+    }
+    elementHasEllipsis() {
+        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
+    }
+    render() {
+        return (h("button", { key: 'ad7184ad09e3c07eb2e2b548775155006a67cb6c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '84451899a4c8ccecb759144f7c2f991628e2e998', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '6b18ed6bdf9466de296625afd14fda3ac5180d7b', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '931fd0149c14840cfe0721a5af9eabb0dcfb7d24', name: "caret-up-down", width: 16, height: 16 })));
+    }
+    static get style() { return stylesCss; }
+}, [1, "z-button-sort", {
+        "buttonid": [1],
+        "label": [1],
+        "desclabel": [1],
+        "counter": [2],
+        "sortlabelasc": [1],
+        "sortlabeldesc": [1],
+        "isselected": [1028],
+        "sortasc": [1028],
+        "allowTooltip": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-button-sort", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-button-sort":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZButtonSort$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZButtonSort = ZButtonSort$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZButtonSort, defineCustomElement };
+//# sourceMappingURL=z-button-sort.js.map
+
+//# sourceMappingURL=z-button-sort.js.map

package/dist/components/z-button-sort.js.map

@@ -0,0 +1 @@
+{"file":"z-button-sort.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,u6CAAu6C;;MCE56CA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AACpB,IAAA,WAAA,GAAA;;;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAC5B;IACD,mBAAmB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAClB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;aAErB;AACD,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;;AAEhC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;AACxB,SAAA,CAAC;;IAEN,gBAAgB,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,IAAI,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,MAAM,EAAE;AACrE,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;;IAGhC,cAAc,GAAA;QACV,OAAO,IAAI,CAAC,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAA,CAAE,GAAG,EAAE;;IAEnF,kBAAkB,GAAA;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;;IAEhE,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,CAAA,EAAA,EAAK,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZButtonSort","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-button-sort/styles.css?tag=z-button-sort&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-button-sort/index.js"],"sourcesContent":["button {\n  display: flex;\n  max-width: 100%;\n  height: 36px;\n  align-items: center;\n  padding: 0 var(--space-unit);\n  border: var(--border-size-medium) solid var(--color-primary01);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary-icon);\n}\n\nbutton:focus {\n  border-color: var(--color-primary01);\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-active-primary-icon);\n}\n\nbutton.selected {\n  border-color: var(--color-hover-primary);\n  background-color: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n  fill: var(--color-inverse-icon);\n}\n\nbutton > span.ellipsis {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nbutton > span.counter {\n  margin-right: calc(var(--space-unit) * 2);\n  margin-left: calc(var(--space-unit) / 2);\n}\n\nbutton > span.sort {\n  margin-right: calc(var(--space-unit) / 2);\n  white-space: nowrap;\n}\n\nbutton > span {\n  margin-right: calc(var(--space-unit) / 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  button {\n    max-width: 325px;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  button {\n    max-width: 490px;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport { Breakpoints } from \"../../constants/breakpoints\";\nexport class ZButtonSort {\n    constructor() {\n        this.buttonid = undefined;\n        this.label = undefined;\n        this.desclabel = undefined;\n        this.counter = undefined;\n        this.sortlabelasc = \"A-Z\";\n        this.sortlabeldesc = \"Z-A\";\n        this.isselected = false;\n        this.sortasc = true;\n        this.allowTooltip = false;\n    }\n    emitButtonSortClick() {\n        if (!this.isselected) {\n            this.isselected = true;\n        }\n        else {\n            this.sortasc = !this.sortasc;\n        }\n        this.buttonSortClick.emit({\n            buttonid: this.buttonid,\n            sortAsc: this.sortasc,\n        });\n    }\n    componentDidLoad() {\n        if (this.elementHasEllipsis() && window.innerWidth > Breakpoints.TABLET) {\n            this.allowTooltip = true;\n        }\n    }\n    setButtonTitle() {\n        return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n    }\n    elementHasEllipsis() {\n        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n    }\n    render() {\n        return (h(\"button\", { key: 'ad7184ad09e3c07eb2e2b548775155006a67cb6c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h(\"span\", { key: '84451899a4c8ccecb759144f7c2f991628e2e998', ref: (el) => (this.ellipsis = el), class: \"ellipsis\" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h(\"span\", { key: '6b18ed6bdf9466de296625afd14fda3ac5180d7b', class: \"counter\" }, this.counter && ` (${this.counter})`), h(\"span\", { key: 'f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0', class: \"sort\" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h(\"z-icon\", { key: '931fd0149c14840cfe0721a5af9eabb0dcfb7d24', name: \"caret-up-down\", width: 16, height: 16 })));\n    }\n    static get is() { return \"z-button-sort\"; }\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            \"buttonid\": {\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\": \"id, should be unique\"\n                },\n                \"attribute\": \"buttonid\",\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 content (ascending)\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"desclabel\": {\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\": \"label content (descending)\"\n                },\n                \"attribute\": \"desclabel\",\n                \"reflect\": false\n            },\n            \"counter\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"occurrences counter (optional)\"\n                },\n                \"attribute\": \"counter\",\n                \"reflect\": false\n            },\n            \"sortlabelasc\": {\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\": \"sort label content (ascending) (optional)\"\n                },\n                \"attribute\": \"sortlabelasc\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"A-Z\\\"\"\n            },\n            \"sortlabeldesc\": {\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\": \"sort label content (descending) (optional)\"\n                },\n                \"attribute\": \"sortlabeldesc\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Z-A\\\"\"\n            },\n            \"isselected\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"selected flag (optional)\"\n                },\n                \"attribute\": \"isselected\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"sortasc\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"sortable flag (optional)\"\n                },\n                \"attribute\": \"sortasc\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"allowTooltip\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"buttonSortClick\",\n                \"name\": \"buttonSortClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"sorting direction click event, returns `buttonid` and `sortAsc`\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-button.js

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

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

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

package/dist/components/z-card.js

@@ -0,0 +1,84 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { f as CardVariant } from './p-Bla2iV_L.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+
+const stylesCss = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;--z-card--text-padding:calc(var(--space-unit) * 2) var(--space-unit);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:not([variant=\"overlay\"])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot=\"cover\"]),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:var(--space-unit)}::slotted([slot=\"metadata\"]),::slotted([slot=\"title\"]),::slotted([slot=\"text\"]){display:-webkit-inline-box;overflow:hidden;-webkit-box-orient:vertical}::slotted([slot=\"title\"]:not(:last-child)),::slotted([slot=\"text\"]:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot=\"title\"])::before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:\"\"}::slotted([slot=\"metadata\"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;line-clamp:1;text-transform:uppercase}::slotted([slot=\"title\"]){margin:0;font-size:var(--font-size-3);font-weight:var(--font-sb);-webkit-line-clamp:2;line-clamp:2;text-decoration:none}::slotted([slot=\"title\"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none}::slotted([slot=\"text\"]){margin:0;-webkit-line-clamp:3;line-clamp:3}.actions{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center}::slotted([slot=\"action\"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}::slotted([slot=\"action\"]:focus){box-shadow:var(--shadow-focus-primary);outline:none !important}:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([variant=\"text\"]){border:var(--z-card--text-border);background-color:var(--z-card--text-background);border-radius:var(--z-card--text-border-radius)}:host([show-shadow])>.content,:host([variant=\"border\"])>.content,:host([variant=\"shadow\"])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant=\"text\"])>.content{padding:var(--z-card--text-padding)}:host([variant=\"border\"]) .actions,:host([variant=\"shadow\"]) .actions{margin-top:auto}:host([variant=\"border\"]){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant=\"border\"][clickable]:hover)>.content{background:var(--color-background)}:host([variant=\"border\"][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant=\"border\"][clickable]:active){border-color:transparent}:host([variant=\"shadow\"]),:host([show-shadow]){box-shadow:var(--shadow-2)}:host([variant=\"shadow\"][clickable]:hover),:host([clickable][show-shadow]:hover){box-shadow:var(--shadow-4)}:host([variant=\"shadow\"][clickable]:focus:focus-visible),:host([clickable][show-shadow]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant=\"shadow\"][clickable]:active),:host([clickable][show-shadow]:active){box-shadow:none}:host([variant=\"overlay\"]) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
+
+const ZCard$1 = /*@__PURE__*/ proxyCustomElement(class ZCard extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = undefined;
+        this.coverIcon = undefined;
+        this.showShadow = false;
+        this.clickable = false;
+        this.hasCoverImage = undefined;
+    }
+    componentWillLoad() {
+        this.hasCoverImage = this.host.querySelector('[slot="cover"]') !== null;
+    }
+    /**
+     * Template for a card without image cover.
+     * A colored background replaces the image and some data is moved over it.
+     */
+    renderColorCoverCard() {
+        return [
+            h("div", { class: "cover-container" }, h("div", { class: "color-cover" }, h("div", { class: "cover-content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" })))),
+            h("div", { class: "content" }, h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" }))),
+        ];
+    }
+    /**
+     * Template for the content.
+     */
+    renderContent() {
+        return (h("div", { class: "content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" }), h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" }))));
+    }
+    render() {
+        if (this.variant === CardVariant.TEXT) {
+            return h(Host, null, this.renderContent());
+        }
+        if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {
+            return (h(Host, null, h("div", { class: "cover-container" }, this.hasCoverImage && [
+                h("slot", { name: "cover" }),
+                this.variant !== CardVariant.OVERLAY && this.coverIcon && h("z-icon", { name: this.coverIcon }),
+            ], !this.hasCoverImage && h("div", { class: "color-cover" })), this.renderContent()));
+        }
+        return h(Host, null, this.renderColorCoverCard());
+    }
+    get host() { return this; }
+    static get style() { return stylesCss; }
+}, [1, "z-card", {
+        "variant": [513],
+        "coverIcon": [1, "cover-icon"],
+        "showShadow": [516, "show-shadow"],
+        "clickable": [516],
+        "hasCoverImage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-card", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZCard$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZCard = ZCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZCard, defineCustomElement };
+//# sourceMappingURL=z-card.js.map
+
+//# sourceMappingURL=z-card.js.map

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

@@ -0,0 +1 @@
+{"file":"z-card.js","mappings":"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","names":["ZCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-card/styles.css?tag=z-card&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-card/index.js"],"sourcesContent":["/* The width of the card must be set by its container,\nrespecting the grid indications of the design. */\n\n:host {\n  /* Override this var to change the cover's aspect ratio */\n  --aspect-ratio: 1.62;\n  --z-card--border-color: var(--gray200);\n  --z-card--color-cover-background: var(--color-surface01);\n  --z-card--text-background: var(--color-surface01);\n  --z-card--text-border-radius: none;\n  --z-card--text-border: none;\n  --z-card--text-padding: calc(var(--space-unit) * 2) var(--space-unit);\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n*,\n::slotted(*) {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:not([variant=\"overlay\"])) .cover-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Old good trick with percentage padding to keep the aspect ratio.\nUnfortunately the `aspect-ratio` property is still experimental */\n.cover-container {\n  padding-bottom: calc(100% / var(--aspect-ratio));\n}\n\n::slotted([slot=\"cover\"]),\n.color-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.cover-container > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 11);\n  --z-icon-height: var(--z-icon-width);\n\n  position: absolute;\n  top: calc(50% - calc(var(--z-icon-height) / 2));\n  left: calc(50% - calc(var(--z-icon-width) / 2));\n  fill: var(--color-primary01);\n}\n\n.color-cover {\n  background-color: var(--z-card--color-cover-background);\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--space-unit);\n}\n\n.color-cover .cover-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n}\n\n/* Truncates overflowing text */\n::slotted([slot=\"metadata\"]),\n::slotted([slot=\"title\"]),\n::slotted([slot=\"text\"]) {\n  display: -webkit-inline-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n}\n\n::slotted([slot=\"title\"]:not(:last-child)),\n::slotted([slot=\"text\"]:not(:last-child)) {\n  margin-bottom: var(--space-unit);\n}\n\n::slotted([slot=\"title\"])::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \"\";\n}\n\n::slotted([slot=\"metadata\"]:not(:last-child)) {\n  margin: 0 0 calc(var(--space-unit) * 0.25);\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"title\"]) {\n  margin: 0;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-decoration: none;\n}\n\n::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n::slotted([slot=\"text\"]) {\n  margin: 0;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n}\n\n.actions {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n::slotted([slot=\"action\"]:not(:last-child)) {\n  margin-right: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"action\"]:focus) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n:host([variant=\"text\"]) {\n  border: var(--z-card--text-border);\n  background-color: var(--z-card--text-background);\n  border-radius: var(--z-card--text-border-radius);\n}\n\n:host([show-shadow]) > .content,\n:host([variant=\"border\"]) > .content,\n:host([variant=\"shadow\"]) > .content {\n  height: 100%;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host([variant=\"text\"]) > .content {\n  padding: var(--z-card--text-padding);\n}\n\n:host([variant=\"border\"]) .actions,\n:host([variant=\"shadow\"]) .actions {\n  margin-top: auto;\n}\n\n/* Border */\n:host([variant=\"border\"]) {\n  border: var(--border-size-small) solid var(--z-card--border-color);\n}\n\n:host([variant=\"border\"][clickable]:hover) > .content {\n  background: var(--color-background);\n}\n\n:host([variant=\"border\"][clickable]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"border\"][clickable]:active) {\n  border-color: transparent;\n}\n\n/* Shadow */\n:host([variant=\"shadow\"]),\n:host([show-shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\n:host([variant=\"shadow\"][clickable]:hover),\n:host([clickable][show-shadow]:hover) {\n  box-shadow: var(--shadow-4);\n}\n\n:host([variant=\"shadow\"][clickable]:focus:focus-visible),\n:host([clickable][show-shadow]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"shadow\"][clickable]:active),\n:host([clickable][show-shadow]:active) {\n  box-shadow: none;\n}\n\n/* Overlay */\n:host([variant=\"overlay\"]) .content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n  background-image: linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { CardVariant } from \"../../beans\";\n/**\n * ZCard component.\n * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`\n * @cssprop --z-card--border-color - Default: `var(--gray200)`\n * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-border-radius - Default: `none`\n * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`\n * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`\n * @slot cover - Image cover\n * @slot metadata - Metadata\n * @slot title - Title\n * @slot text - Text content\n * @slot action - Actions\n */\nexport class ZCard {\n    constructor() {\n        this.variant = undefined;\n        this.coverIcon = undefined;\n        this.showShadow = false;\n        this.clickable = false;\n        this.hasCoverImage = undefined;\n    }\n    componentWillLoad() {\n        this.hasCoverImage = this.host.querySelector('[slot=\"cover\"]') !== null;\n    }\n    /**\n     * Template for a card without image cover.\n     * A colored background replaces the image and some data is moved over it.\n     */\n    renderColorCoverCard() {\n        return [\n            h(\"div\", { class: \"cover-container\" }, h(\"div\", { class: \"color-cover\" }, h(\"div\", { class: \"cover-content\" }, h(\"slot\", { name: \"metadata\" }), h(\"slot\", { name: \"title\" })))),\n            h(\"div\", { class: \"content\" }, h(\"slot\", { name: \"text\" }), h(\"div\", { class: \"actions\" }, h(\"slot\", { name: \"action\" }))),\n        ];\n    }\n    /**\n     * Template for the content.\n     */\n    renderContent() {\n        return (h(\"div\", { class: \"content\" }, h(\"slot\", { name: \"metadata\" }), h(\"slot\", { name: \"title\" }), h(\"slot\", { name: \"text\" }), h(\"div\", { class: \"actions\" }, h(\"slot\", { name: \"action\" }))));\n    }\n    render() {\n        if (this.variant === CardVariant.TEXT) {\n            return h(Host, null, this.renderContent());\n        }\n        if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {\n            return (h(Host, null, h(\"div\", { class: \"cover-container\" }, this.hasCoverImage && [\n                h(\"slot\", { name: \"cover\" }),\n                this.variant !== CardVariant.OVERLAY && this.coverIcon && h(\"z-icon\", { name: this.coverIcon }),\n            ], !this.hasCoverImage && h(\"div\", { class: \"color-cover\" })), this.renderContent()));\n        }\n        return h(Host, null, this.renderColorCoverCard());\n    }\n    static get is() { return \"z-card\"; }\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CardVariant\",\n                    \"resolved\": \"CardVariant.BORDER | CardVariant.OVERLAY | CardVariant.SHADOW | CardVariant.TEXT\",\n                    \"references\": {\n                        \"CardVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CardVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Card variant.\\nCan be one of \\\"text\\\", \\\"border\\\", \\\"shadow\\\", \\\"overlay\\\".\\nLeave it undefined for the default card.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true\n            },\n            \"coverIcon\": {\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\": \"Name of the icon to place over the image cover\"\n                },\n                \"attribute\": \"cover-icon\",\n                \"reflect\": false\n            },\n            \"showShadow\": {\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\": \"Enable shadow. Default: false.\"\n                },\n                \"attribute\": \"show-shadow\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"clickable\": {\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\": \"Enable \\\"clickable\\\" styles like hover background and cursor, focus shadow on the whole card, etc.\"\n                },\n                \"attribute\": \"clickable\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasCoverImage\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-carousel.js

@@ -0,0 +1,235 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-Dxu5saXC.js';
+import { g as CarouselArrowsPosition, h as CarouselProgressMode, B as ButtonVariant } from './p-Bla2iV_L.js';
+import { d as defineCustomElement$4 } from './p-C79F56iB.js';
+import { d as defineCustomElement$3 } from './p-BwaWGQgy.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+
+const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0;}:host([single]){display:flex;flex-direction:column;align-items:center;justify-content:center}:host([single]) .z-carousel-container{width:fit-content;max-width:100%}.z-carousel-container{display:flex;flex-direction:column}.z-carousel-title{margin-bottom:calc(var(--space-unit) * 2)}.z-carousel-wrapper{position:relative}.z-carousel-items-container{display:flex;max-width:100%;flex-direction:row;margin:0;box-shadow:var(--z-carousel-items-shadow, none);column-gap:var(--z-carousel-gutter);list-style:none;-ms-overflow-style:none;overflow-x:scroll;padding-inline-start:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container ::slotted(*){scroll-snap-align:center}.z-carousel-navigation-arrow[hidden]{display:none}.z-carousel-navigation-arrow[data-direction]{position:absolute;z-index:1;bottom:50%;transform:translateY(50%)}.z-carousel-navigation-arrow[data-direction=\"next\"]{right:0}:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow{display:none}.z-carousel-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:calc(var(--space-unit) * 3)}:host([arrows-position=\"bottom\"]) .z-carousel-footer{margin-top:calc(var(--space-unit) * 0.75)}.z-carousel-footer .numbers-progress,.z-carousel-footer .dots-progress{display:flex;align-items:center;justify-content:center}.z-carousel-footer .dots-progress{column-gap:calc(var(--space-unit) * 3)}:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .dots-progress{margin-top:calc(var(--space-unit) * 2)}.z-carousel-footer .dots-progress button{display:flex;width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);align-items:center;padding:0;border:none;margin:0;background-color:var(--color-surface03);border-radius:calc(var(--space-unit) * 3)}.z-carousel-footer .dots-progress button.current{background-color:var(--color-primary01)}.z-carousel-footer .dots-progress button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-carousel-footer .dots-progress button:not(.current){cursor:pointer}.z-carousel-footer .numbers-progress{column-gap:calc(var(--space-unit) / 2)}:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .numbers-progress{margin-top:var(--space-unit)}.z-carousel-footer .numbers-progress .current{font-weight:var(--font-sb)}@media (min-width: 768px){:host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]){display:flex}}";
+
+const ZCarousel$1 = /*@__PURE__*/ proxyCustomElement(class ZCarousel extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.indexChange = createEvent(this, "indexChange", 7);
+        /** Flag indicating the items container is about to scroll programmatically towards the stored index. */
+        this.scrollingTo = null;
+        this.isLoading = undefined;
+        this.label = undefined;
+        this.single = false;
+        this.arrowsPosition = undefined;
+        this.progressMode = undefined;
+        this.fixedArrows = true;
+        this.ghostLoadingHeight = 100;
+        this.infinite = false;
+        this.current = 0;
+        this.items = undefined;
+        this.highlightedIndicator = undefined;
+        this.canNavigatePrev = undefined;
+        this.canNavigateNext = undefined;
+    }
+    onIndexChange() {
+        this.indexChange.emit({ currentItem: this.current });
+    }
+    onSingleModeChange() {
+        if (this.single && !this.intersectionObserver) {
+            this.setIntersectionObserver();
+        }
+    }
+    onInfiniteModeChange() {
+        this.checkNavigationValidity();
+    }
+    /**
+     * Set an intersection observer to:
+     * - highlight the indicator of the intersecting item during scroll
+     * - set the current item to the last intersecting item
+     */
+    setIntersectionObserver() {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            const entry = entries.find(({ isIntersecting }) => isIntersecting);
+            if (!entry) {
+                return;
+            }
+            const entryIndex = this.items.findIndex((item) => item === entry.target);
+            this.highlightedIndicator = entryIndex;
+            /* skip setting the current item if intersection has been triggered by a programmatic scroll
+            (@see `goTo` function) and the final index has not been reached */
+            if (this.scrollingTo !== null && entryIndex !== this.scrollingTo) {
+                return;
+            }
+            this.scrollingTo = null;
+            this.current = entryIndex;
+        }, {
+            root: this.itemsContainer,
+            threshold: 0.5,
+        });
+        this.items.forEach((element) => this.intersectionObserver.observe(element));
+    }
+    /** Update items' list and check conditions to allow navigation */
+    onSlotChange() {
+        this.items = Array.from(this.host.children);
+        this.checkNavigationValidity();
+        this.setIntersectionObserver();
+        this.goTo(this.current);
+    }
+    onPrev() {
+        if (this.single) {
+            this.goTo(this.infinite && this.current - 1 < 0 ? this.items.length - 1 : Math.max(0, this.current - 1));
+            return;
+        }
+        this.itemsContainer.scrollBy({
+            left: this.infinite && this.itemsContainer.scrollLeft == 0
+                ? this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth
+                : -this.itemsContainer.clientWidth / 2,
+            behavior: "smooth",
+        });
+    }
+    onNext() {
+        if (this.single) {
+            const next = this.infinite && this.current + 1 > this.items.length - 1
+                ? 0
+                : Math.min(this.current + 1, this.items.length - 1);
+            return this.goTo(next);
+        }
+        this.itemsContainer.scrollBy({
+            left: this.infinite &&
+                this.itemsContainer.scrollLeft == this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth
+                ? -this.itemsContainer.scrollWidth
+                : this.itemsContainer.clientWidth / 2,
+            behavior: "smooth",
+        });
+    }
+    /**
+     * Check if navigation buttons can be enabled and set the related local states.
+     */
+    checkNavigationValidity() {
+        if (this.single) {
+            this.canNavigatePrev = this.current > 0;
+            this.canNavigateNext = this.current < this.items.length - 1;
+            return;
+        }
+        this.canNavigatePrev = this.itemsContainer.scrollLeft > 0;
+        this.canNavigateNext =
+            this.itemsContainer.scrollLeft < this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth;
+    }
+    /**
+     * Check if footer has to be rendered.
+     */
+    canShowFooter() {
+        if (!this.canNavigatePrev && !this.canNavigateNext) {
+            return false;
+        }
+        return (this.arrowsPosition === CarouselArrowsPosition.BOTTOM ||
+            this.progressMode === CarouselProgressMode.DOTS ||
+            this.progressMode === CarouselProgressMode.NUMBERS);
+    }
+    /**
+     * Set current item to passed index.
+     * @param index Index to set
+     */
+    goTo(index) {
+        if (this.current === index) {
+            return;
+        }
+        this.scrollingTo = index;
+        const left = this.items.slice(0, index).reduce((acc, item) => (acc += item.clientWidth), 0);
+        // the scroll will trigger the IntersectionObserver and set the current item
+        this.itemsContainer.scroll({
+            left,
+            behavior: "smooth",
+        });
+    }
+    /** Check if navigation of at least one direction is enabled */
+    get canNavigate() {
+        return this.canNavigatePrev || this.canNavigateNext;
+    }
+    setupItems() {
+        this.items = Array.from(this.host.children);
+        this.items.forEach((item) => {
+            item.setAttribute("aria-roledescription", "slide");
+        });
+    }
+    componentDidLoad() {
+        var _a, _b;
+        (_a = this.itemsContainer) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", this.checkNavigationValidity.bind(this), { passive: true });
+        this.resizeObserver = new ResizeObserver(this.checkNavigationValidity.bind(this));
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(this.itemsContainer);
+        this.setupItems();
+        if (this.single) {
+            this.setIntersectionObserver();
+        }
+        this.checkNavigationValidity();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    render() {
+        if (this.isLoading) {
+            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))));
+        }
+        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" }))))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "current": ["onIndexChange"],
+        "single": ["onSingleModeChange"],
+        "infinite": ["onInfiniteModeChange"]
+    }; }
+    static get style() { return stylesCss; }
+}, [1, "z-carousel", {
+        "isLoading": [4, "is-loading"],
+        "label": [1],
+        "single": [516],
+        "arrowsPosition": [513, "arrows-position"],
+        "progressMode": [1, "progress-mode"],
+        "fixedArrows": [516, "fixed-arrows"],
+        "ghostLoadingHeight": [2, "ghost-loading-height"],
+        "infinite": [4],
+        "current": [32],
+        "items": [32],
+        "highlightedIndicator": [32],
+        "canNavigatePrev": [32],
+        "canNavigateNext": [32]
+    }, undefined, {
+        "current": ["onIndexChange"],
+        "single": ["onSingleModeChange"],
+        "infinite": ["onInfiniteModeChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-carousel", "z-button", "z-ghost-loading", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-carousel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZCarousel$1);
+            }
+            break;
+        case "z-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-ghost-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZCarousel = ZCarousel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZCarousel, defineCustomElement };
+//# sourceMappingURL=z-carousel.js.map
+
+//# sourceMappingURL=z-carousel.js.map