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

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

@@ -0,0 +1 @@
+{"file":"z-menu.entry.cjs.js","mappings":"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","names":["KeyboardCode","containsElement","h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/index.js"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n  outline: none;\n}\n\n:host {\n  --z-menu-label-color: ;\n\n  position: relative;\n  display: inline-flex;\n  height: fit-content;\n  flex-direction: column;\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.menu-label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  border-bottom: var(--border-size-large) solid transparent;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n  padding: var(--space-unit) 0;\n  border-width: var(--border-size-small);\n  border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n  position: absolute;\n  bottom: calc(var(--border-size-small) * -1);\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n  content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n  padding: 0;\n}\n\n.menu-label ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-bottom: 2px;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color, var(--color-default-text));\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: inherit;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n.menu-label z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n}\n\n/* Prevents 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]:not([slot]))::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text]:not([slot]))::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]:not([slot])) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: 0 calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n  border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active),\n.items > ::slotted([slot=\"item\"][active]),\n.items > ::slotted([slot=\"item\"][data-active]) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../beans\";\nimport { containsElement } from \"../../utils/utils\";\nconst isZMenuSection = (el) => (el === null || el === void 0 ? void 0 : el.tagName) === \"Z-MENU-SECTION\";\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\nexport class ZMenu {\n    get focusableItem() {\n        return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n    }\n    toggle() {\n        if (!this.hasContent) {\n            return;\n        }\n        this.open = !this.open;\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        this.setLabelA11yAttrs();\n    }\n    /**\n     * Correctly set position of the floating menu in order to prevent overflow.\n     * @param live Should run the method on every refresh frame.\n     */\n    reflow(live = false) {\n        if (!this.floating) {\n            return;\n        }\n        if (this.content && this.hasContent) {\n            const { style } = this.content;\n            const { left } = this.host.getBoundingClientRect();\n            const widthPx = getComputedStyle(this.content).width;\n            const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n            const safeScrollbarSpace = 30;\n            style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n        }\n        if (live) {\n            this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n        }\n    }\n    /**\n     * Check if some content slot is set.\n     */\n    checkContent() {\n        this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n        this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n    }\n    setItemTabindex(item, tabIndex) {\n        if (isZMenuSection(item)) {\n            item.htmlTabindex = tabIndex;\n        }\n        else {\n            item.tabIndex = tabIndex;\n        }\n    }\n    /**\n     * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n     * Set -1 to the tabindex of the items and 0 to the first one.\n     */\n    setItemsA11yAttrs() {\n        this.items.forEach((item, index) => {\n            const tabindex = index === 0 ? 0 : -1;\n            this.setItemTabindex(item, tabindex);\n            if (!isZMenuSection(item)) {\n                item.setAttribute(\"role\", \"menuitem\");\n            }\n        });\n    }\n    onItemsChange() {\n        this.checkContent();\n        this.items = Array.from(this.host.children).filter(({ slot }) => slot === \"item\");\n        this.setItemsA11yAttrs();\n        this.items.forEach((item) => {\n            if (!isZMenuSection(item)) {\n                item.dataset.text = item.textContent;\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     * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n     */\n    moveFocus(receiver, current) {\n        if (isZMenuSection(receiver)) {\n            receiver.setFocus();\n        }\n        else {\n            receiver.tabIndex = 0;\n            setTimeout(() => {\n                receiver.focus();\n            }, 100);\n        }\n        if (!current) {\n            return;\n        }\n        this.setItemTabindex(current, -1);\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.moveFocus(this.items[0]);\n            }\n            return;\n        }\n        if (!this.verticalContext) {\n            return;\n        }\n        if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            this.open = true;\n            this.moveFocus(this.items[0]);\n        }\n    }\n    /** Set tabindex of the label to 0, then focus it. */\n    async setFocus() {\n        this.htmlTabindex = 0;\n        const label = this.hasContent ? this.labelButton : this.host.firstElementChild;\n        label.focus();\n    }\n    /**\n     * Focus the last item.\n     */\n    async focusLastItem() {\n        const lastItem = this.items[this.items.length - 1];\n        if (isZMenuSection(lastItem) && lastItem.open) {\n            lastItem.focusLastItem();\n            return;\n        }\n        this.moveFocus(lastItem);\n    }\n    onOpenChanged() {\n        if (!this.open) {\n            cancelAnimationFrame(this.raf);\n            this.closed.emit();\n            this.items.forEach((item) => {\n                if (isZMenuSection(item) && item.open) {\n                    item.open = false;\n                }\n            });\n            return;\n        }\n        this.setItemsA11yAttrs();\n        this.opened.emit();\n        if (this.floating) {\n            this.reflow(true);\n        }\n    }\n    setLabelA11yAttrs() {\n        if (this.hasContent && this.labelButton) {\n            this.labelButton.tabIndex = this.htmlTabindex;\n            return;\n        }\n        const slottedLabel = this.host.firstElementChild;\n        slottedLabel.role = \"menuitem\";\n        slottedLabel.tabIndex = this.htmlTabindex;\n    }\n    /**\n     * Set tabindex to -1 to all siblings of the clicked item.\n     */\n    onItemClick(ev) {\n        const clickedItem = this.items.find((item) => containsElement(item, ev.target));\n        if (clickedItem) {\n            this.items.forEach((item) => {\n                if (item === clickedItem) {\n                    return;\n                }\n                if (isZMenuSection(item)) {\n                    item.htmlTabindex = -1;\n                }\n                else {\n                    item.tabIndex = -1;\n                }\n            });\n        }\n    }\n    onKeyDown(ev) {\n        var _a;\n        if (!this.hasContent) {\n            return;\n        }\n        switch (ev.key) {\n            case KeyboardCode.ESC:\n                if (!this.open) {\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                this.open = false;\n                this.setFocus();\n                break;\n            case KeyboardCode.ARROW_DOWN: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext && !this.open) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[0]);\n                    break;\n                }\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (this.verticalContext && currentIndex === this.items.length - 1) {\n                    // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n                    this.setItemTabindex(this.items[currentIndex], -1);\n                    this.htmlTabindex = 0;\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const receiver = this.items[currentIndex + 1];\n                // if the last item is already focused, navigate to the first one\n                this.moveFocus(receiver !== null && receiver !== void 0 ? receiver : this.items[0], this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_UP: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    // open the menu and focus the last item\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (currentIndex === 0 && this.verticalContext) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    this.setFocus();\n                    break;\n                }\n                const receiver = (_a = this.items[currentIndex - 1]) !== null && _a !== void 0 ? _a : this.items[this.items.length - 1];\n                // if the receiver is a ZMenuSection and it's open, focus its last item\n                if (isZMenuSection(receiver) && receiver.open) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    receiver.focusLastItem();\n                    break;\n                }\n                this.moveFocus(receiver, this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_LEFT:\n                if (!this.open || !this.verticalContext) {\n                    break;\n                }\n                // close the menu and focus the label\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.open = false;\n                this.setFocus();\n        }\n    }\n    constructor() {\n        this.items = [];\n        this.active = undefined;\n        this.floating = true;\n        this.open = false;\n        this.verticalContext = false;\n        this.htmlTabindex = -1;\n        this.hasHeader = undefined;\n        this.hasContent = undefined;\n        this.toggle = this.toggle.bind(this);\n        this.checkContent = this.checkContent.bind(this);\n        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n        this.onLabelClick = this.onLabelClick.bind(this);\n        this.onItemsChange = this.onItemsChange.bind(this);\n        this.onLabelKeydown = this.onLabelKeydown.bind(this);\n    }\n    componentWillLoad() {\n        this.setLabelA11yAttrs();\n        this.onItemsChange();\n    }\n    render() {\n        if (!this.hasContent) {\n            return (h(\"div\", { class: \"menu-label\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange })));\n        }\n        return (h(Host, null, h(\"button\", { ref: (el) => (this.labelButton = el), class: \"menu-label\", \"aria-expanded\": `${!!this.open}`, \"aria-haspopup\": `${this.hasContent}`, \"aria-label\": this.open ? \"Chiudi menù\" : \"Apri menù\", role: \"menuitem\", tabIndex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }), h(\"z-icon\", { name: this.open ? \"chevron-up\" : \"chevron-down\" })), h(\"div\", { class: \"content\", ref: (el) => (this.content = el) }, this.hasHeader && (h(\"header\", { class: \"header\" }, h(\"slot\", { name: \"header\", onSlotchange: this.checkContent }))), h(\"div\", { class: \"items\", role: \"menu\" }, h(\"slot\", { name: \"item\", onSlotchange: this.onItemsChange })))));\n    }\n    static get is() { return \"z-menu\"; }\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\": \"Flag to set the active status of the menu.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true\n            },\n            \"floating\": {\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\": \"Flag to set the display mode of the list.\\nIf true, the list will be absolutely positioned under the menu label,\\nstacked beneath it otherwise.\"\n                },\n                \"attribute\": \"floating\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\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 menu.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"verticalContext\": {\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\": \"Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\\nA small border is placed under it as a separator from other elements.\"\n                },\n                \"attribute\": \"vertical-context\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\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 menu label.\\nUseful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\"\n                },\n                \"attribute\": \"html-tabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"-1\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasHeader\": {},\n            \"hasContent\": {}\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 menu 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 menu has been closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\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            \"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        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }, {\n                \"propName\": \"htmlTabindex\",\n                \"methodName\": \"setLabelA11yAttrs\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"onItemClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"z-menu.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/index.js"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n  outline: none;\n}\n\n:host {\n  --z-menu-label-color: ;\n\n  position: relative;\n  display: inline-flex;\n  height: fit-content;\n  flex-direction: column;\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.menu-label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  border-bottom: var(--border-size-large) solid transparent;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n  padding: var(--space-unit) 0;\n  border-width: var(--border-size-small);\n  border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n  position: absolute;\n  bottom: calc(var(--border-size-small) * -1);\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n  content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n  padding: 0;\n}\n\n.menu-label ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-bottom: 2px;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color, var(--color-default-text));\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: inherit;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n.menu-label z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n}\n\n/* Prevents 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]:not([slot]))::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text]:not([slot]))::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]:not([slot])) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: 0 calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n  border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active),\n.items > ::slotted([slot=\"item\"][active]),\n.items > ::slotted([slot=\"item\"][data-active]) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../beans\";\nimport { containsElement } from \"../../utils/utils\";\nconst isZMenuSection = (el) => (el === null || el === void 0 ? void 0 : el.tagName) === \"Z-MENU-SECTION\";\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\nexport class ZMenu {\n    get focusableItem() {\n        return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n    }\n    toggle() {\n        if (!this.hasContent) {\n            return;\n        }\n        this.open = !this.open;\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        this.setLabelA11yAttrs();\n    }\n    /**\n     * Correctly set position of the floating menu in order to prevent overflow.\n     * @param live Should run the method on every refresh frame.\n     */\n    reflow(live = false) {\n        if (!this.floating) {\n            return;\n        }\n        if (this.content && this.hasContent) {\n            const { style } = this.content;\n            const { left } = this.host.getBoundingClientRect();\n            const widthPx = getComputedStyle(this.content).width;\n            const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n            const safeScrollbarSpace = 30;\n            style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n        }\n        if (live) {\n            this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n        }\n    }\n    /**\n     * Check if some content slot is set.\n     */\n    checkContent() {\n        this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n        this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n    }\n    setItemTabindex(item, tabIndex) {\n        if (isZMenuSection(item)) {\n            item.htmlTabindex = tabIndex;\n        }\n        else {\n            item.tabIndex = tabIndex;\n        }\n    }\n    /**\n     * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n     * Set -1 to the tabindex of the items and 0 to the first one.\n     */\n    setItemsA11yAttrs() {\n        this.items.forEach((item, index) => {\n            const tabindex = index === 0 ? 0 : -1;\n            this.setItemTabindex(item, tabindex);\n            if (!isZMenuSection(item)) {\n                item.setAttribute(\"role\", \"menuitem\");\n            }\n        });\n    }\n    onItemsChange() {\n        this.checkContent();\n        this.items = Array.from(this.host.children).filter(({ slot }) => slot === \"item\");\n        this.setItemsA11yAttrs();\n        this.items.forEach((item) => {\n            if (!isZMenuSection(item)) {\n                item.dataset.text = item.textContent;\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     * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n     */\n    moveFocus(receiver, current) {\n        if (isZMenuSection(receiver)) {\n            receiver.setFocus();\n        }\n        else {\n            receiver.tabIndex = 0;\n            setTimeout(() => {\n                receiver.focus();\n            }, 100);\n        }\n        if (!current) {\n            return;\n        }\n        this.setItemTabindex(current, -1);\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.moveFocus(this.items[0]);\n            }\n            return;\n        }\n        if (!this.verticalContext) {\n            return;\n        }\n        if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            this.open = true;\n            this.moveFocus(this.items[0]);\n        }\n    }\n    /** Set tabindex of the label to 0, then focus it. */\n    async setFocus() {\n        this.htmlTabindex = 0;\n        const label = this.hasContent ? this.labelButton : this.host.firstElementChild;\n        label.focus();\n    }\n    /**\n     * Focus the last item.\n     */\n    async focusLastItem() {\n        const lastItem = this.items[this.items.length - 1];\n        if (isZMenuSection(lastItem) && lastItem.open) {\n            lastItem.focusLastItem();\n            return;\n        }\n        this.moveFocus(lastItem);\n    }\n    onOpenChanged() {\n        if (!this.open) {\n            cancelAnimationFrame(this.raf);\n            this.closed.emit();\n            this.items.forEach((item) => {\n                if (isZMenuSection(item) && item.open) {\n                    item.open = false;\n                }\n            });\n            return;\n        }\n        this.setItemsA11yAttrs();\n        this.opened.emit();\n        if (this.floating) {\n            this.reflow(true);\n        }\n    }\n    setLabelA11yAttrs() {\n        if (this.hasContent && this.labelButton) {\n            this.labelButton.tabIndex = this.htmlTabindex;\n            return;\n        }\n        const slottedLabel = this.host.firstElementChild;\n        slottedLabel.role = \"menuitem\";\n        slottedLabel.tabIndex = this.htmlTabindex;\n    }\n    /**\n     * Set tabindex to -1 to all siblings of the clicked item.\n     */\n    onItemClick(ev) {\n        const clickedItem = this.items.find((item) => containsElement(item, ev.target));\n        if (clickedItem) {\n            this.items.forEach((item) => {\n                if (item === clickedItem) {\n                    return;\n                }\n                if (isZMenuSection(item)) {\n                    item.htmlTabindex = -1;\n                }\n                else {\n                    item.tabIndex = -1;\n                }\n            });\n        }\n    }\n    onKeyDown(ev) {\n        var _a;\n        if (!this.hasContent) {\n            return;\n        }\n        switch (ev.key) {\n            case KeyboardCode.ESC:\n                if (!this.open) {\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                this.open = false;\n                this.setFocus();\n                break;\n            case KeyboardCode.ARROW_DOWN: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext && !this.open) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[0]);\n                    break;\n                }\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (this.verticalContext && currentIndex === this.items.length - 1) {\n                    // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n                    this.setItemTabindex(this.items[currentIndex], -1);\n                    this.htmlTabindex = 0;\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const receiver = this.items[currentIndex + 1];\n                // if the last item is already focused, navigate to the first one\n                this.moveFocus(receiver !== null && receiver !== void 0 ? receiver : this.items[0], this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_UP: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    // open the menu and focus the last item\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (currentIndex === 0 && this.verticalContext) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    this.setFocus();\n                    break;\n                }\n                const receiver = (_a = this.items[currentIndex - 1]) !== null && _a !== void 0 ? _a : this.items[this.items.length - 1];\n                // if the receiver is a ZMenuSection and it's open, focus its last item\n                if (isZMenuSection(receiver) && receiver.open) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    receiver.focusLastItem();\n                    break;\n                }\n                this.moveFocus(receiver, this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_LEFT:\n                if (!this.open || !this.verticalContext) {\n                    break;\n                }\n                // close the menu and focus the label\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.open = false;\n                this.setFocus();\n        }\n    }\n    constructor() {\n        this.items = [];\n        this.active = undefined;\n        this.floating = true;\n        this.open = false;\n        this.verticalContext = false;\n        this.htmlTabindex = -1;\n        this.hasHeader = undefined;\n        this.hasContent = undefined;\n        this.toggle = this.toggle.bind(this);\n        this.checkContent = this.checkContent.bind(this);\n        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n        this.onLabelClick = this.onLabelClick.bind(this);\n        this.onItemsChange = this.onItemsChange.bind(this);\n        this.onLabelKeydown = this.onLabelKeydown.bind(this);\n    }\n    componentWillLoad() {\n        this.setLabelA11yAttrs();\n        this.onItemsChange();\n    }\n    render() {\n        if (!this.hasContent) {\n            return (h(\"div\", { class: \"menu-label\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange })));\n        }\n        return (h(Host, null, h(\"button\", { ref: (el) => (this.labelButton = el), class: \"menu-label\", \"aria-expanded\": `${!!this.open}`, \"aria-haspopup\": `${this.hasContent}`, \"aria-label\": this.open ? \"Chiudi menù\" : \"Apri menù\", role: \"menuitem\", tabIndex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }), h(\"z-icon\", { name: this.open ? \"chevron-up\" : \"chevron-down\" })), h(\"div\", { class: \"content\", ref: (el) => (this.content = el) }, this.hasHeader && (h(\"header\", { class: \"header\" }, h(\"slot\", { name: \"header\", onSlotchange: this.checkContent }))), h(\"div\", { class: \"items\", role: \"menu\" }, h(\"slot\", { name: \"item\", onSlotchange: this.onItemsChange })))));\n    }\n    static get is() { return \"z-menu\"; }\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\": \"Flag to set the active status of the menu.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true\n            },\n            \"floating\": {\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\": \"Flag to set the display mode of the list.\\nIf true, the list will be absolutely positioned under the menu label,\\nstacked beneath it otherwise.\"\n                },\n                \"attribute\": \"floating\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\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 menu.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"verticalContext\": {\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\": \"Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\\nA small border is placed under it as a separator from other elements.\"\n                },\n                \"attribute\": \"vertical-context\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\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 menu label.\\nUseful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\"\n                },\n                \"attribute\": \"html-tabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"-1\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasHeader\": {},\n            \"hasContent\": {}\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 menu 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 menu has been closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\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            \"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        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }, {\n                \"propName\": \"htmlTabindex\",\n                \"methodName\": \"setLabelA11yAttrs\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"onItemClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["KeyboardCode","containsElement","h","Host"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-alert.cjs.entry.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+
+const stylesCss = ":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";
+
+const ZMyzCardAlert = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.undoAction = index.createEvent(this, "undoAction", 7);
+        this.iconname = undefined;
+        this.contenttext = undefined;
+        this.actiontext = undefined;
+        this.type = undefined;
+    }
+    emitUndoAction() {
+        this.undoAction.emit({ actionType: this.type });
+    }
+    handleSpaceKeyPress(e) {
+        if (e.keyCode == 32 || e.keyCode == 13) {
+            e.preventDefault();
+            this.emitUndoAction();
+        }
+    }
+    handleActionButtonClick(e) {
+        e.preventDefault();
+        this.emitUndoAction();
+    }
+    retrieveClass() {
+        let className = "";
+        switch (this.type) {
+            case "add":
+                className = "add-alert";
+                break;
+            case "remove":
+                className = "remove-alert";
+                break;
+            default:
+                className = "";
+                break;
+        }
+        return className;
+    }
+    getAlertType() {
+        switch (this.type) {
+            case "add":
+                return index$1.AlertType.SUCCESS;
+            case "remove":
+                return index$1.AlertType.WARNING;
+            default:
+                return null;
+        }
+    }
+    render() {
+        return (index.h("div", { key: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, index.h("div", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: "relative-container" }, index.h("z-icon", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+                this.handleActionButtonClick(e);
+            }, onKeyPress: (e) => {
+                this.handleSpaceKeyPress(e);
+            } }, this.actiontext))))));
+    }
+};
+ZMyzCardAlert.style = stylesCss;
+
+exports.z_myz_card_alert = ZMyzCardAlert;
+//# sourceMappingURL=z-myz-card-alert.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-alert.cjs.entry.js.map

package/dist/cjs/z-myz-card-alert.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-alert.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,w7BAAw7B;;MCE77B,aAAa,GAAA,MAAA;AACtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,cAAc,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;AAEnD,IAAA,mBAAmB,CAAC,CAAC,EAAA;AACjB,QAAA,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE;YACpC,CAAC,CAAC,cAAc,EAAE;YAClB,IAAI,CAAC,cAAc,EAAE;;;AAG7B,IAAA,uBAAuB,CAAC,CAAC,EAAA;QACrB,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,cAAc,EAAE;;IAEzB,aAAa,GAAA;QACT,IAAI,SAAS,GAAG,EAAE;AAClB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,KAAK;gBACN,SAAS,GAAG,WAAW;gBACvB;AACJ,YAAA,KAAK,QAAQ;gBACT,SAAS,GAAG,cAAc;gBAC1B;AACJ,YAAA;gBACI,SAAS,GAAG,EAAE;gBACd;;AAER,QAAA,OAAO,SAAS;;IAEpB,YAAY,GAAA;AACR,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,KAAK;gBACN,OAAOA,iBAAS,CAAC,OAAO;AAC5B,YAAA,KAAK,QAAQ;gBACT,OAAOA,iBAAS,CAAC,OAAO;AAC5B,YAAA;AACI,gBAAA,OAAO,IAAI;;;IAGvB,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,EAAEA,OAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,KAAKA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAI;AAC9tB,gBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnC,aAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAI;AACjB,gBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;aAC9B,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;","names":["AlertType","h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-background);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-inverse-success);\n}\n\n:host div.remove-alert {\n  background: var(--color-inverse-warning);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import { h } from \"@stencil/core\";\nimport { AlertType } from \"../../../../beans\";\nexport class ZMyzCardAlert {\n    constructor() {\n        this.iconname = undefined;\n        this.contenttext = undefined;\n        this.actiontext = undefined;\n        this.type = undefined;\n    }\n    emitUndoAction() {\n        this.undoAction.emit({ actionType: this.type });\n    }\n    handleSpaceKeyPress(e) {\n        if (e.keyCode == 32 || e.keyCode == 13) {\n            e.preventDefault();\n            this.emitUndoAction();\n        }\n    }\n    handleActionButtonClick(e) {\n        e.preventDefault();\n        this.emitUndoAction();\n    }\n    retrieveClass() {\n        let className = \"\";\n        switch (this.type) {\n            case \"add\":\n                className = \"add-alert\";\n                break;\n            case \"remove\":\n                className = \"remove-alert\";\n                break;\n            default:\n                className = \"\";\n                break;\n        }\n        return className;\n    }\n    getAlertType() {\n        switch (this.type) {\n            case \"add\":\n                return AlertType.SUCCESS;\n            case \"remove\":\n                return AlertType.WARNING;\n            default:\n                return null;\n        }\n    }\n    render() {\n        return (h(\"div\", { key: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: \"alert-external-wrapper \" + this.retrieveClass() }, h(\"z-alert\", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, h(\"div\", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: \"relative-container\" }, h(\"z-icon\", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h(\"span\", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: \"content-text\" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h(\"span\", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: \"button\", tabindex: \"0\", class: \"content-action\", onClick: (e) => {\n                this.handleActionButtonClick(e);\n            }, onKeyPress: (e) => {\n                this.handleSpaceKeyPress(e);\n            } }, this.actiontext))))));\n    }\n    static get is() { return \"z-myz-card-alert\"; }\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            \"iconname\": {\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\": \"icon name\"\n                },\n                \"attribute\": \"iconname\",\n                \"reflect\": false\n            },\n            \"contenttext\": {\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\": \"content text\"\n                },\n                \"attribute\": \"contenttext\",\n                \"reflect\": false\n            },\n            \"actiontext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"action button text\"\n                },\n                \"attribute\": \"actiontext\",\n                \"reflect\": false\n            },\n            \"type\": {\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\": \"alert variant type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"undoAction\",\n                \"name\": \"undoAction\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"undo action click/keyboard event, returns actionType\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-card-alert.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-alert.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-background);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-inverse-success);\n}\n\n:host div.remove-alert {\n  background: var(--color-inverse-warning);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import { h } from \"@stencil/core\";\nimport { AlertType } from \"../../../../beans\";\nexport class ZMyzCardAlert {\n    constructor() {\n        this.iconname = undefined;\n        this.contenttext = undefined;\n        this.actiontext = undefined;\n        this.type = undefined;\n    }\n    emitUndoAction() {\n        this.undoAction.emit({ actionType: this.type });\n    }\n    handleSpaceKeyPress(e) {\n        if (e.keyCode == 32 || e.keyCode == 13) {\n            e.preventDefault();\n            this.emitUndoAction();\n        }\n    }\n    handleActionButtonClick(e) {\n        e.preventDefault();\n        this.emitUndoAction();\n    }\n    retrieveClass() {\n        let className = \"\";\n        switch (this.type) {\n            case \"add\":\n                className = \"add-alert\";\n                break;\n            case \"remove\":\n                className = \"remove-alert\";\n                break;\n            default:\n                className = \"\";\n                break;\n        }\n        return className;\n    }\n    getAlertType() {\n        switch (this.type) {\n            case \"add\":\n                return AlertType.SUCCESS;\n            case \"remove\":\n                return AlertType.WARNING;\n            default:\n                return null;\n        }\n    }\n    render() {\n        return (h(\"div\", { key: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: \"alert-external-wrapper \" + this.retrieveClass() }, h(\"z-alert\", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, h(\"div\", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: \"relative-container\" }, h(\"z-icon\", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h(\"span\", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: \"content-text\" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h(\"span\", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: \"button\", tabindex: \"0\", class: \"content-action\", onClick: (e) => {\n                this.handleActionButtonClick(e);\n            }, onKeyPress: (e) => {\n                this.handleSpaceKeyPress(e);\n            } }, this.actiontext))))));\n    }\n    static get is() { return \"z-myz-card-alert\"; }\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            \"iconname\": {\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\": \"icon name\"\n                },\n                \"attribute\": \"iconname\",\n                \"reflect\": false\n            },\n            \"contenttext\": {\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\": \"content text\"\n                },\n                \"attribute\": \"contenttext\",\n                \"reflect\": false\n            },\n            \"actiontext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"action button text\"\n                },\n                \"attribute\": \"actiontext\",\n                \"reflect\": false\n            },\n            \"type\": {\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\": \"alert variant type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"undoAction\",\n                \"name\": \"undoAction\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"undo action click/keyboard event, returns actionType\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["AlertType","h"],"mappings":";;;;;AAAA,MAAM,SAAS,GAAG,w7BAAw7B;;MCE77B,aAAa,GAAA,MAAA;AACtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,cAAc,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;AAEnD,IAAA,mBAAmB,CAAC,CAAC,EAAA;AACjB,QAAA,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE;YACpC,CAAC,CAAC,cAAc,EAAE;YAClB,IAAI,CAAC,cAAc,EAAE;;;AAG7B,IAAA,uBAAuB,CAAC,CAAC,EAAA;QACrB,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,cAAc,EAAE;;IAEzB,aAAa,GAAA;QACT,IAAI,SAAS,GAAG,EAAE;AAClB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,KAAK;gBACN,SAAS,GAAG,WAAW;gBACvB;AACJ,YAAA,KAAK,QAAQ;gBACT,SAAS,GAAG,cAAc;gBAC1B;AACJ,YAAA;gBACI,SAAS,GAAG,EAAE;gBACd;;AAER,QAAA,OAAO,SAAS;;IAEpB,YAAY,GAAA;AACR,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,KAAK;gBACN,OAAOA,iBAAS,CAAC,OAAO;AAC5B,YAAA,KAAK,QAAQ;gBACT,OAAOA,iBAAS,CAAC,OAAO;AAC5B,YAAA;AACI,gBAAA,OAAO,IAAI;;;IAGvB,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,EAAEA,OAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,KAAKA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAI;AAC9tB,gBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnC,aAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAI;AACjB,gBAAA,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;aAC9B,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+
+const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";
+
+const ZMyzCardDictionary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.cardFlipped = index.createEvent(this, "cardFlipped", 7);
+        this.name = undefined;
+        this.cover = undefined;
+        this.disabled = false;
+        this.flipped = false;
+        this.flipbuttonlabel = "INFO";
+        this.hideinfobtn = false;
+    }
+    handleFlipCard(e) {
+        this.flipCard(e.detail);
+    }
+    flipCard(showBack = true) {
+        this.flipped = showBack;
+        this.cardFlipped.emit(showBack);
+    }
+    render() {
+        return (index.h("div", { key: 'ad61aba485ff07b6887c21e377d6290db3aef346' }, index.h("z-myz-card", { key: '2e56928077dd16aab521328b3e97e1ec43ef790e' }, index.h("z-myz-card-header", { key: '51a8db93d985cd985ddf474b77bfa6a808e7b234', titolo: this.name }), index.h("div", { key: 'c7d27041211bdbe02ff47cc0b2ae044a60cf7b25', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: '574d6a0c6e682a588ec6d008a4b5d8fa68d145c8', class: "front" }, index.h("z-myz-card-body", { key: '5bbcf71f86ce10d1fee29f73a4468bccfd6f1f71' }, index.h("z-myz-card-cover", { key: '3f2de502f052593fc9ab2914c23ab33ff34c9f57', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: '7e34990fb7d304761e160e8536c141851d0db661', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '50707395dd1da4630b039d855199269038e26b80', class: "back" }, index.h("slot", { key: '706088d854a9bb10a8f8a3fb9ef5852e869dd51a', name: "info" }))), index.h("slot", { key: '3917bc8881f8b0d2c038fb5c61107c2ca7fd27c3' }))));
+    }
+};
+ZMyzCardDictionary.style = stylesCss;
+
+exports.z_myz_card_dictionary = ZMyzCardDictionary;
+//# sourceMappingURL=z-myz-card-dictionary.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-dictionary.cjs.entry.js.map

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-dictionary.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,wmCAAwmC;;MCM7mC,kBAAkB,GAAA,MAAA;AAC3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AAC3B;AACD,IAAA,cAAc,CAAC,CAAC,EAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;;IAE3B,QAAQ,CAAC,QAAQ,GAAG,IAAI,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAEnC,MAAM,GAAA;QACF,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,CAAW,QAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA,CAAE,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,iBAAiB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,kBAAkB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAEC,qBAAa,CAAC,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAEC,kBAAU,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,EAAEF,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;","names":["h","ButtonVariant","ButtonSize"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n  --card-overflow: visible;\n}\n\n:host > div {\n  position: relative;\n  width: 100%;\n  height: 522px;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 522px;\n  transform-style: preserve-3d;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n  margin-top: -2px;\n  transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n}\n\n:host > div .front {\n  z-index: 2;\n  top: 0;\n  left: 0;\n  transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n  position: absolute;\n  z-index: 3;\n  top: calc(var(--space-unit) * 0.5);\n  left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  padding: 0 var(--space-unit);\n  margin-left: calc(-1 * var(--space-unit));\n  transform: rotateY(180deg);\n}\n\n.hide-info {\n  display: none;\n}\n","import { h } from \"@stencil/core\";\nimport { ButtonSize, ButtonVariant } from \"../../../../beans\";\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\nexport class ZMyzCardDictionary {\n    constructor() {\n        this.name = undefined;\n        this.cover = undefined;\n        this.disabled = false;\n        this.flipped = false;\n        this.flipbuttonlabel = \"INFO\";\n        this.hideinfobtn = false;\n    }\n    handleFlipCard(e) {\n        this.flipCard(e.detail);\n    }\n    flipCard(showBack = true) {\n        this.flipped = showBack;\n        this.cardFlipped.emit(showBack);\n    }\n    render() {\n        return (h(\"div\", { key: 'ad61aba485ff07b6887c21e377d6290db3aef346' }, h(\"z-myz-card\", { key: '2e56928077dd16aab521328b3e97e1ec43ef790e' }, h(\"z-myz-card-header\", { key: '51a8db93d985cd985ddf474b77bfa6a808e7b234', titolo: this.name }), h(\"div\", { key: 'c7d27041211bdbe02ff47cc0b2ae044a60cf7b25', class: `content ${this.flipped ? \"flipped\" : \"\"}` }, h(\"div\", { key: '574d6a0c6e682a588ec6d008a4b5d8fa68d145c8', class: \"front\" }, h(\"z-myz-card-body\", { key: '5bbcf71f86ce10d1fee29f73a4468bccfd6f1f71' }, h(\"z-myz-card-cover\", { key: '3f2de502f052593fc9ab2914c23ab33ff34c9f57', slot: \"cover\", titolo: this.name, img: this.cover, faded: this.disabled })), h(\"z-button\", { key: '7e34990fb7d304761e160e8536c141851d0db661', class: { \"hide-info\": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: \"informationsource\", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h(\"div\", { key: '50707395dd1da4630b039d855199269038e26b80', class: \"back\" }, h(\"slot\", { key: '706088d854a9bb10a8f8a3fb9ef5852e869dd51a', name: \"info\" }))), h(\"slot\", { key: '3917bc8881f8b0d2c038fb5c61107c2ca7fd27c3' }))));\n    }\n    static get is() { return \"z-myz-card-dictionary\"; }\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            \"name\": {\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\": \"card title\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"cover\": {\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\": \"card cover\"\n                },\n                \"attribute\": \"cover\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"flipped\": {\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\": \"card is flipped\"\n                },\n                \"attribute\": \"flipped\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"flipbuttonlabel\": {\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\": \"flip button label\"\n                },\n                \"attribute\": \"flipbuttonlabel\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"INFO\\\"\"\n            },\n            \"hideinfobtn\": {\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\": \"hide info button\"\n                },\n                \"attribute\": \"hideinfobtn\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"cardFlipped\",\n                \"name\": \"cardFlipped\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"when card is flipped\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"flipCard\",\n                \"method\": \"handleFlipCard\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-card-dictionary.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-dictionary.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n  --card-overflow: visible;\n}\n\n:host > div {\n  position: relative;\n  width: 100%;\n  height: 522px;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 522px;\n  transform-style: preserve-3d;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n  margin-top: -2px;\n  transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n}\n\n:host > div .front {\n  z-index: 2;\n  top: 0;\n  left: 0;\n  transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n  position: absolute;\n  z-index: 3;\n  top: calc(var(--space-unit) * 0.5);\n  left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  padding: 0 var(--space-unit);\n  margin-left: calc(-1 * var(--space-unit));\n  transform: rotateY(180deg);\n}\n\n.hide-info {\n  display: none;\n}\n","import { h } from \"@stencil/core\";\nimport { ButtonSize, ButtonVariant } from \"../../../../beans\";\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\nexport class ZMyzCardDictionary {\n    constructor() {\n        this.name = undefined;\n        this.cover = undefined;\n        this.disabled = false;\n        this.flipped = false;\n        this.flipbuttonlabel = \"INFO\";\n        this.hideinfobtn = false;\n    }\n    handleFlipCard(e) {\n        this.flipCard(e.detail);\n    }\n    flipCard(showBack = true) {\n        this.flipped = showBack;\n        this.cardFlipped.emit(showBack);\n    }\n    render() {\n        return (h(\"div\", { key: 'ad61aba485ff07b6887c21e377d6290db3aef346' }, h(\"z-myz-card\", { key: '2e56928077dd16aab521328b3e97e1ec43ef790e' }, h(\"z-myz-card-header\", { key: '51a8db93d985cd985ddf474b77bfa6a808e7b234', titolo: this.name }), h(\"div\", { key: 'c7d27041211bdbe02ff47cc0b2ae044a60cf7b25', class: `content ${this.flipped ? \"flipped\" : \"\"}` }, h(\"div\", { key: '574d6a0c6e682a588ec6d008a4b5d8fa68d145c8', class: \"front\" }, h(\"z-myz-card-body\", { key: '5bbcf71f86ce10d1fee29f73a4468bccfd6f1f71' }, h(\"z-myz-card-cover\", { key: '3f2de502f052593fc9ab2914c23ab33ff34c9f57', slot: \"cover\", titolo: this.name, img: this.cover, faded: this.disabled })), h(\"z-button\", { key: '7e34990fb7d304761e160e8536c141851d0db661', class: { \"hide-info\": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: \"informationsource\", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h(\"div\", { key: '50707395dd1da4630b039d855199269038e26b80', class: \"back\" }, h(\"slot\", { key: '706088d854a9bb10a8f8a3fb9ef5852e869dd51a', name: \"info\" }))), h(\"slot\", { key: '3917bc8881f8b0d2c038fb5c61107c2ca7fd27c3' }))));\n    }\n    static get is() { return \"z-myz-card-dictionary\"; }\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            \"name\": {\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\": \"card title\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"cover\": {\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\": \"card cover\"\n                },\n                \"attribute\": \"cover\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"flipped\": {\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\": \"card is flipped\"\n                },\n                \"attribute\": \"flipped\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"flipbuttonlabel\": {\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\": \"flip button label\"\n                },\n                \"attribute\": \"flipbuttonlabel\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"INFO\\\"\"\n            },\n            \"hideinfobtn\": {\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\": \"hide info button\"\n                },\n                \"attribute\": \"hideinfobtn\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"cardFlipped\",\n                \"name\": \"cardFlipped\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"when card is flipped\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"flipCard\",\n                \"method\": \"handleFlipCard\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h","ButtonVariant","ButtonSize"],"mappings":";;;;;AAAA,MAAM,SAAS,GAAG,wmCAAwmC;;MCM7mC,kBAAkB,GAAA,MAAA;AAC3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AAC3B;AACD,IAAA,cAAc,CAAC,CAAC,EAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;;IAE3B,QAAQ,CAAC,QAAQ,GAAG,IAAI,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAEnC,MAAM,GAAA;QACF,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,CAAW,QAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA,CAAE,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,EAAEA,OAAC,CAAC,iBAAiB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,kBAAkB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAEC,qBAAa,CAAC,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAEC,kBAAU,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,EAAEF,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+
+const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";
+
+const ZMyzCardFooterSections = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '977619373d9694e7037d8c0157fe9475c29d9f83' }, index.h("footer", { key: '396a01d3f93460abb58bd46fff58388ffc462eaa' }, index.h("div", { key: '214466f77fe8ba02eca99804f61255ebe9294bf1', class: "top" }, index.h("slot", { key: '55fa07300973f0545328aca44794bb3b191daf75', name: "top" })), index.h("div", { key: '31a0de5f66972dd86b335dbfa626a07e31e7d9bf', class: "bottom" }, index.h("slot", { key: 'd527fab1142fd8b95a926bff6a77d40b3e128374', name: "bottom" })))));
+    }
+};
+ZMyzCardFooterSections.style = stylesCss;
+
+exports.z_myz_card_footer_sections = ZMyzCardFooterSections;
+//# sourceMappingURL=z-myz-card-footer-sections.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-footer-sections.cjs.entry.js.map

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-footer-sections.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,+aAA+a;;MCKpb,sBAAsB,GAAA,MAAA;;;;IAC/B,MAAM,GAAA;AACF,QAAA,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,KAAK,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;","names":["h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css?tag=z-myz-card-footer-sections&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div > footer {\n  height: 128px;\n  box-sizing: border-box;\n  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-size: 16px;\n  line-height: 24px;\n}\n\n:host > div > footer > div.top,\n:host > div > footer > div.bottom {\n  height: 60px;\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\nexport class ZMyzCardFooterSections {\n    render() {\n        return (h(\"div\", { key: '977619373d9694e7037d8c0157fe9475c29d9f83' }, h(\"footer\", { key: '396a01d3f93460abb58bd46fff58388ffc462eaa' }, h(\"div\", { key: '214466f77fe8ba02eca99804f61255ebe9294bf1', class: \"top\" }, h(\"slot\", { key: '55fa07300973f0545328aca44794bb3b191daf75', name: \"top\" })), h(\"div\", { key: '31a0de5f66972dd86b335dbfa626a07e31e7d9bf', class: \"bottom\" }, h(\"slot\", { key: 'd527fab1142fd8b95a926bff6a77d40b3e128374', name: \"bottom\" })))));\n    }\n    static get is() { return \"z-myz-card-footer-sections\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-myz-card-footer-sections.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-footer-sections.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css?tag=z-myz-card-footer-sections&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div > footer {\n  height: 128px;\n  box-sizing: border-box;\n  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-size: 16px;\n  line-height: 24px;\n}\n\n:host > div > footer > div.top,\n:host > div > footer > div.bottom {\n  height: 60px;\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\nexport class ZMyzCardFooterSections {\n    render() {\n        return (h(\"div\", { key: '977619373d9694e7037d8c0157fe9475c29d9f83' }, h(\"footer\", { key: '396a01d3f93460abb58bd46fff58388ffc462eaa' }, h(\"div\", { key: '214466f77fe8ba02eca99804f61255ebe9294bf1', class: \"top\" }, h(\"slot\", { key: '55fa07300973f0545328aca44794bb3b191daf75', name: \"top\" })), h(\"div\", { key: '31a0de5f66972dd86b335dbfa626a07e31e7d9bf', class: \"bottom\" }, h(\"slot\", { key: 'd527fab1142fd8b95a926bff6a77d40b3e128374', name: \"bottom\" })))));\n    }\n    static get is() { return \"z-myz-card-footer-sections\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,+aAA+a;;MCKpb,sBAAsB,GAAA,MAAA;;;;IAC/B,MAAM,GAAA;AACF,QAAA,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,KAAK,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-footer.cjs.entry.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+
+const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot=\"content\"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot=\"content\"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}";
+
+const ZMyzCardFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.titolo = undefined;
+        this.autori = undefined;
+        this.isbn = undefined;
+        this.faded = undefined;
+        this.cardtype = undefined;
+        this.opened = false;
+        this.customContent = false;
+        this.isOpen = false;
+        this.allowTooltipAuthors = false;
+    }
+    handleToggle() {
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            const firstElem = this.getFirstListItem();
+            if (firstElem) {
+                requestAnimationFrame(() => {
+                    firstElem.focus();
+                });
+            }
+        }
+    }
+    getTitleAuthors() {
+        return this.allowTooltipAuthors ? this.autori : "";
+    }
+    componentWillLoad() {
+        if (this.opened) {
+            this.isOpen = true;
+        }
+    }
+    elementsEllipsis() {
+        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
+    }
+    elementAuthorsHasEllipsis() {
+        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
+    }
+    retrieveClass() {
+        return {
+            "isopen": this.isOpen,
+            "real": this.cardtype === index$1.LicenseType.REAL,
+            "trial": this.cardtype === index$1.LicenseType.TRIAL,
+            "temp": this.cardtype === index$1.LicenseType.TEMP,
+            "custom-content": this.customContent,
+        };
+    }
+    footerTransitionHandler(e) {
+        if (["visibility", "height"].includes(e.propertyName)) {
+            this.elementsEllipsis();
+        }
+    }
+    getFirstListItem() {
+        return this.host.querySelector("[slot=list] > li a");
+    }
+    render() {
+        return (index.h("div", { key: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: "toggle" }, index.h("slot", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: "toggle" })), this.titolo && index.h("p", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, index.h("p", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, index.h("span", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: "year-isbn" }, index.h("span", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: "isbn" }, index.h("span", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, index.h("span", { key: '25b5994255092fe987956183715525464509a52a', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: "list" })))), this.customContent && index.h("slot", { key: 'f436487035647e79473b4df81239c67542960586', name: "content" })));
+    }
+    get host() { return index.getElement(this); }
+};
+ZMyzCardFooter.style = stylesCss;
+
+exports.z_myz_card_footer = ZMyzCardFooter;
+//# sourceMappingURL=z-myz-card-footer.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-footer.cjs.entry.js.map

