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

package/dist/esm/utils-GdAsGfFX.js

@@ -0,0 +1,104 @@
+import { D as Device, K as KeyboardCode } from './index-B2-dCTD2.js';
+import { B as Breakpoints } from './breakpoints-Q-tWjk7P.js';
+
+/**
+ * Return boolean value for passed value if a boolean corresponding value is found
+ * Return passed value otherwise
+ */
+function boolean(value) {
+    switch (value) {
+        case true:
+        case "true":
+        case 1:
+        case "1":
+        case "on":
+        case "yes":
+            return true;
+        case false:
+        case "false":
+        case 0:
+        case "0":
+        case "off":
+        case "no":
+            return false;
+        default:
+            return value;
+    }
+}
+function randomId() {
+    return Math.random().toString(36).replace("0.", "");
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function handleKeyboardSubmit(ev, callback, ...args) {
+    if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {
+        ev.preventDefault();
+        callback(...args);
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function handleEnterKeydSubmit(ev, callback, ...args) {
+    if (ev.code === KeyboardCode.ENTER) {
+        ev.preventDefault();
+        callback(...args);
+    }
+}
+function getClickedElement(elem = null) {
+    if (!elem) {
+        elem = document.activeElement;
+    }
+    if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
+        elem = elem.shadowRoot.activeElement;
+        return getClickedElement(elem);
+    }
+    return elem;
+}
+function getElementTree(elem, tree = []) {
+    tree.push(elem);
+    if (elem.parentElement) {
+        elem = elem.parentElement;
+        return getElementTree(elem, tree);
+    }
+    else if (elem.parentNode && elem.parentNode.host) {
+        elem = elem.parentNode.host;
+        return getElementTree(elem, tree);
+    }
+    return tree;
+}
+/**
+ * Get the current device type based on the window width.
+ * @returns {Device} - The current device type
+ */
+function getDevice() {
+    switch (true) {
+        case window.innerWidth <= Breakpoints.MOBILE:
+            return Device.MOBILE;
+        case window.innerWidth <= Breakpoints.TABLET:
+            return Device.TABLET;
+        case window.innerWidth <= Breakpoints.DESKTOP:
+            return Device.DESKTOP;
+        default:
+            return Device.DESKTOP_WIDE;
+    }
+}
+function convertJson(data) {
+    try {
+        return JSON.parse(data);
+    }
+    catch (_a) {
+        return false;
+    }
+}
+/**
+ * Check if an element contains another element, checking both light and shadow DOM.
+ * @param ancestor Ancestor element
+ * @param descendant Descendant element
+ */
+function containsElement(ancestor, descendant) {
+    var _a;
+    return ancestor.contains(descendant) || !!((_a = ancestor.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(descendant));
+}
+
+export { getClickedElement as a, boolean as b, containsElement as c, getElementTree as d, convertJson as e, handleEnterKeydSubmit as f, getDevice as g, handleKeyboardSubmit as h, randomId as r };
+//# sourceMappingURL=utils-GdAsGfFX.js.map
+
+//# sourceMappingURL=utils-GdAsGfFX.js.map

package/dist/esm/utils-GdAsGfFX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-GdAsGfFX.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/utils/utils.js"],"sourcesContent":["import { Device, KeyboardCode } from \"../beans/index\";\nimport { Breakpoints } from \"../constants/breakpoints\";\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value) {\n    switch (value) {\n        case true:\n        case \"true\":\n        case 1:\n        case \"1\":\n        case \"on\":\n        case \"yes\":\n            return true;\n        case false:\n        case \"false\":\n        case 0:\n        case \"0\":\n        case \"off\":\n        case \"no\":\n            return false;\n        default:\n            return value;\n    }\n}\nexport function retrieveAsset(assetName) {\n    return assetName && \"assets/images/png/\" + assetName;\n}\nexport function randomId() {\n    return Math.random().toString(36).replace(\"0.\", \"\");\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev, callback, ...args) {\n    if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n        ev.preventDefault();\n        callback(...args);\n    }\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev, callback, ...args) {\n    if (ev.code === KeyboardCode.ENTER) {\n        ev.preventDefault();\n        callback(...args);\n    }\n}\nexport function getClickedElement(elem = null) {\n    if (!elem) {\n        elem = document.activeElement;\n    }\n    if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n        elem = elem.shadowRoot.activeElement;\n        return getClickedElement(elem);\n    }\n    return elem;\n}\nexport function getElementTree(elem, tree = []) {\n    tree.push(elem);\n    if (elem.parentElement) {\n        elem = elem.parentElement;\n        return getElementTree(elem, tree);\n    }\n    else if (elem.parentNode && elem.parentNode.host) {\n        elem = elem.parentNode.host;\n        return getElementTree(elem, tree);\n    }\n    return tree;\n}\nexport function getSiblings(elem) {\n    const siblings = [];\n    if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n        return siblings;\n    }\n    elem.parentNode.childNodes.forEach((child) => {\n        if (child.nodeType === 1 && child !== elem) {\n            siblings.push(child);\n        }\n    });\n    return siblings;\n}\n/**\n * Get the current device type based on the window width.\n * @returns {Device} - The current device type\n */\nexport function getDevice() {\n    switch (true) {\n        case window.innerWidth <= Breakpoints.MOBILE:\n            return Device.MOBILE;\n        case window.innerWidth <= Breakpoints.TABLET:\n            return Device.TABLET;\n        case window.innerWidth <= Breakpoints.DESKTOP:\n            return Device.DESKTOP;\n        default:\n            return Device.DESKTOP_WIDE;\n    }\n}\nexport function convertJson(data) {\n    try {\n        return JSON.parse(data);\n    }\n    catch (_a) {\n        return false;\n    }\n}\nexport function colorFromId(id) {\n    const prefix = \"avatar-C\"; // prefix for color vars name\n    const colorsCount = 19; // available colors\n    const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n    let color = Math.ceil(colorsCount * (seed % 1));\n    // if result of mc is 0\n    // es.: 3895229\n    if (color === 0) {\n        color = 1;\n    }\n    return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector) {\n    try {\n        document.createDocumentFragment().querySelector(selector);\n        return true;\n    }\n    catch (_a) {\n        return false;\n    }\n}\n/**\n * Check if an element contains another element, checking both light and shadow DOM.\n * @param ancestor Ancestor element\n * @param descendant Descendant element\n */\nexport function containsElement(ancestor, descendant) {\n    var _a;\n    return ancestor.contains(descendant) || !!((_a = ancestor.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(descendant));\n}\n//# sourceMappingURL=utils.js.map\n"],"names":[],"mappings":";;;AAEA;AACA;AACA;AACA;AACO,SAAS,OAAO,CAAC,KAAK,EAAE;AAC/B,IAAI,QAAQ,KAAK;AACjB,QAAQ,KAAK,IAAI;AACjB,QAAQ,KAAK,MAAM;AACnB,QAAQ,KAAK,CAAC;AACd,QAAQ,KAAK,GAAG;AAChB,QAAQ,KAAK,IAAI;AACjB,QAAQ,KAAK,KAAK;AAClB,YAAY,OAAO,IAAI;AACvB,QAAQ,KAAK,KAAK;AAClB,QAAQ,KAAK,OAAO;AACpB,QAAQ,KAAK,CAAC;AACd,QAAQ,KAAK,GAAG;AAChB,QAAQ,KAAK,KAAK;AAClB,QAAQ,KAAK,IAAI;AACjB,YAAY,OAAO,KAAK;AACxB,QAAQ;AACR,YAAY,OAAO,KAAK;AACxB;AACA;AAIO,SAAS,QAAQ,GAAG;AAC3B,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;AACvD;AACA;AACO,SAAS,oBAAoB,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE;AAC5D,IAAI,IAAI,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,EAAE;AAC1E,QAAQ,EAAE,CAAC,cAAc,EAAE;AAC3B,QAAQ,QAAQ,CAAC,GAAG,IAAI,CAAC;AACzB;AACA;AACA;AACO,SAAS,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE;AAC7D,IAAI,IAAI,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,EAAE;AACxC,QAAQ,EAAE,CAAC,cAAc,EAAE;AAC3B,QAAQ,QAAQ,CAAC,GAAG,IAAI,CAAC;AACzB;AACA;AACO,SAAS,iBAAiB,CAAC,IAAI,GAAG,IAAI,EAAE;AAC/C,IAAI,IAAI,CAAC,IAAI,EAAE;AACf,QAAQ,IAAI,GAAG,QAAQ,CAAC,aAAa;AACrC;AACA,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAClE,QAAQ,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,QAAQ,OAAO,iBAAiB,CAAC,IAAI,CAAC;AACtC;AACA,IAAI,OAAO,IAAI;AACf;AACO,SAAS,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE;AAChD,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACnB,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE;AAC5B,QAAQ,IAAI,GAAG,IAAI,CAAC,aAAa;AACjC,QAAQ,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACzC;AACA,SAAS,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtD,QAAQ,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI;AACnC,QAAQ,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACzC;AACA,IAAI,OAAO,IAAI;AACf;AAaA;AACA;AACA;AACA;AACO,SAAS,SAAS,GAAG;AAC5B,IAAI,QAAQ,IAAI;AAChB,QAAQ,KAAK,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM;AACpD,YAAY,OAAO,MAAM,CAAC,MAAM;AAChC,QAAQ,KAAK,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM;AACpD,YAAY,OAAO,MAAM,CAAC,MAAM;AAChC,QAAQ,KAAK,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,OAAO;AACrD,YAAY,OAAO,MAAM,CAAC,OAAO;AACjC,QAAQ;AACR,YAAY,OAAO,MAAM,CAAC,YAAY;AACtC;AACA;AACO,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,IAAI,IAAI;AACR,QAAQ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;AAC/B;AACA,IAAI,OAAO,EAAE,EAAE;AACf,QAAQ,OAAO,KAAK;AACpB;AACA;AA0BA;AACA;AACA;AACA;AACA;AACO,SAAS,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE;AACtD,IAAI,IAAI,EAAE;AACV,IAAI,OAAO,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,UAAU,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvI;;;;","x_google_ignoreList":[0]}

package/dist/esm/z-accordion.entry.js

@@ -0,0 +1,50 @@
+import { r as registerInstance, c as createEvent, h } from './index-Cam6wBSi.js';
+import { C as ControlSize, A as AccordionVariant } from './index-B2-dCTD2.js';
+
+const stylesCss = ":host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface02);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant=\"background\"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant=\"background\"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;min-height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:host([size=\"x-small\"]) summary{--summary-height:var(--summary-x-small-height)}:host([size=\"small\"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size=\"x-small\"],[size=\"small\"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant=\"background\"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant=\"background\"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:\"\"}:host([highlight][variant=\"background\"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant=\"background\"]:not([open])) summary::before,:host([highlight][variant=\"background\"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size=\"x-small\"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size=\"x-small\"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size=\"x-small\"],[size=\"small\"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size=\"x-small\"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant=\"background\"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]{border-radius:0}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]::part(summary){border-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}";
+
+const ZAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggled = createEvent(this, "toggled", 7);
+        this.label = undefined;
+        this.icon = undefined;
+        this.size = ControlSize.BIG;
+        this.isDisabled = false;
+        this.open = false;
+        this.highlight = false;
+        this.variant = AccordionVariant.DEFAULT;
+        this.shadow = true;
+    }
+    onDisabledChange() {
+        if (this.isDisabled) {
+            this.open = false;
+        }
+    }
+    /**
+     * Handle `details` element toggle.
+     * If currently disabled, prevent toggling by forcing the `open` state to `false`.
+     * Unfortunately the "toggle" event is not cancelable and when catched, the `open` state is already changed.
+     */
+    onDetailsToggle() {
+        if (this.isDisabled) {
+            this.open = false;
+            this.detailsElm.open = false;
+            return;
+        }
+        this.open = this.detailsElm.open;
+        this.toggled.emit(this.open);
+    }
+    render() {
+        return (h("details", { key: 'f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '84fe90e0b7309290d1d1649032d0d5689ea26ece', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'cbb8d8e385b9966d688eeaa65774d8612c8f51a4', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '609df343692d9ab5d7834a008cbe9f369dd25b2d', class: "z-accordion-label" }, this.label), h("span", { key: '2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da', class: "z-accordion-tags" }, h("slot", { key: 'f7bd4d94db31698da39024ef0c0750388e63b821', name: "tag" })), h("z-icon", { key: '76503d776cacb956702720eed3bd21eff48ef2ce', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '28949aca06f11637b2fffd7e6a3c037809a781e3', class: "z-accordion-content", part: "content" }, h("slot", { key: '24b9441a8563a113f33ba5f5b9a7f170feb458a9' })))));
+    }
+    static get watchers() { return {
+        "isDisabled": ["onDisabledChange"]
+    }; }
+};
+ZAccordion.style = stylesCss;
+
+export { ZAccordion as z_accordion };
+//# sourceMappingURL=z-accordion.entry.js.map
+
+//# sourceMappingURL=z-accordion.entry.js.map

package/dist/esm/z-accordion.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-accordion.entry.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-accordion/index.js"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host {\n  --z-accordion-highlight-color: transparent;\n  --z-accordion-bg: var(--color-surface01);\n  --z-accordion-label-color: var(--color-default-text);\n  --z-accordion-disabled-label-color: var(--color-text03);\n  --z-accordion-content-bg: var(--color-surface01);\n  --z-accordion-content-fg: var(--color-default-text);\n  --z-accordion-hover-color: var(--color-surface02);\n  --z-accordion-left-padding: calc(var(--space-unit) * 2);\n  --z-accordion-right-padding: var(--space-unit);\n  --z-accordion-label-font-weight: var(--font-sb);\n\n  display: block;\n  border-top: var(--border-size-small) solid var(--color-surface03);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\ndetails {\n  background-color: transparent;\n}\n\nsummary {\n  --summary-x-small-height: 32px;\n  --summary-small-height: 36px;\n  --summary-big-height: 44px;\n  --summary-height: var(--summary-big-height);\n  --summary-y-padding: var(--space-unit);\n\n  position: relative;\n  display: flex;\n  min-height: var(--summary-height);\n  align-items: center;\n  padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);\n  background-color: var(--z-accordion-bg);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  list-style: none;\n}\n\n/* remove marker on safari */\nsummary::-webkit-details-marker {\n  display: none;\n}\n\n:host([size=\"x-small\"]) summary {\n  --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n  --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n  --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n  padding-right: calc(var(--space-unit) * 2);\n\n  /* border-radius of the accordion - width of the accordion's border */\n  border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n  cursor: default;\n}\n\nsummary:focus:focus-visible {\n  background-color: var(--z-accordion-hover-color);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: var(--space-unit);\n  height: 100%;\n  content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n  fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n  fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n  color: var(--z-accordion-label-color);\n  font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n  font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n  display: flex;\n  align-items: center;\n  column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n  margin-left: auto;\n}\n\n.z-accordion-content {\n  position: relative;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  background-color: var(--z-accordion-content-bg);\n  color: var(--z-accordion-content-fg);\n  font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n  padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n  font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n  padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n  color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n  --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n  --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n  summary:focus:focus-visible {\n    /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n    position: relative;\n    z-index: 1;\n  }\n\n  :host(:not([is-disabled])) summary:hover {\n    background-color: var(--z-accordion-hover-color);\n  }\n\n  :host(:not([is-disabled])) summary:hover .z-accordion-label {\n    text-decoration: underline;\n  }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n  :host([size]) summary {\n    --summary-height: var(--summary-big-height);\n    --summary-y-padding: var(--space-unit);\n  }\n\n  :host([size]) .z-accordion-label {\n    font-size: var(--font-size-3);\n  }\n\n  :host([size]) .z-accordion-content {\n    font-size: var(--font-size-2);\n  }\n\n  :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n    --z-icon-width: 18px;\n    --z-icon-height: 18px;\n  }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n  border-bottom-left-radius: var(--border-radius);\n  border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n  border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import { h } from \"@stencil/core\";\nimport { AccordionVariant, ControlSize } from \"../../beans\";\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\nexport class ZAccordion {\n    constructor() {\n        this.label = undefined;\n        this.icon = undefined;\n        this.size = ControlSize.BIG;\n        this.isDisabled = false;\n        this.open = false;\n        this.highlight = false;\n        this.variant = AccordionVariant.DEFAULT;\n        this.shadow = true;\n    }\n    onDisabledChange() {\n        if (this.isDisabled) {\n            this.open = false;\n        }\n    }\n    /**\n     * Handle `details` element toggle.\n     * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n     * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n     */\n    onDetailsToggle() {\n        if (this.isDisabled) {\n            this.open = false;\n            this.detailsElm.open = false;\n            return;\n        }\n        this.open = this.detailsElm.open;\n        this.toggled.emit(this.open);\n    }\n    render() {\n        return (h(\"details\", { key: 'f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h(\"summary\", { key: '84fe90e0b7309290d1d1649032d0d5689ea26ece', tabIndex: this.isDisabled ? -1 : null, part: \"summary\" }, this.icon && (h(\"z-icon\", { key: 'cbb8d8e385b9966d688eeaa65774d8612c8f51a4', class: \"z-accordion-label-icon\", name: this.icon })), h(\"span\", { key: '609df343692d9ab5d7834a008cbe9f369dd25b2d', class: \"z-accordion-label\" }, this.label), h(\"span\", { key: '2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da', class: \"z-accordion-tags\" }, h(\"slot\", { key: 'f7bd4d94db31698da39024ef0c0750388e63b821', name: \"tag\" })), h(\"z-icon\", { key: '76503d776cacb956702720eed3bd21eff48ef2ce', class: \"z-accordion-chevron\", name: this.open ? \"chevron-up\" : \"chevron-down\" })), !this.isDisabled && (h(\"div\", { key: '28949aca06f11637b2fffd7e6a3c037809a781e3', class: \"z-accordion-content\", part: \"content\" }, h(\"slot\", { key: '24b9441a8563a113f33ba5f5b9a7f170feb458a9' })))));\n    }\n    static get is() { return \"z-accordion\"; }\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            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Text label.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Name of the z-icon to display before the label's text.\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Size of the component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"ControlSize.BIG\"\n            },\n            \"isDisabled\": {\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\": \"Disabled state of the accordion.\"\n                },\n                \"attribute\": \"is-disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The open state of the accordion.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"highlight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable highlight band on the `summary`'s left edge.\"\n                },\n                \"attribute\": \"highlight\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AccordionVariant\",\n                    \"resolved\": \"AccordionVariant.BACKGROUND | AccordionVariant.DEFAULT\",\n                    \"references\": {\n                        \"AccordionVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::AccordionVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Accordion variant.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"AccordionVariant.DEFAULT\"\n            },\n            \"shadow\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\"\n                },\n                \"attribute\": \"shadow\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"toggled\",\n                \"name\": \"toggled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Event fired when the accordion is toggled.\"\n                },\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"isDisabled\",\n                \"methodName\": \"onDisabledChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,w7LAAw7L;;MCkB77L,UAAU,GAAA,MAAA;AACnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,GAAG;AAC3B,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO;AACvC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AACrB;IACD,gBAAgB,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;AAGzB;;;;AAIG;IACH,eAAe,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK;YAC5B;;QAEJ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI;QAChC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAEhC,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/esm/z-alert.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-Cam6wBSi.js';
+
+const stylesCss = ":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}";
+
+const ZAlert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.type = undefined;
+    }
+    render() {
+        return (h("div", { key: '7b5c63664284517f067c7216166e1d132a25c294', class: this.type }, h("slot", { key: '24ec7b94ade69283dcb0719c01f5812e5e63d243' })));
+    }
+};
+ZAlert.style = stylesCss;
+
+export { ZAlert as z_alert };
+//# sourceMappingURL=z-alert.entry.js.map
+
+//# sourceMappingURL=z-alert.entry.js.map

