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

package/www/build/p-2fb38b5e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","DOCUMENT_ELEMENT","document","documentElement","getParentElement","element","parentNode","shadowRoot","host","parentElement","findScrollableParent","parent","overflow","overflowX","overflowY","window","getComputedStyle","scrollHeight","clientHeight","scrollWidth","clientWidth","computeOffset","targetParentOffset","rect","getBoundingClientRect","width","height","top","left","offsetParent","offsetLeft","body","scrollY","offsetTop","DOMMatrix","style","transform","webkitTransform","domMatrix","m41","m42","parentWidth","parentHeight","innerWidth","innerHeight","offsetWidth","offsetHeight","right","bottom","ZPopover","constructor","hostRef","this","position","PopoverPosition","AUTO","open","bindTo","undefined","showArrow","center","closable","currentPosition","closePopoverWithKeyboard","e","key","KeyboardCode","ESC","handleOutsideClick","composedPath","includes","target","triggerElemClicked","HTMLElement","contains","closest","stopPropagation","positionChange","emit","validatePosition","newValue","Object","values","onOpen","cancelAnimationFrame","animationFrameRequestId","setPosition","requestAnimationFrame","hasAttribute","removeAttribute","openChange","disconnectedCallback","ownerDocument","querySelector","scrollContainer","scrollingBoundingRect","offsetContainer","relativeBoundingRect","boundingRect","scrollTop","scrollLeft","overflowBottom","Math","max","overflowRight","availableTop","min","availableBottom","availableLeft","availableRight","availableHeight","availableWidth","positions","push","LEFT","RIGHT","unshift","TOP","BOTTOM","join","offsetRight","offsetBottom","offsetModifier","sizeModifier","TOP_RIGHT","maxHeight","maxWidth","TOP_LEFT","BOTTOM_RIGHT","BOTTOM_LEFT","RIGHT_BOTTOM","RIGHT_TOP","LEFT_BOTTOM","LEFT_TOP","setAttribute","componentWillLoad","render","h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-popover/index.js"],"sourcesContent":[":host {\n  --z-popover-theme--surface: var(--color-surface01);\n  --z-popover-theme--text: var(--color-default-text);\n  --z-popover-padding: 0;\n  --z-popover-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n\n  position: relative;\n  display: none;\n  min-width: calc(var(--space-unit) * 8);\n  min-height: calc(var(--space-unit) * 4);\n  align-items: center;\n  justify-content: center;\n  padding: var(--z-popover-padding);\n  background: var(--z-popover-theme--surface);\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text);\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter);\n  font-family: var(--font-family-sans);\n  text-align: center;\n}\n\n:host([open][current-position]),\n:host([open=\"true\"][current-position]) {\n  display: flex;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n:host([current-position^=\"top\"]) {\n  margin: 0 0 var(--space-unit);\n}\n\n:host([current-position^=\"bottom\"]) {\n  margin: var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"left\"]) {\n  margin: 0 var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"right\"]) {\n  margin: 0 0 0 var(--space-unit);\n}\n\n/* Arrow style */\n\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface);\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n\n::slotted(*) {\n  overflow: auto;\n  flex: 1 auto;\n}\n","import { h } from \"@stencil/core\";\nimport { KeyboardCode, PopoverPosition } from \"../../beans\";\nconst DOCUMENT_ELEMENT = document.documentElement;\nfunction getParentElement(element) {\n    if (element.parentNode === element.shadowRoot) {\n        return element.shadowRoot.host;\n    }\n    return element.parentElement;\n}\n/**\n * Find the closest scrollable parent of a node.\n *\n * @param {Element} element The node\n */\nfunction findScrollableParent(element) {\n    let parent = getParentElement(element);\n    while (parent && parent !== DOCUMENT_ELEMENT) {\n        const { overflow, overflowX, overflowY } = window.getComputedStyle(parent);\n        if (overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\") {\n            return parent;\n        }\n        if ((parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n            (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\")) {\n            return parent;\n        }\n        parent = getParentElement(parent);\n    }\n    return DOCUMENT_ELEMENT;\n}\n/**\n * Calculate computed offset.\n * It includes matrix transformations.\n * @param element The target element.\n * @param targetParentOffset The relative offset parent.\n * @return A client rect object.\n */\nfunction computeOffset(element, targetParentOffset) {\n    const rect = element.getBoundingClientRect();\n    const width = rect.width;\n    const height = rect.height;\n    let top = 0;\n    let left = 0;\n    let offsetParent = element;\n    while (offsetParent && offsetParent != targetParentOffset) {\n        left += offsetParent.offsetLeft;\n        // document.body sometimes has offsetTop == 0 but still has an\n        // offset because of children margins!\n        if (offsetParent === document.body) {\n            top += offsetParent.getBoundingClientRect().top + window.scrollY;\n        }\n        else {\n            top += offsetParent.offsetTop;\n        }\n        if (window.DOMMatrix) {\n            const style = window.getComputedStyle(offsetParent);\n            const transform = style.transform || style.webkitTransform;\n            const domMatrix = new DOMMatrix(transform);\n            if (domMatrix) {\n                left += domMatrix.m41;\n                if (offsetParent !== document.body) {\n                    top += domMatrix.m42;\n                }\n            }\n        }\n        if (!offsetParent.offsetParent) {\n            break;\n        }\n        offsetParent = offsetParent.offsetParent;\n    }\n    let parentWidth;\n    let parentHeight;\n    if (offsetParent === document.body) {\n        parentWidth = window.innerWidth;\n        parentHeight = window.innerHeight;\n    }\n    else {\n        parentWidth = offsetParent.offsetWidth;\n        parentHeight = offsetParent.offsetHeight;\n    }\n    const right = parentWidth - left - rect.width;\n    const bottom = parentHeight - top - rect.height;\n    return { top, right, bottom, left, width, height };\n}\n/**\n * Popover component.\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\nexport class ZPopover {\n    constructor() {\n        this.position = PopoverPosition.AUTO;\n        this.open = false;\n        this.bindTo = undefined;\n        this.showArrow = false;\n        this.center = false;\n        this.closable = true;\n        this.currentPosition = undefined;\n    }\n    closePopoverWithKeyboard(e) {\n        if (this.closable && e.key === KeyboardCode.ESC) {\n            this.open = false;\n        }\n    }\n    /**\n     * Close the popover when clicking outside of its content.\n     * Stop event propagation if the click was fired by popover's trigger element,\n     * to prevent close and reopen glitches.\n     * @param {MouseEvent} e\n     */\n    handleOutsideClick(e) {\n        if (!this.closable || !this.open) {\n            return;\n        }\n        if (!e.composedPath().includes(this.host)) {\n            const target = e.target;\n            const triggerElemClicked = this.bindTo instanceof HTMLElement ? this.bindTo.contains(target) : target.closest(this.bindTo);\n            if (triggerElemClicked) {\n                e.stopPropagation();\n            }\n            this.open = false;\n            this.positionChange.emit({ position: this.currentPosition });\n        }\n    }\n    validatePosition(newValue) {\n        if (newValue && !Object.values(PopoverPosition).includes(newValue)) {\n            this.position = PopoverPosition.AUTO;\n        }\n        this.currentPosition = this.position;\n        this.positionChange.emit({ position: this.currentPosition });\n    }\n    /**\n     * Setup popover behaviors on opening.\n     */\n    onOpen() {\n        cancelAnimationFrame(this.animationFrameRequestId);\n        if (this.open) {\n            const setPosition = () => {\n                if (this.open) {\n                    this.setPosition();\n                    this.animationFrameRequestId = requestAnimationFrame(setPosition);\n                }\n            };\n            setPosition();\n        }\n        else if (this.host.hasAttribute(\"current-position\")) {\n            this.host.removeAttribute(\"current-position\");\n            this.currentPosition = undefined;\n        }\n        this.openChange.emit({ open: this.open });\n    }\n    disconnectedCallback() {\n        cancelAnimationFrame(this.animationFrameRequestId);\n    }\n    /**\n     * Set the position of the popover.\n     */\n    setPosition() {\n        let element;\n        if (typeof this.bindTo === \"string\") {\n            element = this.host.ownerDocument.querySelector(this.bindTo);\n        }\n        else if (this.bindTo) {\n            element = this.bindTo;\n        }\n        else {\n            element = this.host.parentElement;\n        }\n        if (!element) {\n            return;\n        }\n        const scrollContainer = findScrollableParent(element);\n        const scrollingBoundingRect = scrollContainer.getBoundingClientRect();\n        const offsetContainer = this.host.offsetParent;\n        const relativeBoundingRect = offsetContainer\n            ? computeOffset(offsetContainer, scrollContainer)\n            : { top: 0, right: 0, bottom: 0, left: 0 };\n        const boundingRect = computeOffset(element, scrollContainer);\n        const top = boundingRect.top - scrollContainer.scrollTop;\n        const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;\n        const left = boundingRect.left - scrollContainer.scrollLeft;\n        const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;\n        const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);\n        const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);\n        const availableTop = Math.min(top, top + scrollingBoundingRect.top);\n        const availableBottom = Math.min(bottom, bottom - overflowBottom);\n        const availableLeft = Math.min(left, left + scrollingBoundingRect.left);\n        const availableRight = Math.min(right, right - overflowRight);\n        const availableHeight = availableTop + availableBottom + boundingRect.height;\n        const availableWidth = availableLeft + availableRight + boundingRect.width;\n        let position = this.currentPosition;\n        const positions = [];\n        if (this.position === PopoverPosition.AUTO) {\n            /**\n             * The `AUTO` position tries to place the popover in the 'safest' area,\n             * where there's more space available.\n             */\n            if (availableLeft / availableWidth > 0.6) {\n                positions.push(PopoverPosition.LEFT);\n            }\n            else if (availableLeft / availableWidth < 0.4) {\n                positions.push(PopoverPosition.RIGHT);\n            }\n            if (availableTop / availableHeight > 0.9) {\n                positions.unshift(PopoverPosition.TOP);\n            }\n            else if (availableTop / availableHeight > 0.6) {\n                positions.push(PopoverPosition.TOP);\n            }\n            else if (availableTop / availableHeight < 0.1) {\n                positions.unshift(PopoverPosition.BOTTOM);\n            }\n            else {\n                positions.push(PopoverPosition.BOTTOM);\n            }\n            position = positions.join(\"_\");\n        }\n        const style = this.host.style;\n        style.position = \"absolute\";\n        const offsetTop = boundingRect.top - relativeBoundingRect.top;\n        const offsetRight = boundingRect.right - relativeBoundingRect.right;\n        const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;\n        const offsetLeft = boundingRect.left - relativeBoundingRect.left;\n        const offsetModifier = this.center ? 0.5 : 0;\n        const sizeModifier = this.center ? 0.5 : 0;\n        if (position === PopoverPosition.TOP || position === PopoverPosition.TOP_RIGHT) {\n            style.top = \"auto\";\n            style.right = \"auto\";\n            style.bottom = `${offsetBottom + boundingRect.height}px`;\n            style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n            style.maxHeight = `${availableTop}px`;\n            if (position === PopoverPosition.TOP_RIGHT) {\n                style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n            }\n        }\n        else if (position === PopoverPosition.TOP_LEFT) {\n            style.top = \"auto\";\n            style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n            style.bottom = `${offsetBottom + boundingRect.height}px`;\n            style.left = \"auto\";\n            style.maxWidth = `${availableLeft}px`;\n            style.maxHeight = `${availableTop}px`;\n        }\n        else if (position === PopoverPosition.BOTTOM || position === PopoverPosition.BOTTOM_RIGHT) {\n            style.top = `${offsetTop + boundingRect.height}px`;\n            style.right = \"auto\";\n            style.bottom = \"auto\";\n            style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n            style.maxHeight = `${availableBottom}px`;\n            if (position === PopoverPosition.BOTTOM_RIGHT) {\n                style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n            }\n        }\n        else if (position === PopoverPosition.BOTTOM_LEFT) {\n            style.top = `${offsetTop + boundingRect.height}px`;\n            style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n            style.bottom = \"auto\";\n            style.left = \"auto\";\n            style.maxWidth = `${availableLeft}px`;\n            style.maxHeight = `${availableBottom}px`;\n        }\n        else if (position === PopoverPosition.RIGHT || position === PopoverPosition.RIGHT_BOTTOM) {\n            style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n            style.right = \"auto\";\n            style.bottom = \"auto\";\n            style.left = `${offsetLeft + boundingRect.width}px`;\n            style.maxWidth = `${availableRight}px`;\n            style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n        }\n        else if (position === PopoverPosition.RIGHT_TOP) {\n            style.top = \"auto\";\n            style.right = \"auto\";\n            style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n            style.left = `${offsetLeft + boundingRect.width}px`;\n            style.maxWidth = `${availableRight}px`;\n            style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n        }\n        else if (position === PopoverPosition.LEFT || position === PopoverPosition.LEFT_BOTTOM) {\n            style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n            style.right = `${offsetRight + boundingRect.width}px`;\n            style.bottom = \"auto\";\n            style.left = \"auto\";\n            style.maxWidth = `${availableLeft}px`;\n            style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n        }\n        else if (position === PopoverPosition.LEFT_TOP) {\n            style.top = \"auto\";\n            style.right = `${offsetRight + boundingRect.width}px`;\n            style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n            style.left = \"auto\";\n            style.maxWidth = `${availableLeft}px`;\n            style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n        }\n        this.currentPosition = position || this.position;\n        this.host.setAttribute(\"current-position\", this.currentPosition);\n    }\n    componentWillLoad() {\n        this.validatePosition(this.position);\n        this.onOpen();\n    }\n    render() {\n        return h(\"slot\", { key: 'f7f6f81dc2698b5d560503a984dcd47e377de0bc' });\n    }\n    static get is() { return \"z-popover\"; }\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            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PopoverPosition\",\n                    \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n                    \"references\": {\n                        \"PopoverPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::PopoverPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Popover position.\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": true,\n                \"defaultValue\": \"PopoverPosition.AUTO\"\n            },\n            \"open\": {\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\": \"The open state of the popover.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"bindTo\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | HTMLElement\",\n                    \"resolved\": \"HTMLElement | string\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The selector or the element bound with the popover.\\nIf string css selector is provided make sure to use a valid selector.\"\n                },\n                \"attribute\": \"bind-to\",\n                \"reflect\": false\n            },\n            \"showArrow\": {\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 to show popover's arrow.\"\n                },\n                \"attribute\": \"show-arrow\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"center\": {\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 to center the popup on the main side (according to \\\"position\\\").\"\n                },\n                \"attribute\": \"center\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"closable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\\nOtherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n                },\n                \"attribute\": \"closable\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"currentPosition\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"positionChange\",\n                \"name\": \"positionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Position change event.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"openChange\",\n                \"name\": \"openChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Open change event.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"position\",\n                \"methodName\": \"validatePosition\"\n            }, {\n                \"propName\": \"open\",\n                \"methodName\": \"onOpen\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keyup\",\n                \"method\": \"closePopoverWithKeyboard\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"click\",\n                \"method\": \"handleOutsideClick\",\n                \"target\": \"body\",\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-353dfd3a.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as s}from"./p-Cam6wBSi.js";const a=":host{display:block;box-sizing:border-box}";const b=class{constructor(r){o(this,r)}render(){return r(s,{key:"c14251b56741e89faba797de5c531dc539b4561b",role:"rowgroup"},r("slot",{key:"3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0"}))}};b.style=a;export{b as z_tbody};
+//# sourceMappingURL=p-353dfd3a.entry.js.map

package/www/build/p-353dfd3a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTbody","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tbody/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\nexport class ZTbody {\n    render() {\n        return (h(Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: \"rowgroup\" }, h(\"slot\", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));\n    }\n    static get is() { return \"z-tbody\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,6C,MCKLC,EAAM,M,yBACf,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,YAAcH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/www/build/p-3b23bf6b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as a,g as n}from"./p-Cam6wBSi.js";import{r}from"./p-C46tSaXG.js";import"./z-td.entry.esm.js";import"./z-th.entry.esm.js";import"./p-B2-dCTD2.js";import"./p-Q-tWjk7P.js";const s=":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";const i=class{constructor(o){t(this,o);this.expand=e(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const e=t.map((t=>t.colspan||1)).reduce(((t,e)=>t+e),0);this.host.style.setProperty("--columns",`${e}`);if(this.expandable){const e=t.pop();e.id=e.id||`z-tr-expandable-content-${r()}`;this.expandableContentId=e.id}}onRowClick(t){const e=t.target.closest(".prevent-expand");if(!this.expandable||e){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}componentWillLoad(){this.updateColumns()}render(){return o(a,{key:"c7aef75dce7ad486aa08145e3df1a9a4fbc0a086",role:"row",onClick:this.onRowClick.bind(this),expanded:this.expanded},o("div",{key:"474efb8147efb3045b2d671081674330209674ae",class:"z-tr--expand-button-container"},this.expandable&&o("button",{key:"d4f77c52514979ee1e52483d1031d222f8b60dfd","aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},o("z-icon",{key:"a488e44b2b9119f2b96aeb42c2880f16650685a6",name:this.expanded?"minus-circled":"plus-circled"}))),o("slot",{key:"03ec3ec33b29e7ec504282289fa0daf8990deef5",onSlotchange:this.updateColumns.bind(this)}))}get host(){return n(this)}static get watchers(){return{expandable:["updateColumns"]}}};i.style=s;export{i as z_tr};
+//# sourceMappingURL=p-3b23bf6b.entry.js.map