package/dist/cjs/z-myz-card-footer.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-footer.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,g+FAAg+F;;MCMr+F,cAAc,GAAA,MAAA;AACvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;AACnC;IACD,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAC1B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE;YACzC,IAAI,SAAS,EAAE;gBACX,qBAAqB,CAAC,MAAK;oBACvB,SAAS,CAAC,KAAK,EAAE;AACrB,iBAAC,CAAC;;;;IAId,eAAe,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE;;IAEtD,iBAAiB,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;;;IAG1B,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,yBAAyB,EAAE,GAAG,IAAI,GAAG,KAAK;;IAE9E,yBAAyB,GAAA;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW;;IAE9E,aAAa,GAAA;QACT,OAAO;YACH,QAAQ,EAAE,IAAI,CAAC,MAAM;AACrB,YAAA,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAKA,mBAAW,CAAC,IAAI;AAC1C,YAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,KAAKA,mBAAW,CAAC,KAAK;AAC5C,YAAA,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAKA,mBAAW,CAAC,IAAI;YAC1C,gBAAgB,EAAE,IAAI,CAAC,aAAa;SACvC;;AAEL,IAAA,uBAAuB,CAAC,CAAC,EAAA;AACrB,QAAA,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE;YACnD,IAAI,CAAC,gBAAgB,EAAE;;;IAG/B,gBAAgB,GAAA;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC;;IAExD,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,IAAIA,OAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,gBAAgB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAE,CAAA,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,IAAIA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;;;;;;;;","names":["LicenseType","h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css?tag=z-myz-card-footer&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js"],"sourcesContent":["footer {\n  position: relative;\n  z-index: 5;\n  top: 0;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  padding: 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n}\n\nfooter > p {\n  overflow: hidden;\n  height: 40px;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n  margin: 0;\n  background-color: var(--color-surface01);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  line-height: 22px;\n  transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n  background-color: var(--gray200);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n  background-color: var(--blue100);\n}\n\nfooter .visible {\n  display: block;\n}\n\nfooter .hidden {\n  display: none;\n}\n\nfooter > div.content {\n  overflow: hidden;\n  height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n  overflow: hidden;\n  height: 20px;\n  padding: 0;\n  margin: 0;\n  font-size: 14px;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n  height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n  height: 40px;\n  text-overflow: initial;\n  white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n  height: 50px;\n  flex-direction: column;\n  padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n  display: inline-grid;\n  padding-left: 0;\n}\n\nfooter.isopen {\n  top: -212px;\n  height: 295px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n  top: -292px;\n}\n\nfooter.isopen > div.content {\n  height: 280px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n  height: 230px;\n}\n\n.toggle {\n  position: absolute;\n  z-index: 10;\n  top: -24px;\n  left: 16px;\n}\n\n.faded {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n  display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n  display: block;\n}\n\ndiv.wrapper {\n  position: relative;\n  height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n  position: absolute;\n  z-index: 10;\n  top: calc(var(--space-unit) * 2);\n  display: block;\n  width: 100%;\n  height: 112px;\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 2);\n  border-top: var(--border-size-medium) solid transparent;\n  background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n  top: 0;\n  bottom: 0;\n  height: 128px;\n  padding: calc(var(--space-unit) * 2);\n  border-color: var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\nexport class ZMyzCardFooter {\n    constructor() {\n        this.titolo = undefined;\n        this.autori = undefined;\n        this.isbn = undefined;\n        this.faded = undefined;\n        this.cardtype = undefined;\n        this.opened = false;\n        this.customContent = false;\n        this.isOpen = false;\n        this.allowTooltipAuthors = false;\n    }\n    handleToggle() {\n        this.isOpen = !this.isOpen;\n        if (this.isOpen) {\n            const firstElem = this.getFirstListItem();\n            if (firstElem) {\n                requestAnimationFrame(() => {\n                    firstElem.focus();\n                });\n            }\n        }\n    }\n    getTitleAuthors() {\n        return this.allowTooltipAuthors ? this.autori : \"\";\n    }\n    componentWillLoad() {\n        if (this.opened) {\n            this.isOpen = true;\n        }\n    }\n    elementsEllipsis() {\n        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n    }\n    elementAuthorsHasEllipsis() {\n        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n    }\n    retrieveClass() {\n        return {\n            \"isopen\": this.isOpen,\n            \"real\": this.cardtype === LicenseType.REAL,\n            \"trial\": this.cardtype === LicenseType.TRIAL,\n            \"temp\": this.cardtype === LicenseType.TEMP,\n            \"custom-content\": this.customContent,\n        };\n    }\n    footerTransitionHandler(e) {\n        if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n            this.elementsEllipsis();\n        }\n    }\n    getFirstListItem() {\n        return this.host.querySelector(\"[slot=list] > li a\");\n    }\n    render() {\n        return (h(\"div\", { key: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h(\"footer\", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h(\"span\", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: \"toggle\" }, h(\"slot\", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: \"toggle\" })), this.titolo && h(\"p\", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { \"custom-content\": this.customContent } }, this.titolo), h(\"div\", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { \"content\": true, \"custom-content\": this.customContent } }, h(\"div\", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, h(\"p\", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: \"authors\", ref: (el) => (this.ellipsisAuthors = el) }, h(\"span\", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, h(\"span\", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', \"aria-description\": \"Autori\", class: \"bold\" }, this.autori))), h(\"p\", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: \"year-isbn\" }, h(\"span\", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: \"isbn\" }, h(\"span\", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, h(\"span\", { key: '25b5994255092fe987956183715525464509a52a', \"aria-description\": \"ISBN edizione cartacea\", class: \"bold\" }, this.isbn), \" \", \"(ed. cartacea)\")))), h(\"div\", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}` }, h(\"slot\", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: \"list\" })))), this.customContent && h(\"slot\", { key: 'f436487035647e79473b4df81239c67542960586', name: \"content\" })));\n    }\n    static get is() { return \"z-myz-card-footer\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"titolo\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"volume title\"\n                },\n                \"attribute\": \"titolo\",\n                \"reflect\": false\n            },\n            \"autori\": {\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\": \"authors name text\"\n                },\n                \"attribute\": \"autori\",\n                \"reflect\": false\n            },\n            \"isbn\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"volume isbn\"\n                },\n                \"attribute\": \"isbn\",\n                \"reflect\": false\n            },\n            \"faded\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"cardtype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LicenseType\",\n                    \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n                    \"references\": {\n                        \"LicenseType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::LicenseType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card graphic variant (optional)\"\n                },\n                \"attribute\": \"cardtype\",\n                \"reflect\": false\n            },\n            \"opened\": {\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\": \"footer opened by default (optional)\"\n                },\n                \"attribute\": \"opened\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"customContent\": {\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\": \"display footer custom slotted content\"\n                },\n                \"attribute\": \"custom-content\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isOpen\": {},\n            \"allowTooltipAuthors\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"toggleClick\",\n                \"method\": \"handleToggle\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}