package/dist/esm/z-alert.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-alert.entry.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/styles.css?tag=z-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  line-height: calc(var(--space-unit) * 2);\n}\n\n:host > div {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host > .success {\n  background: var(--color-inverse-success);\n  fill: var(--color-default-success);\n}\n\n:host > .warning {\n  background: var(--color-inverse-warning);\n  fill: var(--color-default-warning);\n}\n\n:host > .error {\n  background: var(--color-inverse-error);\n  fill: var(--color-default-error);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot - alert content\n */\nexport class ZAlert {\n    constructor() {\n        this.type = undefined;\n    }\n    render() {\n        return (h(\"div\", { key: '7b5c63664284517f067c7216166e1d132a25c294', class: this.type }, h(\"slot\", { key: '24ec7b94ade69283dcb0719c01f5812e5e63d243' })));\n    }\n    static get is() { return \"z-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            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AlertType\",\n                    \"resolved\": \"AlertType.ERROR | AlertType.SUCCESS | AlertType.WARNING\",\n                    \"references\": {\n                        \"AlertType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::AlertType\"\n                        }\n                    }\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}\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,kfAAkf;;MCIvf,MAAM,GAAA,MAAA;AACf,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/esm/z-anchor-navigation.entry.js

@@ -0,0 +1,51 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Cam6wBSi.js';
+import { B as ButtonVariant } from './index-B2-dCTD2.js';
+
+const stylesCss = "html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;font-weight:inherit;-webkit-line-clamp:2;line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav>* a{color:inherit}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-default-icon);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-primary01);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){fill:var(--color-default-icon);opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-primary);background-color:var(--color-background);color:var(--color-hover-primary)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";
+
+const ZAnchorNavigation = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hideUnselected = false;
+        this.autoCurrent = true;
+        this.collapsedLabel = "salta a";
+        this.collapsed = false;
+    }
+    /**
+     * Set `aria-current` attribute to the anchors.
+     */
+    setCurrent() {
+        const currentElement = Array.from(this.nav.querySelectorAll("a")).find((anchor) => anchor.href === this.host.ownerDocument.location.href);
+        Array.from(this.nav.children).forEach((item) => {
+            const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
+            const isCurrent = anchor === currentElement;
+            anchor.setAttribute("aria-current", isCurrent.toString());
+            item.toggleAttribute("data-current", isCurrent);
+        });
+    }
+    /**
+     * Toggle collapsed state.
+     */
+    toggleCollapsed() {
+        this.collapsed = !this.collapsed;
+    }
+    componentDidLoad() {
+        if (this.autoCurrent) {
+            window.addEventListener("hashchange", this.setCurrent.bind(this));
+            this.setCurrent();
+        }
+    }
+    disconnectedCallback() {
+        window.removeEventListener("hashchange", this.setCurrent);
+    }
+    render() {
+        return (h(Host, { key: '3a2bc3f92ecf223c95987e33c48e14bb03909fac', collapsed: this.collapsed }, h("z-button", { key: '5d88809c9fcc1a1ea1d163c3111367038da64f19', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: '9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5', ref: (el) => (this.nav = el) }, h("slot", { key: '44a486e2caa4b56f8556494f6fd8c4da8e076e7e' }))));
+    }
+    get host() { return getElement(this); }
+};
+ZAnchorNavigation.style = stylesCss;
+
+export { ZAnchorNavigation as z_anchor_navigation };
+//# sourceMappingURL=z-anchor-navigation.entry.js.map
+
+//# sourceMappingURL=z-anchor-navigation.entry.js.map

package/dist/esm/z-anchor-navigation.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-anchor-navigation.entry.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-anchor-navigation/index.js"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav > * a {\n  color: inherit;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-default-icon);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  transition:\n    background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-primary01);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > *:focus:focus-visible,\nz-anchor-navigation nav > * > *:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  /* hide anchor actions by default... */\n  z-anchor-navigation nav > * > :is(z-button, button) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: hover) {\n    /* ...show them only hovering/focusing the anchor */\n    z-anchor-navigation nav > :is([data-current], :hover, :focus, :focus-within) > :is(z-button, button) {\n      fill: var(--color-default-icon);\n      opacity: 1;\n      pointer-events: unset;\n    }\n\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-primary);\n      background-color: var(--color-background);\n      color: var(--color-hover-primary);\n    }\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n    color: transparent;\n    fill: transparent;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { ButtonVariant } from \"../../beans\";\n/**\n * Anchor navigation component.\n * @slot - Anchor navigation items. Use `<a>` elements inside. If you need an extra action element, use a wrapper around it and the anchor.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\nexport class ZAnchorNavigation {\n    constructor() {\n        this.hideUnselected = false;\n        this.autoCurrent = true;\n        this.collapsedLabel = \"salta a\";\n        this.collapsed = false;\n    }\n    /**\n     * Set `aria-current` attribute to the anchors.\n     */\n    setCurrent() {\n        const currentElement = Array.from(this.nav.querySelectorAll(\"a\")).find((anchor) => anchor.href === this.host.ownerDocument.location.href);\n        Array.from(this.nav.children).forEach((item) => {\n            const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n            const isCurrent = anchor === currentElement;\n            anchor.setAttribute(\"aria-current\", isCurrent.toString());\n            item.toggleAttribute(\"data-current\", isCurrent);\n        });\n    }\n    /**\n     * Toggle collapsed state.\n     */\n    toggleCollapsed() {\n        this.collapsed = !this.collapsed;\n    }\n    componentDidLoad() {\n        if (this.autoCurrent) {\n            window.addEventListener(\"hashchange\", this.setCurrent.bind(this));\n            this.setCurrent();\n        }\n    }\n    disconnectedCallback() {\n        window.removeEventListener(\"hashchange\", this.setCurrent);\n    }\n    render() {\n        return (h(Host, { key: '3a2bc3f92ecf223c95987e33c48e14bb03909fac', collapsed: this.collapsed }, h(\"z-button\", { key: '5d88809c9fcc1a1ea1d163c3111367038da64f19', class: \"toggle\", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? \"chevron-up\" : \"chevron-down\", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h(\"nav\", { key: '9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5', ref: (el) => (this.nav = el) }, h(\"slot\", { key: '44a486e2caa4b56f8556494f6fd8c4da8e076e7e' }))));\n    }\n    static get is() { return \"z-anchor-navigation\"; }\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            \"hideUnselected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If enabled, the text of each anchor will be hidden unless\\nfor the current one or the one the user is hovering.\"\n                },\n                \"attribute\": \"hide-unselected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"autoCurrent\": {\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\": \"Enables automatic inference of the current item, listening for hash change\\nand checking the `href` of the slotted anchors.\\nWhen disabled, the highlight of current item must be handled manually by setting the `data-current`\\nattribute to the correct slotted items and the `aria-current` attribute to the anchors.\"\n                },\n                \"attribute\": \"auto-current\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"collapsedLabel\": {\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\": \"Sets the label of the button displayed on mobile viewport when the anchor navigation is collapsed\"\n                },\n                \"attribute\": \"collapsed-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"salta a\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"collapsed\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,0wEAA0wE;;MCiB/wE,iBAAiB,GAAA,MAAA;AAC1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,cAAc,GAAG,SAAS;AAC/B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACzB;AACD;;AAEG;IACH,UAAU,GAAA;AACN,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC;AACzI,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC3C,YAAA,MAAM,MAAM,GAAG,IAAI,YAAY,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AACjF,YAAA,MAAM,SAAS,GAAG,MAAM,KAAK,cAAc;YAC3C,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC;AACzD,YAAA,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC;AACnD,SAAC,CAAC;;AAEN;;AAEG;IACH,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;;IAEpC,gBAAgB,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjE,IAAI,CAAC,UAAU,EAAE;;;IAGzB,oBAAoB,GAAA;QAChB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;;IAE7D,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/esm/z-app-header-deprecated.entry.js

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