package/www/build/p-3b23bf6b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTr","constructor","hostRef","this","expandable","expanded","expandableContentId","undefined","updateColumns","cells","Array","from","host","querySelectorAll","pop","columns","map","cell","colspan","reduce","a","b","style","setProperty","expandableContent","id","randomId","onRowClick","event","preventExpand","target","closest","expand","emit","componentWillLoad","render","h","Host","key","role","onClick","bind","class","type","name","onSlotchange"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/index.js"],"sourcesContent":[":host {\n  /* number of columns of the row. will be set in component's ts code */\n  --columns: 1;\n\n  display: grid;\n  box-sizing: border-box;\n  grid-auto-flow: column;\n  grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n  border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n  --show-expandable-button: visible;\n\n  cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n  grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n  border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n  border-left: 0;\n  grid-column: 1 / span calc(var(--columns) + 1);\n  grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n  display: none;\n}\n\n:host([expanded]) {\n  margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n  background-color: var(--color-background);\n}\n\n.z-tr--expand-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: auto;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { randomId } from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\nexport class ZTr {\n    constructor() {\n        this.expandable = false;\n        this.expanded = false;\n        this.expandableContentId = undefined;\n    }\n    updateColumns() {\n        const cells = Array.from(this.host.querySelectorAll(\"z-td, z-th\"));\n        if (this.expandable) {\n            cells.pop();\n        }\n        const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n        this.host.style.setProperty(\"--columns\", `${columns}`);\n        if (this.expandable) {\n            const expandableContent = cells.pop();\n            expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n            this.expandableContentId = expandableContent.id;\n        }\n    }\n    /**\n     * Handle click on row.\n     * Skip expansion if the click is on a element with `prevent-expand` css class.\n     */\n    onRowClick(event) {\n        const preventExpand = event.target.closest(\".prevent-expand\");\n        if (!this.expandable || preventExpand) {\n            return;\n        }\n        this.expanded = !this.expanded;\n        this.expand.emit({ expanded: this.expanded });\n    }\n    componentWillLoad() {\n        this.updateColumns();\n    }\n    render() {\n        return (h(Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: \"row\", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h(\"div\", { key: '474efb8147efb3045b2d671081674330209674ae', class: \"z-tr--expand-button-container\" }, this.expandable && (h(\"button\", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', \"aria-expanded\": this.expanded ? \"true\" : \"false\", \"aria-label\": this.expanded ? \"Comprimi riga\" : \"Espandi riga\", \"aria-controls\": this.expandableContentId, type: \"button\" }, h(\"z-icon\", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? \"minus-circled\" : \"plus-circled\" })))), h(\"slot\", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));\n    }\n    static get is() { return \"z-tr\"; }\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            \"expandable\": {\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 row is expandable.\\nUse a `z-td` as the last cell of the row for the additional content.\\nIt will show a button to expand/collapse the row.\\nThe last cell will be hidden until the button or row is clicked.\\n\\nIf some element inside the expandable row contains the `prevent-expand` css class,\\nthe row will not expand by clicking that element.\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expanded\": {},\n            \"expandableContentId\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"expand\",\n                \"name\": \"expand\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Row has been expanded\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"expandable\",\n                \"methodName\": \"updateColumns\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"colspanchange\",\n                \"method\": \"updateColumns\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"uMAAA,MAAMA,EAAY,qjD,MCULC,EAAG,MACZ,WAAAC,CAAAC,G,yCACIC,KAAKC,WAAa,MAClBD,KAAKE,SAAW,MAChBF,KAAKG,oBAAsBC,SAC9B,CACD,aAAAC,GACI,MAAMC,EAAQC,MAAMC,KAAKR,KAAKS,KAAKC,iBAAiB,eACpD,GAAIV,KAAKC,WAAY,CACjBK,EAAMK,K,CAEV,MAAMC,EAAUN,EAAMO,KAAKC,GAASA,EAAKC,SAAW,IAAGC,QAAO,CAACC,EAAGC,IAAMD,EAAIC,GAAG,GAC/ElB,KAAKS,KAAKU,MAAMC,YAAY,YAAa,GAAGR,KAC5C,GAAIZ,KAAKC,WAAY,CACjB,MAAMoB,EAAoBf,EAAMK,MAChCU,EAAkBC,GAAKD,EAAkBC,IAAM,2BAA2BC,MAC1EvB,KAAKG,oBAAsBkB,EAAkBC,E,EAOrD,UAAAE,CAAWC,GACP,MAAMC,EAAgBD,EAAME,OAAOC,QAAQ,mBAC3C,IAAK5B,KAAKC,YAAcyB,EAAe,CACnC,M,CAEJ1B,KAAKE,UAAYF,KAAKE,SACtBF,KAAK6B,OAAOC,KAAK,CAAE5B,SAAUF,KAAKE,U,CAEtC,iBAAA6B,GACI/B,KAAKK,e,CAET,MAAA2B,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,MAAOC,QAASrC,KAAKwB,WAAWc,KAAKtC,MAAOE,SAAUF,KAAKE,UAAY+B,EAAE,MAAO,CAAEE,IAAK,2CAA4CI,MAAO,iCAAmCvC,KAAKC,YAAegC,EAAE,SAAU,CAAEE,IAAK,2CAA4C,gBAAiBnC,KAAKE,SAAW,OAAS,QAAS,aAAcF,KAAKE,SAAW,gBAAkB,eAAgB,gBAAiBF,KAAKG,oBAAqBqC,KAAM,UAAYP,EAAE,SAAU,CAAEE,IAAK,2CAA4CM,KAAMzC,KAAKE,SAAW,gBAAkB,mBAAsB+B,EAAE,OAAQ,CAAEE,IAAK,2CAA4CO,aAAc1C,KAAKK,cAAciC,KAAKtC,Q","ignoreList":[]}

package/www/build/p-3c197169.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i,g as o}from"./p-Cam6wBSi.js";import{K as a}from"./p-B2-dCTD2.js";const n=':host{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:flex;width:100%;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot="section"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot="section"]:last-of-type){border:none}::slotted([slot="section"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot="section"]:hover),::slotted([slot="section"]:focus:focus-visible),::slotted([slot="section"]:active),::slotted([slot="section"][active]),::slotted([slot="section"][data-active]){color:var(--color-primary01);font-weight:var(--font-bd)}';const h=class{get focusableItem(){return this.items.find((({tabIndex:t})=>t===0))}toggle(){if(!this.hasItems){return}this.open=!this.open}setItemsA11yAttrs(){if(!this.hasItems){return}this.items.forEach((t=>{t.setAttribute("role","menuitem");t.tabIndex=-1}))}onItemsChange(){this.items=Array.from(this.host.querySelectorAll('[slot="section"]'));this.hasItems=this.items.length>0;this.setItemsA11yAttrs()}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=e===null||e===void 0?void 0:e.textContent}onLabelClick(){this.toggle();this.setFocus()}onLabelKeydown(t){if(t.key===a.ENTER||t.key===a.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.focustFirstItem()}}}moveFocus(t,e){t.tabIndex=0;setTimeout((()=>{t.focus()}),100);if(e){e.tabIndex=-1}}focustFirstItem(){this.moveFocus(this.items[0])}async focusLastItem(){this.moveFocus(this.items[this.items.length-1])}async setFocus(){this.htmlTabindex=0;setTimeout((()=>{this.label.focus()}),100)}onOpenChange(){if(!this.open){this.setItemsA11yAttrs();this.closed.emit()}else{this.opened.emit()}}onTabindexChange(){if(!this.label){return}this.label.tabIndex=this.htmlTabindex}onItemsKeydown(t){switch(t.key){case a.ESC:case a.ARROW_LEFT:if(!this.open){break}t.preventDefault();t.stopPropagation();this.moveFocus(this.label,this.focusableItem);this.open=false;break;case a.ARROW_RIGHT:if(this.open){break}t.preventDefault();t.stopPropagation();this.open=true;this.focustFirstItem();break;case a.ARROW_DOWN:{if(!this.open){break}if(document.activeElement===this.host){t.preventDefault();t.stopPropagation();this.focustFirstItem();break}const e=this.items.indexOf(this.focusableItem);const s=this.items[e+1];if(s){t.preventDefault();t.stopPropagation();this.moveFocus(s,this.focusableItem)}else{this.htmlTabindex=0;this.focusableItem.tabIndex=-1}break}case a.ARROW_UP:{if(!this.open||document.activeElement===this.host){break}const e=this.items.indexOf(this.focusableItem);const s=this.items[e-1];t.preventDefault();t.stopPropagation();if(s){this.moveFocus(s,this.focusableItem)}else{this.focusableItem.tabIndex=-1;this.setFocus()}break}}}constructor(s){t(this,s);this.opened=e(this,"opened",7);this.closed=e(this,"closed",7);this.active=undefined;this.htmlTabindex=-1;this.open=undefined;this.hasItems=undefined;this.items=undefined;this.toggle=this.toggle.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this);this.onItemsKeydown=this.onItemsKeydown.bind(this)}connectedCallback(){this.onItemsChange()}render(){return s(i,{key:"b308fce3890a3094dca7d5de4f5837b47d6f2796",open:this.open},s("button",{key:"dd6eaa241e2f26c79b7fa0e6f7e14049c20b3ed6",ref:t=>this.label=t,class:"label","aria-haspopup":`${!!this.hasItems}`,"aria-expanded":`${!!this.open}`,role:"menuitem",tabindex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},s("slot",{key:"74f5c61fcf32df69b0b5d17ff0f06b5b62f940fa",onSlotchange:this.onLabelSlotChange}),this.hasItems&&s("z-icon",{key:"8338d8b57893c110475fe980320310236abb3446",name:this.open?"chevron-up":"chevron-down"})),s("div",{key:"4df11f5eaa5226c24930527caba7f0bfa048946a",class:"items",role:"menu",hidden:!this.open},s("slot",{key:"8393b22b945ec02e32e78248090505a012529253",name:"section",onSlotchange:this.onItemsChange})))}get host(){return o(this)}static get watchers(){return{open:["onOpenChange"],htmlTabindex:["onTabindexChange"]}}};h.style=n;export{h as z_menu_section};
+//# sourceMappingURL=p-3c197169.entry.js.map

