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

package/dist/cjs/utils-KpWnWsPi.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var index = require('./index-GMHChntS.js');
+var breakpoints = require('./breakpoints-B7vFm-3T.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 === index.KeyboardCode.ENTER || ev.code === index.KeyboardCode.SPACE) {
+        ev.preventDefault();
+        callback(...args);
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function handleEnterKeydSubmit(ev, callback, ...args) {
+    if (ev.code === index.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.Breakpoints.MOBILE:
+            return index.Device.MOBILE;
+        case window.innerWidth <= breakpoints.Breakpoints.TABLET:
+            return index.Device.TABLET;
+        case window.innerWidth <= breakpoints.Breakpoints.DESKTOP:
+            return index.Device.DESKTOP;
+        default:
+            return index.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));
+}
+
+exports.boolean = boolean;
+exports.containsElement = containsElement;
+exports.convertJson = convertJson;
+exports.getClickedElement = getClickedElement;
+exports.getDevice = getDevice;
+exports.getElementTree = getElementTree;
+exports.handleEnterKeydSubmit = handleEnterKeydSubmit;
+exports.handleKeyboardSubmit = handleKeyboardSubmit;
+exports.randomId = randomId;
+//# sourceMappingURL=utils-KpWnWsPi.js.map
+
+//# sourceMappingURL=utils-KpWnWsPi.js.map

package/dist/cjs/utils-KpWnWsPi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-KpWnWsPi.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":["KeyboardCode","Breakpoints","Device"],"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,KAAKA,kBAAY,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,KAAKA,kBAAY,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,KAAKA,kBAAY,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,IAAIC,uBAAW,CAAC,MAAM;AACpD,YAAY,OAAOC,YAAM,CAAC,MAAM;AAChC,QAAQ,KAAK,MAAM,CAAC,UAAU,IAAID,uBAAW,CAAC,MAAM;AACpD,YAAY,OAAOC,YAAM,CAAC,MAAM;AAChC,QAAQ,KAAK,MAAM,CAAC,UAAU,IAAID,uBAAW,CAAC,OAAO;AACrD,YAAY,OAAOC,YAAM,CAAC,OAAO;AACjC,QAAQ;AACR,YAAY,OAAOA,YAAM,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/cjs/z-accordion.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.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) {
+        index.registerInstance(this, hostRef);
+        this.toggled = index.createEvent(this, "toggled", 7);
+        this.label = undefined;
+        this.icon = undefined;
+        this.size = index$1.ControlSize.BIG;
+        this.isDisabled = false;
+        this.open = false;
+        this.highlight = false;
+        this.variant = index$1.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 (index.h("details", { key: 'f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, index.h("summary", { key: '84fe90e0b7309290d1d1649032d0d5689ea26ece', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (index.h("z-icon", { key: 'cbb8d8e385b9966d688eeaa65774d8612c8f51a4', class: "z-accordion-label-icon", name: this.icon })), index.h("span", { key: '609df343692d9ab5d7834a008cbe9f369dd25b2d', class: "z-accordion-label" }, this.label), index.h("span", { key: '2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da', class: "z-accordion-tags" }, index.h("slot", { key: 'f7bd4d94db31698da39024ef0c0750388e63b821', name: "tag" })), index.h("z-icon", { key: '76503d776cacb956702720eed3bd21eff48ef2ce', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (index.h("div", { key: '28949aca06f11637b2fffd7e6a3c037809a781e3', class: "z-accordion-content", part: "content" }, index.h("slot", { key: '24b9441a8563a113f33ba5f5b9a7f170feb458a9' })))));
+    }
+    static get watchers() { return {
+        "isDisabled": ["onDisabledChange"]
+    }; }
+};
+ZAccordion.style = stylesCss;
+
+exports.z_accordion = ZAccordion;
+//# sourceMappingURL=z-accordion.entry.cjs.js.map
+
+//# sourceMappingURL=z-accordion.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"z-accordion.entry.cjs.js","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,GAAGA,mBAAW,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,GAAGC,wBAAgB,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,QAAQC,OAAC,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,EAAEA,OAAC,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,KAAKA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAEA,OAAC,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,KAAKA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;","names":["ControlSize","AccordionVariant","h"],"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"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"z-accordion.entry.cjs.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":["ControlSize","AccordionVariant","h"],"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,GAAGA,mBAAW,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,GAAGC,wBAAgB,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,QAAQC,OAAC,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,EAAEA,OAAC,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,KAAKA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAEA,OAAC,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,KAAKA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;","x_google_ignoreList":[0,1]}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.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) {
+        index.registerInstance(this, hostRef);
+        this.type = undefined;
+    }
+    render() {
+        return (index.h("div", { key: '7b5c63664284517f067c7216166e1d132a25c294', class: this.type }, index.h("slot", { key: '24ec7b94ade69283dcb0719c01f5812e5e63d243' })));
+    }
+};
+ZAlert.style = stylesCss;
+
+exports.z_alert = ZAlert;
+//# sourceMappingURL=z-alert.entry.cjs.js.map
+
+//# sourceMappingURL=z-alert.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"z-alert.entry.cjs.js","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,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,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/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"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"z-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/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":["h"],"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,QAAQA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.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) {
+        index.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 (index.h(index.Host, { key: '3a2bc3f92ecf223c95987e33c48e14bb03909fac', collapsed: this.collapsed }, index.h("z-button", { key: '5d88809c9fcc1a1ea1d163c3111367038da64f19', class: "toggle", variant: index$1.ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), index.h("nav", { key: '9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5', ref: (el) => (this.nav = el) }, index.h("slot", { key: '44a486e2caa4b56f8556494f6fd8c4da8e076e7e' }))));
+    }
+    get host() { return index.getElement(this); }
+};
+ZAnchorNavigation.style = stylesCss;
+
+exports.z_anchor_navigation = ZAnchorNavigation;
+//# sourceMappingURL=z-anchor-navigation.entry.cjs.js.map
+
+//# sourceMappingURL=z-anchor-navigation.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"z-anchor-navigation.entry.cjs.js","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,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAED,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAEE,qBAAa,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,EAAEF,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;;","names":["h","Host","ButtonVariant"],"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"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"z-anchor-navigation.entry.cjs.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":["h","Host","ButtonVariant"],"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,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAED,OAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAEE,qBAAa,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,EAAEF,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC;;;;;;;;","x_google_ignoreList":[0,1]}