package/www/build/p-3c197169.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuSection","focusableItem","this","items","find","tabIndex","toggle","hasItems","open","setItemsA11yAttrs","forEach","item","setAttribute","onItemsChange","Array","from","host","querySelectorAll","length","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","onLabelClick","setFocus","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","focustFirstItem","moveFocus","receiver","current","setTimeout","focus","focusLastItem","htmlTabindex","label","onOpenChange","closed","emit","opened","onTabindexChange","onItemsKeydown","ESC","ARROW_LEFT","ARROW_RIGHT","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","constructor","hostRef","active","undefined","bind","connectedCallback","render","h","Host","ref","el","class","role","tabindex","onClick","onKeyDown","onSlotchange","name","hidden"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu-section/styles.css?tag=z-menu-section&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu-section/index.js"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.label {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: var(--space-unit) 0;\n  border: 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n:host(:last-child:not([open])) .label {\n  border-bottom: none;\n}\n\n:host(:is([active], [open])) .label,\n.label:focus:focus-visible,\n.label:hover {\n  border-color: var(--color-primary01);\n}\n\n.label:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:is([active], [open])) .label ::slotted(*),\n.label:focus:focus-visible ::slotted(*),\n.label:hover ::slotted(*) {\n  font-weight: var(--font-bd);\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n/* Trick to prevent layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  overflow: hidden;\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n.label ::slotted(*) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.5;\n}\n\n.label z-icon {\n  margin-left: calc(var(--space-unit) * 4);\n  fill: var(--color-default-icon);\n}\n\n.items {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  padding: calc(var(--space-unit) / 2);\n  padding-bottom: calc(var(--space-unit) * 1.5);\n}\n\n.items[hidden] {\n  display: none;\n}\n\n::slotted([slot=\"section\"]) {\n  display: inline-flex;\n  padding: calc(var(--space-unit) / 2);\n  margin: 0;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n  outline: none;\n}\n\n::slotted([slot=\"section\"]:last-of-type) {\n  border: none;\n}\n\n::slotted([slot=\"section\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n}\n\n::slotted([slot=\"section\"]:hover),\n::slotted([slot=\"section\"]:focus:focus-visible),\n::slotted([slot=\"section\"]:active),\n::slotted([slot=\"section\"][active]),\n::slotted([slot=\"section\"][data-active]) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../beans\";\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot section - Single entry of the menu section. Set the same slot name to different elements to put many of them. Add the `data-active` attribute to a slotted element to highlight it (`active` also works but `data-active` is preferable).\n */\nexport class ZMenuSection {\n    get focusableItem() {\n        return this.items.find(({ tabIndex }) => tabIndex === 0);\n    }\n    toggle() {\n        if (!this.hasItems) {\n            return;\n        }\n        this.open = !this.open;\n    }\n    setItemsA11yAttrs() {\n        if (!this.hasItems) {\n            return;\n        }\n        this.items.forEach((item) => {\n            item.setAttribute(\"role\", \"menuitem\");\n            item.tabIndex = -1;\n        });\n    }\n    onItemsChange() {\n        this.items = Array.from(this.host.querySelectorAll('[slot=\"section\"]'));\n        this.hasItems = this.items.length > 0;\n        this.setItemsA11yAttrs();\n    }\n    /**\n     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n     * @param ev Slotchange event\n     */\n    onLabelSlotChange(ev) {\n        const labelElement = ev.target.assignedElements()[0];\n        labelElement.dataset.text = labelElement === null || labelElement === void 0 ? void 0 : labelElement.textContent;\n    }\n    onLabelClick() {\n        this.toggle();\n        this.setFocus();\n    }\n    onLabelKeydown(ev) {\n        if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            this.toggle();\n            if (this.open) {\n                this.focustFirstItem();\n            }\n        }\n    }\n    /**\n     * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n     * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n     */\n    moveFocus(receiver, current) {\n        receiver.tabIndex = 0;\n        setTimeout(() => {\n            receiver.focus();\n        }, 100);\n        if (current) {\n            current.tabIndex = -1;\n        }\n    }\n    focustFirstItem() {\n        this.moveFocus(this.items[0]);\n    }\n    /** Focus the last item. */\n    async focusLastItem() {\n        this.moveFocus(this.items[this.items.length - 1]);\n    }\n    /** Set tabindex of the label to 0, then focus it. */\n    async setFocus() {\n        this.htmlTabindex = 0;\n        setTimeout(() => {\n            this.label.focus();\n        }, 100);\n    }\n    onOpenChange() {\n        if (!this.open) {\n            this.setItemsA11yAttrs();\n            this.closed.emit();\n        }\n        else {\n            this.opened.emit();\n        }\n    }\n    onTabindexChange() {\n        if (!this.label) {\n            return;\n        }\n        this.label.tabIndex = this.htmlTabindex;\n    }\n    onItemsKeydown(ev) {\n        switch (ev.key) {\n            case KeyboardCode.ESC:\n            case KeyboardCode.ARROW_LEFT:\n                if (!this.open) {\n                    break;\n                }\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.moveFocus(this.label, this.focusableItem);\n                this.open = false;\n                break;\n            case KeyboardCode.ARROW_RIGHT:\n                if (this.open) {\n                    break;\n                }\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.open = true;\n                this.focustFirstItem();\n                break;\n            case KeyboardCode.ARROW_DOWN: {\n                if (!this.open) {\n                    break;\n                }\n                if (document.activeElement === this.host) {\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                    this.focustFirstItem();\n                    break;\n                }\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                const receiver = this.items[currentIndex + 1];\n                if (receiver) {\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                    this.moveFocus(receiver, this.focusableItem);\n                }\n                else {\n                    this.htmlTabindex = 0;\n                    this.focusableItem.tabIndex = -1;\n                }\n                break;\n            }\n            case KeyboardCode.ARROW_UP: {\n                if (!this.open || document.activeElement === this.host) {\n                    break;\n                }\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                const receiver = this.items[currentIndex - 1];\n                ev.preventDefault();\n                ev.stopPropagation();\n                if (receiver) {\n                    this.moveFocus(receiver, this.focusableItem);\n                }\n                else {\n                    // since there isn't a previous item to focus, give the focus to the label element\n                    this.focusableItem.tabIndex = -1;\n                    this.setFocus();\n                }\n                break;\n            }\n        }\n    }\n    constructor() {\n        this.active = undefined;\n        this.htmlTabindex = -1;\n        this.open = undefined;\n        this.hasItems = undefined;\n        this.items = undefined;\n        this.toggle = this.toggle.bind(this);\n        this.onItemsChange = this.onItemsChange.bind(this);\n        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n        this.onLabelClick = this.onLabelClick.bind(this);\n        this.onLabelKeydown = this.onLabelKeydown.bind(this);\n        this.onItemsKeydown = this.onItemsKeydown.bind(this);\n    }\n    connectedCallback() {\n        this.onItemsChange();\n    }\n    render() {\n        return (h(Host, { key: 'b308fce3890a3094dca7d5de4f5837b47d6f2796', open: this.open }, h(\"button\", { key: 'dd6eaa241e2f26c79b7fa0e6f7e14049c20b3ed6', ref: (el) => (this.label = el), class: \"label\", \"aria-haspopup\": `${!!this.hasItems}`, \"aria-expanded\": `${!!this.open}`, role: \"menuitem\", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h(\"slot\", { key: '74f5c61fcf32df69b0b5d17ff0f06b5b62f940fa', onSlotchange: this.onLabelSlotChange }), this.hasItems && h(\"z-icon\", { key: '8338d8b57893c110475fe980320310236abb3446', name: this.open ? \"chevron-up\" : \"chevron-down\" })), h(\"div\", { key: '4df11f5eaa5226c24930527caba7f0bfa048946a', class: \"items\", role: \"menu\", hidden: !this.open }, h(\"slot\", { key: '8393b22b945ec02e32e78248090505a012529253', name: \"section\", onSlotchange: this.onItemsChange }))));\n    }\n    static get is() { return \"z-menu-section\"; }\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            \"active\": {\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\": \"Active state\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true\n            },\n            \"htmlTabindex\": {\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\": \"Tabindex value to set on the label button.\\nUseful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZMenu).\"\n                },\n                \"attribute\": \"html-tabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"-1\"\n            },\n            \"open\": {\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\": \"The opening state of the section.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasItems\": {},\n            \"items\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"opened\",\n                \"name\": \"opened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The section has been opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"closed\",\n                \"name\": \"closed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The section has been closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"focusLastItem\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Focus the last item.\",\n                    \"tags\": []\n                }\n            },\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Set tabindex of the label to 0, then focus it.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChange\"\n            }, {\n                \"propName\": \"htmlTabindex\",\n                \"methodName\": \"onTabindexChange\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"onItemsKeydown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-3f49652c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as t,H as i,g as r}from"./p-Cam6wBSi.js";import{C as n,B as h,T as o,O as s}from"./p-B2-dCTD2.js";const p=':host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-default-text);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-default-text);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot="title"]),.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-weight:var(--font-bd)}::slotted([slot="title"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot="top-subtitle"]),::slotted([slot="subtitle"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot="subtitle"]){font-weight:500}::slotted([slot="top-subtitle"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length="0"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow="offcanvas"],[menu-length="0"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length="0"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow="offcanvas"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow="stack"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow="stack"]) .menu-container{width:100%}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const c=typeof IntersectionObserver!=="undefined";const d=class{constructor(t){e(this,t);this.sticking=a(this,"sticking",7);this.observer=c&&new IntersectionObserver((([e])=>{this._stuck=!e.isIntersecting}),{threshold:.5});this.stuck=false;this.hero=undefined;this.overlay=false;this.flow="auto";this.drawerOpen=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this._stuck=false;this.currentViewport="mobile";this.menuLength=undefined;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){if(window.innerWidth<768){this.currentViewport="mobile"}else if(window.innerWidth>=768&&window.innerWidth<1152){this.currentViewport="tablet"}else{this.currentViewport="desktop"}}onStuck(){const e=this.scrollParent;if(!e){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}const e=this.menuElements;e.forEach((e=>{e.open=false;e.floating=!this.drawerOpen;e.verticalContext=this.drawerOpen}))}get title(){const e=this.hostElement.querySelector('[slot="title"]');if(e===null){return""}return e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;if(e===document.body||e===document.documentElement){return window}return e}get canShowMenu(){return this.flow!=="offcanvas"&&this.currentViewport!=="mobile"&&!this.drawerOpen}get canShowSearchbar(){if(!this.enableSearch){return false}if(this.searchPageUrl){return this.currentViewport==="desktop"}return true}get hasHero(){return!!this.hero||this.hostElement.querySelector("[slot=hero]")!==null}openDrawer(){this.drawerOpen=true}closeDrawer(){this.drawerOpen=false}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length;this.setMenuFloatingMode()}enableStuckObserver(){if(this.observer){this.observer.observe(this.container)}}disableStuckMode(){this._stuck=false;if(this.observer){this.observer.unobserve(this.container)}}onStuckMode(){if(this.stuck){this.enableStuckObserver()}else{this.disableStuckMode()}}renderSearchLinkButton(){if(!this.enableSearch||!this.searchPageUrl||this.currentViewport==="desktop"){return null}return t("z-button",{class:"search-page-button",variant:h.SECONDARY,href:this.searchPageUrl,icon:"search",size:n.X_SMALL})}renderSeachbar(e){return t("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:e,size:n.X_SMALL,variant:h.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:e=>this.searchString=e.detail})}componentDidLoad(){this.collectMenuElements();this.onStuckMode();this.evaluateViewport()}render(){return t(i,{key:"1c345c1bfece133ca47e12f08f3707e92a9a3650","menu-length":this.menuLength},this.hasHero&&t("div",{key:"ec380161c53681ed14d817bcc85c1b5ebcc7d2b9",class:"hero-container"},t("slot",{key:"3e3f0c1a591eb0fc24cc7ec3ebde8829920920b4",name:"hero"},this.hero&&t("img",{key:"0ac5d15f851943796fe57a89c5161b45254f7897",alt:"",src:this.hero}))),t("div",{key:"1bc128eff8bfee60e0fbac28a43ef241568a3421",class:"heading-panel",ref:e=>this.container=e},t("div",{key:"982a82c94a98bc00e4fd540cf94c4c425038d9c0",class:"heading-container"},t("div",{key:"786634064010c20967b687a8567fbb82aaf5f126",class:"heading-subtitle"},t("slot",{key:"792f28fea8a7661420d73677f9a4cfb618886110",name:"top-subtitle"})),t("div",{key:"eb3eafd4e36b218a617c1802c3e6a0563aba75e3",class:"heading-title"},this.menuLength>0&&t("button",{key:"f66165640eb1f3e640498f4231b02429a9833ce9",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{key:"15a01b76828bb7d64c889a68f5077655910d8583",name:"burger-menu"})),t("slot",{key:"9e1038f99339df83e82a63aede899e8ff9aa3725",name:"title"}),this.renderSearchLinkButton()),t("div",{key:"72726562d475b5f4edf19b6b88a89ef9ea1518b3",class:"heading-subtitle"},t("slot",{key:"0206b4d6da11862121b9cac5a6e87ffccd822089",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&t("div",{key:"8c09854d5db8b1af53559ee77adc18c5e9e21836",class:"menu-container"},this.canShowMenu&&t("slot",{key:"873b577cabe6b6e37c9a00f15ae8da2cdb6dec61",name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar(this.currentViewport!=="desktop"))),t("z-offcanvas",{key:"8cea6d5468f2553434242881817309dbf12601b3",variant:s.OVERLAY,transitiondirection:o.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail},t("button",{key:"3be458375ddaa738d40cb41f93a07616952debc2",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},t("z-icon",{key:"c14c99a56f4083af6c334a74f613f1a44406ad23",name:"close"})),t("div",{key:"d52312a4e74258d446564f606c0cf868d9dfac7d",class:"drawer-content",slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`},t("slot",{key:"d3eebb48c21c2269e45eb686c116c22859bfab19",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&t("div",{key:"c005b81f7f6567005b82c03abc66a89cf6a5d731",class:"heading-stuck"},t("div",{key:"18ea0f8aaed6543744c829baa726e3d17fe4cc1a",class:"heading-stuck-content"},this.menuLength>0&&t("button",{key:"32df9acac12f1b9f778236f36f9b4dca5f950907",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{key:"c6835bbf121417630f5fcddc825258c4f07c6412",name:"burger-menu"})),t("div",{key:"a0f631f812478aea4ea6c33088ce8128531d4c5f",class:"heading-title"},t("slot",{key:"206733fd6de7eed0f1333a221880e046fdf4282d",name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&this.currentViewport==="desktop"&&this.renderSeachbar(false))))}get hostElement(){return r(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}};d.style=p;export{d as z_app_header_deprecated};
+//# sourceMappingURL=p-3f49652c.entry.js.map

package/www/build/p-3f49652c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","SUPPORT_INTERSECTION_OBSERVER","IntersectionObserver","ZAppHeaderDeprecated","constructor","hostRef","this","observer","entry","_stuck","isIntersecting","threshold","stuck","hero","undefined","overlay","flow","drawerOpen","enableSearch","searchPlaceholder","searchString","searchPageUrl","currentViewport","menuLength","openDrawer","bind","closeDrawer","collectMenuElements","evaluateViewport","window","innerWidth","onStuck","scrollParent","sticking","emit","setMenuFloatingMode","menuElements","length","elements","forEach","element","open","floating","verticalContext","title","titleElement","hostElement","querySelector","textContent","trim","parent","offsetParent","document","body","documentElement","canShowMenu","canShowSearchbar","hasHero","querySelectorAll","enableStuckObserver","observe","container","disableStuckMode","unobserve","onStuckMode","renderSearchLinkButton","h","class","variant","ButtonVariant","SECONDARY","href","icon","size","ControlSize","X_SMALL","renderSeachbar","searchButtonIconOnly","value","placeholder","showSearchButton","preventSubmit","onSearchTyping","e","detail","componentDidLoad","render","Host","key","name","alt","src","ref","el","onClick","onSlotchange","OffCanvasVariant","OVERLAY","transitiondirection","TransitionDirection","RIGHT","onCanvasOpenStatusChanged","ev","slot","disabled"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-app-header-deprecated/styles.css?tag=z-app-header-deprecated&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-app-header-deprecated/index.js"],"sourcesContent":[":host {\n  --app-header-typography-1-size: 24px;\n  --app-header-typography-2-size: 28px;\n  --app-header-typography-3-size: 32px;\n  --app-header-typography-4-size: 36px;\n  --app-header-typography-5-size: 42px;\n  --app-header-typography-6-size: 48px;\n  --app-header-typography-7-size: 54px;\n  --app-header-typography-8-size: 60px;\n  --app-header-typography-9-size: 68px;\n  --app-header-typography-10-size: 76px;\n  --app-header-typography-11-size: 84px;\n  --app-header-typography-12-size: 92px;\n  --app-header-typography-1-lineheight: 1.33;\n  --app-header-typography-2-lineheight: 1.29;\n  --app-header-typography-3-lineheight: 1.25;\n  --app-header-typography-4-lineheight: 1.24;\n  --app-header-typography-5-lineheight: 1.24;\n  --app-header-typography-6-lineheight: 1.25;\n  --app-header-typography-7-lineheight: 1.2;\n  --app-header-typography-8-lineheight: 1.26;\n  --app-header-typography-9-lineheight: 1.24;\n  --app-header-typography-10-lineheight: 1.26;\n  --app-header-typography-11-lineheight: 1.2;\n  --app-header-typography-12-lineheight: 1.2;\n  --app-header-typography-1-tracking: calc(-0.2 / 1em);\n  --app-header-typography-2-tracking: calc(-0.4 / 1em);\n  --app-header-typography-3-tracking: calc(-0.6 / 1em);\n  --app-header-typography-4-tracking: calc(-0.8 / 1em);\n  --app-header-typography-5-tracking: calc(-1 / 1em);\n  --app-header-typography-6-tracking: calc(-1.2 / 1em);\n  --app-header-typography-7-tracking: calc(-1.4 / 1em);\n  --app-header-typography-8-tracking: calc(-1.6 / 1em);\n  --app-header-typography-9-tracking: calc(-1.8 / 1em);\n  --app-header-typography-10-tracking: calc(-2 / 1em);\n  --app-header-typography-11-tracking: calc(-2.2 / 1em);\n  --app-header-typography-12-tracking: calc(-2.4 / 1em);\n  --app-header-content-max-width: 100%;\n  --app-header-height: auto;\n\n  /* Variable to set stuck header and drawer's top offset.\n  Useful when something is absolutely positioned above the header. */\n  --app-header-top-offset: 48px;\n  --app-header-drawer-trigger-size: calc(var(--space-unit) * 4);\n\n  /* Variable to customize header background color. */\n  --app-header-bg: var(--color-surface01);\n\n  /* Variable to customize stuck header background color. */\n  --app-header-stucked-bg: var(--color-surface01);\n\n  /* Variable to customize text and icon color. */\n  --app-header-text-color: var(--color-default-text);\n\n  /* Variable to customize the title's font size.\n  NOTE: Only use one of the exported `--app-header-typography-*-size` as a value. */\n  --app-header-title-font-size: var(--app-header-typography-3-size);\n\n  /* Variable to customize the title's line-height.\n  NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-lineheight: var(--app-header-typography-3-lineheight);\n\n  /* Variable to customize the title's letter-spacing.\n  NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-letter-spacing: var(--app-header-typography-3-tracking);\n\n  /* Variable to customize stuck header's text and icon color. */\n  --app-header-stucked-text-color: var(--color-default-text);\n\n  position: relative;\n  display: block;\n  height: var(--app-header-height);\n  color: var(--app-header-text-color);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n.heading-panel {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--app-header-content-max-width);\n  flex-direction: column;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: baseline;\n  padding: var(--grid-margin);\n  margin: 0 auto;\n  background: var(--app-header-bg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n}\n\n.hero-container + .heading-panel {\n  background: transparent;\n}\n\n:host(:empty) .heading-panel {\n  padding: 0;\n}\n\n.heading-container {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.heading-title {\n  display: flex;\n  max-width: 100%;\n  flex-direction: row;\n  align-items: flex-start;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"title\"]),\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  margin: 0;\n  font-family: \"IBM Plex Serif\", serif;\n  font-weight: var(--font-bd);\n}\n\n::slotted([slot=\"title\"]) {\n  font-size: var(--app-header-title-font-size);\n  letter-spacing: var(--app-header-title-letter-spacing);\n  line-height: var(--app-header-title-lineheight);\n}\n\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  font-size: var(--app-header-typography-3-size);\n  letter-spacing: var(--app-header-typography-3-tracking);\n  line-height: var(--app-header-typography-3-lineheight);\n}\n\n:host(:not([menu-length=\"0\"])) .heading-subtitle {\n  padding-left: calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2));\n}\n\n::slotted([slot=\"top-subtitle\"]),\n::slotted([slot=\"subtitle\"]) {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 20px;\n  font-style: italic;\n  line-height: 26px;\n}\n\n::slotted([slot=\"subtitle\"]) {\n  font-weight: 500;\n}\n\n::slotted([slot=\"top-subtitle\"]) {\n  font-weight: 400;\n}\n\n.menu-container {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-flow: row wrap;\n}\n\n:host([menu-length=\"0\"]:not([enable-search])) .menu-container,\n.menu-container:empty {\n  display: none;\n}\n\n.menu-container ::slotted([open]) {\n  position: relative;\n  z-index: 3;\n}\n\nz-searchbar {\n  z-index: 0;\n  display: flex;\n  width: auto;\n  min-width: calc(var(--space-unit) * 32);\n  flex: 1 auto;\n  align-items: center;\n  margin-left: auto;\n}\n\n.heading-stuck {\n  position: fixed;\n  z-index: 20;\n  top: var(--app-header-top-offset);\n  left: 0;\n  width: 100%;\n  max-width: 100%;\n  animation: slide-stuck-heading-in 250ms ease-out;\n  background: var(--app-header-stucked-bg);\n  box-shadow: var(--shadow-2);\n  color: var(--app-header-stucked-text-color);\n}\n\n.heading-stuck-content {\n  display: flex;\n  max-width: var(--app-header-content-max-width);\n  align-items: center;\n  padding: var(--space-unit) var(--grid-margin);\n  margin: 0 auto;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n.heading-stuck .heading-title {\n  overflow: hidden;\n}\n\n.heading-stuck .heading-title > *,\n.heading-stuck .heading-title ::slotted([slot=\"stucked-title\"]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.heading-stuck-content z-button {\n  margin-left: auto;\n}\n\n.drawer-trigger {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  appearance: none;\n  background: none;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n}\n\n.drawer-trigger z-icon {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  fill: currentcolor;\n}\n\n/* Simulate the height of the first line of text,\nto correctly align drawer icon and search page button with the title */\n.heading-container :is(.drawer-trigger, z-button.search-page-button) {\n  display: flex;\n  height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  align-items: center;\n}\n\n.heading-container z-button.search-page-button {\n  margin-left: auto;\n}\n\n.drawer-content {\n  display: none;\n}\n\nz-offcanvas[open] .drawer-content {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  row-gap: calc(var(--space-unit) * 2.5);\n}\n\nz-offcanvas[open] .drawer-content ::slotted(z-menu) {\n  width: 100%;\n}\n\n.drawer-close {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  padding: 0;\n  border: 0;\n  margin: var(--space-unit) 0 calc(var(--space-unit) * 2.5);\n  appearance: none;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n  fill: currentcolor;\n  font-size: inherit;\n  outline: none;\n}\n\n.drawer-close:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.hero-container {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n:host([overlay]) .heading-panel .drawer-trigger z-icon,\n:host([overlay]) .heading-panel .heading-container,\n:host([overlay]) .heading-panel .menu-container {\n  color: var(--color-white);\n  fill: var(--color-white);\n}\n\n:host([overlay]) .heading-panel .menu-container ::slotted(z-menu) {\n  --z-menu-label-color: var(--color-white);\n}\n\n:host([overlay]) .hero-container::after {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--color-black);\n  content: \"\";\n  opacity: 0.5;\n}\n\n.hero-container img,\n.hero-container ::slotted(*) {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n  -webkit-user-drag: none;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-6-size);\n    --app-header-title-lineheight: var(--app-header-typography-6-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-6-tracking);\n  }\n\n  .heading-panel {\n    flex-flow: row wrap;\n    align-items: center;\n    padding-bottom: calc(var(--space-unit) * 2);\n  }\n\n  .heading-container {\n    margin-right: auto;\n  }\n\n  :host(:is([flow=\"offcanvas\"], [menu-length=\"0\"])) :is(.heading-container, .menu-container) {\n    width: auto;\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-subtitle {\n    padding-left: 0;\n  }\n\n  .menu-container {\n    flex: initial;\n    align-items: center;\n  }\n\n  :host([menu-length=\"0\"]) .menu-container:not(:empty) {\n    height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .menu-container {\n    gap: var(--space-unit) calc(var(--space-unit) * 5);\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-container .drawer-trigger {\n    display: none;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-7-size);\n    --app-header-title-lineheight: var(--app-header-typography-7-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-7-tracking);\n  }\n\n  .heading-panel {\n    justify-content: flex-start;\n    padding-bottom: calc(var(--space-unit) * 3);\n  }\n\n  .heading-container,\n  .menu-container {\n    width: auto;\n  }\n\n  :host([flow=\"stack\"]) .heading-panel {\n    flex-flow: column;\n    align-items: flex-start;\n  }\n\n  :host([flow=\"stack\"]) .menu-container {\n    width: 100%;\n  }\n\n  :host(:not([flow=\"offcanvas\"], [menu-length=\"0\"])) .heading-panel {\n    row-gap: calc(var(--space-unit) * 3);\n  }\n\n  z-searchbar {\n    min-width: calc(var(--space-unit) * 45);\n    flex: initial;\n  }\n}\n\n/* Wide breakpoint */\n@media (min-width: 1366px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-9-size);\n    --app-header-title-lineheight: var(--app-header-typography-9-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-9-tracking);\n  }\n}\n\n@keyframes slide-stuck-heading-in {\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  100% {\n    transform: none;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, OffCanvasVariant, TransitionDirection } from \"../../../beans\";\nconst SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== \"undefined\";\n/**\n * @slot title - Slot for the main title\n * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.\n * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.\n * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.\n * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.\n * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.\n * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.\n * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.\n * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.\n * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.\n * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.\n * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.\n * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.\n * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.\n * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.\n * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.\n * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.\n * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.\n * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.\n * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.\n * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.\n * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.\n * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.\n * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.\n * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.\n * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.\n * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.\n * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.\n * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.\n * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.\n * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.\n * @cssprop --app-header-height - Defaults to `auto`.\n * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).\n * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.\n * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`.\n * @cssprop --app-header-title-font-size - Variable to customize the title's font size.\n * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.\n * Defaults to `--app-header-typography-3-size`.\n * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.\n * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-lineheight`.\n * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.\n * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-tracking`.\n * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.\n */\nexport class ZAppHeaderDeprecated {\n    constructor() {\n        this.observer = SUPPORT_INTERSECTION_OBSERVER &&\n            new IntersectionObserver(([entry]) => {\n                this._stuck = !entry.isIntersecting;\n            }, {\n                threshold: 0.5,\n            });\n        this.stuck = false;\n        this.hero = undefined;\n        this.overlay = false;\n        this.flow = \"auto\";\n        this.drawerOpen = false;\n        this.enableSearch = false;\n        this.searchPlaceholder = \"Cerca\";\n        this.searchString = \"\";\n        this.searchPageUrl = undefined;\n        this._stuck = false;\n        this.currentViewport = \"mobile\";\n        this.menuLength = undefined;\n        this.openDrawer = this.openDrawer.bind(this);\n        this.closeDrawer = this.closeDrawer.bind(this);\n        this.collectMenuElements = this.collectMenuElements.bind(this);\n    }\n    evaluateViewport() {\n        if (window.innerWidth < 768) {\n            this.currentViewport = \"mobile\";\n        }\n        else if (window.innerWidth >= 768 && window.innerWidth < 1152) {\n            this.currentViewport = \"tablet\";\n        }\n        else {\n            this.currentViewport = \"desktop\";\n        }\n    }\n    onStuck() {\n        const scrollParent = this.scrollParent;\n        if (!scrollParent) {\n            return;\n        }\n        this.sticking.emit(this._stuck);\n    }\n    setMenuFloatingMode() {\n        if (this.menuElements.length === 0) {\n            return;\n        }\n        const elements = this.menuElements;\n        elements.forEach((element) => {\n            element.open = false;\n            element.floating = !this.drawerOpen;\n            element.verticalContext = this.drawerOpen;\n        });\n    }\n    get title() {\n        const titleElement = this.hostElement.querySelector('[slot=\"title\"]');\n        if (titleElement === null) {\n            return \"\";\n        }\n        return titleElement.textContent.trim();\n    }\n    get scrollParent() {\n        const parent = this.hostElement.offsetParent;\n        if (parent === document.body || parent === document.documentElement) {\n            return window;\n        }\n        return parent;\n    }\n    get canShowMenu() {\n        return this.flow !== \"offcanvas\" && this.currentViewport !== \"mobile\" && !this.drawerOpen;\n    }\n    get canShowSearchbar() {\n        if (!this.enableSearch) {\n            return false;\n        }\n        // Always show the searchbar on desktop, even if a searchPageUrl is set\n        if (this.searchPageUrl) {\n            return this.currentViewport === \"desktop\";\n        }\n        return true;\n    }\n    /**\n     * Whether the header has a hero image, either as a prop or as a slot.\n     */\n    get hasHero() {\n        return !!this.hero || this.hostElement.querySelector(\"[slot=hero]\") !== null;\n    }\n    openDrawer() {\n        this.drawerOpen = true;\n    }\n    closeDrawer() {\n        this.drawerOpen = false;\n    }\n    collectMenuElements() {\n        const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot=\"menu\"]'));\n        this.menuLength = menuElements.length;\n        this.setMenuFloatingMode();\n    }\n    enableStuckObserver() {\n        if (this.observer) {\n            this.observer.observe(this.container);\n        }\n    }\n    disableStuckMode() {\n        this._stuck = false;\n        if (this.observer) {\n            this.observer.unobserve(this.container);\n        }\n    }\n    onStuckMode() {\n        if (this.stuck) {\n            this.enableStuckObserver();\n        }\n        else {\n            this.disableStuckMode();\n        }\n    }\n    renderSearchLinkButton() {\n        if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === \"desktop\") {\n            return null;\n        }\n        return (h(\"z-button\", { class: \"search-page-button\", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: \"search\", size: ControlSize.X_SMALL }));\n    }\n    renderSeachbar(searchButtonIconOnly) {\n        return (h(\"z-searchbar\", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: searchButtonIconOnly, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));\n    }\n    componentDidLoad() {\n        this.collectMenuElements();\n        this.onStuckMode();\n        this.evaluateViewport();\n    }\n    render() {\n        return (h(Host, { key: '1c345c1bfece133ca47e12f08f3707e92a9a3650', \"menu-length\": this.menuLength }, this.hasHero && (h(\"div\", { key: 'ec380161c53681ed14d817bcc85c1b5ebcc7d2b9', class: \"hero-container\" }, h(\"slot\", { key: '3e3f0c1a591eb0fc24cc7ec3ebde8829920920b4', name: \"hero\" }, this.hero && (h(\"img\", { key: '0ac5d15f851943796fe57a89c5161b45254f7897', alt: \"\", src: this.hero }))))), h(\"div\", { key: '1bc128eff8bfee60e0fbac28a43ef241568a3421', class: \"heading-panel\", ref: (el) => (this.container = el) }, h(\"div\", { key: '982a82c94a98bc00e4fd540cf94c4c425038d9c0', class: \"heading-container\" }, h(\"div\", { key: '786634064010c20967b687a8567fbb82aaf5f126', class: \"heading-subtitle\" }, h(\"slot\", { key: '792f28fea8a7661420d73677f9a4cfb618886110', name: \"top-subtitle\" })), h(\"div\", { key: 'eb3eafd4e36b218a617c1802c3e6a0563aba75e3', class: \"heading-title\" }, this.menuLength > 0 && (h(\"button\", { key: 'f66165640eb1f3e640498f4231b02429a9833ce9', class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", onClick: this.openDrawer }, h(\"z-icon\", { key: '15a01b76828bb7d64c889a68f5077655910d8583', name: \"burger-menu\" }))), h(\"slot\", { key: '9e1038f99339df83e82a63aede899e8ff9aa3725', name: \"title\" }), this.renderSearchLinkButton()), h(\"div\", { key: '72726562d475b5f4edf19b6b88a89ef9ea1518b3', class: \"heading-subtitle\" }, h(\"slot\", { key: '0206b4d6da11862121b9cac5a6e87ffccd822089', name: \"subtitle\" }))), (this.canShowMenu || this.canShowSearchbar) && (h(\"div\", { key: '8c09854d5db8b1af53559ee77adc18c5e9e21836', class: \"menu-container\" }, this.canShowMenu && (h(\"slot\", { key: '873b577cabe6b6e37c9a00f15ae8da2cdb6dec61', name: \"menu\", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== \"desktop\")))), h(\"z-offcanvas\", { key: '8cea6d5468f2553434242881817309dbf12601b3', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h(\"button\", { key: '3be458375ddaa738d40cb41f93a07616952debc2', class: \"drawer-close\", \"aria-label\": \"Chiudi menu\", onClick: this.closeDrawer, slot: \"canvasContent\", \"aria-hidden\": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h(\"z-icon\", { key: 'c14c99a56f4083af6c334a74f613f1a44406ad23', name: \"close\" })), h(\"div\", { key: 'd52312a4e74258d446564f606c0cf868d9dfac7d', class: \"drawer-content\", slot: \"canvasContent\", \"aria-hidden\": `${!this.drawerOpen}` }, h(\"slot\", { key: 'd3eebb48c21c2269e45eb686c116c22859bfab19', name: \"menu\", onSlotchange: this.collectMenuElements }))), this._stuck && (h(\"div\", { key: 'c005b81f7f6567005b82c03abc66a89cf6a5d731', class: \"heading-stuck\" }, h(\"div\", { key: '18ea0f8aaed6543744c829baa726e3d17fe4cc1a', class: \"heading-stuck-content\" }, this.menuLength > 0 && (h(\"button\", { key: '32df9acac12f1b9f778236f36f9b4dca5f950907', class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", onClick: this.openDrawer }, h(\"z-icon\", { key: 'c6835bbf121417630f5fcddc825258c4f07c6412', name: \"burger-menu\" }))), h(\"div\", { key: 'a0f631f812478aea4ea6c33088ce8128531d4c5f', class: \"heading-title\" }, h(\"slot\", { key: '206733fd6de7eed0f1333a221880e046fdf4282d', name: \"stucked-title\" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === \"desktop\" && this.renderSeachbar(false))))));\n    }\n    static get is() { return \"z-app-header-deprecated\"; }\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            \"stuck\": {\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\": \"Stuck mode for the header.\\nYou can programmatically set it using an IntersectionObserver.\"\n                },\n                \"attribute\": \"stuck\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hero\": {\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\": \"Set the hero image source for the header.\\nYou can also use a [slot=\\\"hero\\\"] node for advanced customization.\"\n                },\n                \"attribute\": \"hero\",\n                \"reflect\": false\n            },\n            \"overlay\": {\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\": \"Should place an overlay over the hero image.\\nUseful for legibility purpose.\"\n                },\n                \"attribute\": \"overlay\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"flow\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"auto\\\" | \\\"stack\\\" | \\\"offcanvas\\\"\",\n                    \"resolved\": \"\\\"auto\\\" | \\\"offcanvas\\\" | \\\"stack\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Control menu bar position in the header.\\n- auto: the menu bar is positioned near the title\\n- stack: the menu bar is positioned below the title\\n- offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu\"\n                },\n                \"attribute\": \"flow\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"drawerOpen\": {\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 opening state of the drawer.\"\n                },\n                \"attribute\": \"drawer-open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"enableSearch\": {\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 the search bar.\"\n                },\n                \"attribute\": \"enable-search\",\n                \"reflect\": true,\n                \"defaultValue\": \"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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Placeholder text for the search bar.\"\n                },\n                \"attribute\": \"search-placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Cerca\\\"\"\n            },\n            \"searchString\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Search string for the search bar.\"\n                },\n                \"attribute\": \"search-string\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"searchPageUrl\": {\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\": \"Url to the search page.\\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\\nThe link will also appear on the sticky header.\"\n                },\n                \"attribute\": \"search-page-url\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"_stuck\": {},\n            \"currentViewport\": {},\n            \"menuLength\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"sticking\",\n                \"name\": \"sticking\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the `stuck` state of the header changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"_stuck\",\n                \"methodName\": \"onStuck\"\n            }, {\n                \"propName\": \"drawerOpen\",\n                \"methodName\": \"setMenuFloatingMode\"\n            }, {\n                \"propName\": \"stuck\",\n                \"methodName\": \"onStuckMode\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"evaluateViewport\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-4035e4b7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as a,g as e}from"./p-Cam6wBSi.js";import{e as r}from"./p-B2-dCTD2.js";const i=':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 s=class{constructor(o){t(this,o);this.variant=undefined;this.coverIcon=undefined;this.showShadow=false;this.clickable=false;this.hasCoverImage=undefined}componentWillLoad(){this.hasCoverImage=this.host.querySelector('[slot="cover"]')!==null}renderColorCoverCard(){return[o("div",{class:"cover-container"},o("div",{class:"color-cover"},o("div",{class:"cover-content"},o("slot",{name:"metadata"}),o("slot",{name:"title"})))),o("div",{class:"content"},o("slot",{name:"text"}),o("div",{class:"actions"},o("slot",{name:"action"})))]}renderContent(){return o("div",{class:"content"},o("slot",{name:"metadata"}),o("slot",{name:"title"}),o("slot",{name:"text"}),o("div",{class:"actions"},o("slot",{name:"action"})))}render(){if(this.variant===r.TEXT){return o(a,null,this.renderContent())}if(this.variant===r.OVERLAY||this.hasCoverImage){return o(a,null,o("div",{class:"cover-container"},this.hasCoverImage&&[o("slot",{name:"cover"}),this.variant!==r.OVERLAY&&this.coverIcon&&o("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&o("div",{class:"color-cover"})),this.renderContent())}return o(a,null,this.renderColorCoverCard())}get host(){return e(this)}};s.style=i;export{s as z_card};
+//# sourceMappingURL=p-4035e4b7.entry.js.map

package/www/build/p-4035e4b7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCard","constructor","hostRef","this","variant","undefined","coverIcon","showShadow","clickable","hasCoverImage","componentWillLoad","host","querySelector","renderColorCoverCard","h","class","name","renderContent","render","CardVariant","TEXT","Host","OVERLAY"],"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"],"mappings":"6FAAA,MAAMA,EAAY,0lI,MCiBLC,EAAK,MACd,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,UACfF,KAAKG,UAAYD,UACjBF,KAAKI,WAAa,MAClBJ,KAAKK,UAAY,MACjBL,KAAKM,cAAgBJ,SACxB,CACD,iBAAAK,GACIP,KAAKM,cAAgBN,KAAKQ,KAAKC,cAAc,oBAAsB,I,CAMvE,oBAAAC,GACI,MAAO,CACHC,EAAE,MAAO,CAAEC,MAAO,mBAAqBD,EAAE,MAAO,CAAEC,MAAO,eAAiBD,EAAE,MAAO,CAAEC,MAAO,iBAAmBD,EAAE,OAAQ,CAAEE,KAAM,aAAeF,EAAE,OAAQ,CAAEE,KAAM,aAClKF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,SAAWF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,a,CAMrH,aAAAC,GACI,OAAQH,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,aAAeF,EAAE,OAAQ,CAAEE,KAAM,UAAYF,EAAE,OAAQ,CAAEE,KAAM,SAAWF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,Y,CAExL,MAAAE,GACI,GAAIf,KAAKC,UAAYe,EAAYC,KAAM,CACnC,OAAON,EAAEO,EAAM,KAAMlB,KAAKc,gB,CAE9B,GAAId,KAAKC,UAAYe,EAAYG,SAAWnB,KAAKM,cAAe,CAC5D,OAAQK,EAAEO,EAAM,KAAMP,EAAE,MAAO,CAAEC,MAAO,mBAAqBZ,KAAKM,eAAiB,CAC/EK,EAAE,OAAQ,CAAEE,KAAM,UAClBb,KAAKC,UAAYe,EAAYG,SAAWnB,KAAKG,WAAaQ,EAAE,SAAU,CAAEE,KAAMb,KAAKG,cACnFH,KAAKM,eAAiBK,EAAE,MAAO,CAAEC,MAAO,iBAAmBZ,KAAKc,gB,CAExE,OAAOH,EAAEO,EAAM,KAAMlB,KAAKU,uB","ignoreList":[]}

package/www/build/p-4ad3b8c3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as o,g as r}from"./p-Cam6wBSi.js";import{i as a,j as i}from"./p-B2-dCTD2.js";const n=':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 c=class{constructor(t){e(this,t);this.variant=a.OVERLAY;this.contentPosition=i.TOP;this.preserveAspectRatio=true}onImgLoad({target:e}){if(e instanceof Image&&e.closest("[slot=cover]")){const t=e.naturalWidth/e.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",t.toString())}}renderContent(){return t("div",{class:"content-container"},t("slot",{name:"content"}))}render(){return t(o,{key:"9d19bccd90d41d823dedfd22d4735806513e02b4"},this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),t("div",{key:"c700a2f18c53e2ee3f0893bb5e06c591847cbf3d",class:"main-container"},t("div",{key:"32d74cad8e5c8ca8e6bf14a98dda4f490eca8983",class:"cover-container"},t("slot",{key:"3b54102807692fa0bd3c13ec02ca577dd817f12c",name:"cover"})),t("slot",{key:"330c4c5cb791cb34d6ae5c797f5af17b55e6173b",name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};c.style=n;export{c as z_cover_hero};
+//# sourceMappingURL=p-4ad3b8c3.entry.js.map

package/www/build/p-4ad3b8c3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCoverHero","constructor","hostRef","this","variant","CoverHeroVariant","OVERLAY","contentPosition","CoverHeroContentPosition","TOP","preserveAspectRatio","onImgLoad","target","Image","closest","ratio","naturalWidth","naturalHeight","host","style","setProperty","toString","renderContent","h","class","name","render","Host","key","STACKED","BOTTOM"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/index.js"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-default-text);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { CoverHeroContentPosition, CoverHeroVariant } from \"../../beans\";\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\nexport class ZCoverHero {\n    constructor() {\n        this.variant = CoverHeroVariant.OVERLAY;\n        this.contentPosition = CoverHeroContentPosition.TOP;\n        this.preserveAspectRatio = true;\n    }\n    /**\n     * Store the intrinsic aspect ratio of the slotted image when loaded,\n     * to have a default when `--cover-hero-aspect-ratio` is not set.\n     * @param target The event target\n     */\n    onImgLoad({ target }) {\n        if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n            const ratio = target.naturalWidth / target.naturalHeight;\n            this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n        }\n    }\n    /**\n     * Template for the content.\n     */\n    renderContent() {\n        return (h(\"div\", { class: \"content-container\" }, h(\"slot\", { name: \"content\" })));\n    }\n    render() {\n        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&\n            this.contentPosition === CoverHeroContentPosition.TOP &&\n            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 &&\n            this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n            this.renderContent()));\n    }\n    static get is() { return \"z-cover-hero\"; }\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\": \"CoverHeroVariant\",\n                    \"resolved\": \"CoverHeroVariant.OVERLAY | CoverHeroVariant.STACKED\",\n                    \"references\": {\n                        \"CoverHeroVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cover hero variant. Can be `OVERLAY` or `STACKED`.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroVariant.OVERLAY\"\n            },\n            \"contentPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CoverHeroContentPosition\",\n                    \"resolved\": \"CoverHeroContentPosition.BOTTOM | CoverHeroContentPosition.TOP\",\n                    \"references\": {\n                        \"CoverHeroContentPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroContentPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Vertical content position (for `STACKED` variant).\"\n                },\n                \"attribute\": \"content-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroContentPosition.TOP\"\n            },\n            \"preserveAspectRatio\": {\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 to keep the image aspect ratio.\\nIf set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\\ninstead, the height of the component follows the content's one.\\nNote: it may be necessary to set a min and/or max height to the component.\"\n                },\n                \"attribute\": \"preserve-aspect-ratio\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"load\",\n                \"method\": \"onImgLoad\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"oGAAA,MAAMA,EAAY,6nD,MCaLC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,EAAiBC,QAChCH,KAAKI,gBAAkBC,EAAyBC,IAChDN,KAAKO,oBAAsB,IAC9B,CAMD,SAAAC,EAAUC,OAAEA,IACR,GAAIA,aAAkBC,OAASD,EAAOE,QAAQ,gBAAiB,CAC3D,MAAMC,EAAQH,EAAOI,aAAeJ,EAAOK,cAC3Cd,KAAKe,KAAKC,MAAMC,YAAY,uBAAwBL,EAAMM,W,EAMlE,aAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,MAAO,qBAAuBD,EAAE,OAAQ,CAAEE,KAAM,Y,CAEvE,MAAAC,GACI,OAAQH,EAAEI,EAAM,CAAEC,IAAK,4CAA8CzB,KAAKC,UAAYC,EAAiBwB,SACnG1B,KAAKI,kBAAoBC,EAAyBC,KAClDN,KAAKmB,gBAAiBC,EAAE,MAAO,CAAEK,IAAK,2CAA4CJ,MAAO,kBAAoBD,EAAE,MAAO,CAAEK,IAAK,2CAA4CJ,MAAO,mBAAqBD,EAAE,OAAQ,CAAEK,IAAK,2CAA4CH,KAAM,WAAaF,EAAE,OAAQ,CAAEK,IAAK,2CAA4CH,KAAM,gBAAkBtB,KAAKC,UAAYC,EAAiBC,SAAWH,KAAKmB,iBAAkBnB,KAAKC,UAAYC,EAAiBwB,SAChd1B,KAAKI,kBAAoBC,EAAyBsB,QAClD3B,KAAKmB,gB","ignoreList":[]}

package/www/build/p-4b0f8b7c.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as t}from"./p-Cam6wBSi.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";const r=class{constructor(t){o(this,t);this.infoBoxClose=i(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return t("div",{key:"97f595bcb0456f5a5178d713253f44798e97aa64",id:this.boxid},t("slot",{key:"dad87fab0f68993bfd0c255b10d7949e8df64ce4",name:"content"}),this.isclosable&&t("z-icon",{key:"405f33531ac9fb80f1677837c4e873fc609b289f",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}};r.style=a;export{r as z_info_box};
+//# sourceMappingURL=p-4b0f8b7c.entry.js.map

package/www/build/p-4b0f8b7c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoBox","constructor","hostRef","this","boxid","undefined","isclosable","emitInfoBoxClose","infoBoxClose","emit","render","h","key","id","name","onClick"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-box/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  padding: calc(var(--space-unit) * 2);\n  background: var(--color-primary03);\n  border-radius: var(--border-radius);\n}\n\n:host > div > slot {\n  color: var(--color-default-text);\n  font-size: 14px;\n}\n\n:host > div > z-icon {\n  margin-left: calc(var(--space-unit) * 2);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot content - set the info box content\n */\nexport class ZInfoBox {\n    constructor() {\n        this.boxid = undefined;\n        this.isclosable = true;\n    }\n    emitInfoBoxClose() {\n        this.infoBoxClose.emit({ boxid: this.boxid });\n    }\n    render() {\n        return (h(\"div\", { key: '97f595bcb0456f5a5178d713253f44798e97aa64', id: this.boxid }, h(\"slot\", { key: 'dad87fab0f68993bfd0c255b10d7949e8df64ce4', name: \"content\" }), this.isclosable && (h(\"z-icon\", { key: '405f33531ac9fb80f1677837c4e873fc609b289f', name: \"multiply\", \"data-action\": \"infoBoxClose\", onClick: () => this.emitInfoBoxClose() }))));\n    }\n    static get is() { return \"z-info-box\"; }\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            \"boxid\": {\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\": \"info box unique id\"\n                },\n                \"attribute\": \"boxid\",\n                \"reflect\": false\n            },\n            \"isclosable\": {\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\": \"render close icon flag\"\n                },\n                \"attribute\": \"isclosable\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"infoBoxClose\",\n                \"name\": \"infoBoxClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on close icon click\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,wX,MCILC,EAAQ,MACjB,WAAAC,CAAAC,G,qDACIC,KAAKC,MAAQC,UACbF,KAAKG,WAAa,IACrB,CACD,gBAAAC,GACIJ,KAAKK,aAAaC,KAAK,CAAEL,MAAOD,KAAKC,O,CAEzC,MAAAM,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,GAAIV,KAAKC,OAASO,EAAE,OAAQ,CAAEC,IAAK,2CAA4CE,KAAM,YAAcX,KAAKG,YAAeK,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAM,WAAY,cAAe,eAAgBC,QAAS,IAAMZ,KAAKI,qB","ignoreList":[]}

package/www/build/p-4e503a77.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as s}from"./p-Cam6wBSi.js";const t=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const c=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"68f9134c92fd8aa1db8236ca1cae82945b8dff40",role:"rowgroup"},r("slot",{key:"e76426e09634deb41395104af9c37f8f75415435"}))}};c.style=t;export{c as z_tfoot};
+//# sourceMappingURL=p-4e503a77.entry.js.map

package/www/build/p-4e503a77.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTfoot","constructor","hostRef","this","sticky","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\nexport class ZTfoot {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: \"rowgroup\" }, h(\"slot\", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));\n    }\n    static get is() { return \"z-tfoot\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the footer will be stuck to the bottom of the table.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,mO,MCKLC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,OAAS,KACjB,CACD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,YAAcH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/www/build/p-4fb10c24.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as n,g as o}from"./p-Cam6wBSi.js";import{I as s}from"./p-B2-dCTD2.js";const e="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-background);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-surface01)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";const r=class{constructor(a){t(this,a);this.pageChanged=i(this,"pageChanged",7);this.label=undefined;this.navArrows=true;this.totalPages=undefined;this.skip=0;this.edges=false;this.split=undefined;this.visiblePages=undefined;this.currentPage=1;this.goToPage=undefined;this._visiblePages=this.visiblePages;this.isMobile=false;this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split){this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");return}const t=window.getComputedStyle(this.host);const i=t.getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${i} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage);this.scrollToPage()}onSplitChanged(){if(this.split){this.edges=false}}onResize(){this.setMobile()}setMobile(){const t="screen and (max-width: 767px)";this.isMobile=window.matchMedia(t).matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1));const i=[];const a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++){i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages))}return i}scrollToPage(){const t=this.host.querySelector(`[data-page="${this.currentPage}"]`);if(!t){return}t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:`Vai alla pagina ${t}`,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return a("button",{class:"ellipsis-button",type:"button",title:`Vai alla pagina ${t}`,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(t.length<=0){return}return t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){if(this.totalPages<=this.split*2+5){return Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1)))}if(this.currentPage<=this.split*2+2){return[...Array.from({length:this.split*2+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(this.split*2+4),this.renderPage(this.totalPages)]}if(this.currentPage>this.split*2+2&&this.currentPage<this.totalPages-this.split*2-1){return[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:this.split*2+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]}return[this.renderPage(1),this.renderEllipsisButton(this.totalPages-this.split*2-3),...Array.from({length:this.split*2+3},((t,i)=>this.renderPage(this.totalPages-this.split*2-2+i)))]}renderBackButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:this.currentPage===1,onClick:()=>this.selectPage(this.currentPage-1)},a("z-icon",{name:"chevron-left"}))}renderForwardButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},a("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault();this.selectPage(this.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,onInput:t=>{this.goToPageValue=t.target.value},placeholder:this.currentPage.toString(),hasclearicon:false}),a("span",null,`/${this.totalPages}`)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){if(this.split){this.edges=false}this.setPagesContainerWidth();this.setMobile()}render(){if(this.isMobile){return a(n,null,this.renderMobile())}return a(n,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:this.currentPage===1,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.currentPage-this.skip}`,disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.currentPage+this.skip}`,disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.totalPages}`,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,placeholder:"2",hasclearicon:false,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>t.key==="Enter"&&this.selectPage(this.goToPageValue)}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return o(this)}static get watchers(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}}};r.style=e;export{r as z_pagination};
+//# sourceMappingURL=p-4fb10c24.entry.js.map