@zanichelli/albe-web-components 19.2.2 → 19.2.3-RC1

package/dist/components/z-accordion.js

@@ -1,95 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { e as ControlSize, _ as AccordionVariant } from './index2.js';
-import { d as defineCustomElement$2 } from './index10.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);border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}: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}}";
-const ZAccordionStyle0 = stylesCss;
-
-const ZAccordion$1 = /*@__PURE__*/ proxyCustomElement(class ZAccordion extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.toggled = createEvent(this, "toggled", 7);
-        this.label = undefined;
-        this.icon = undefined;
-        this.size = ControlSize.BIG;
-        this.isDisabled = false;
-        this.open = false;
-        this.highlight = false;
-        this.variant = AccordionVariant.DEFAULT;
-        this.shadow = true;
-        this.hasSlottedTags = false;
-    }
-    onDisabledChange() {
-        if (this.isDisabled) {
-            this.open = false;
-        }
-    }
-    /** Check if there is any content in the "tag" slot. */
-    checkSlottedTags() {
-        this.hasSlottedTags = !!this.host.querySelector('[slot="tag"]');
-    }
-    /**
-     * 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);
-    }
-    componentWillLoad() {
-        this.checkSlottedTags();
-    }
-    render() {
-        return (h("details", { key: 'f7e5933db8c37cfe6e39d2ff41a0d1611784e668', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '6109ae145d22b879326c0b6493886e8e93587157', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'aa81dc1a116fb11a36e3f3339e02f2206a0b1ce4', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'c7473044308125b98ec5df1774023b0bf51170bb', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: '1f991e11f91086616d7eb03ea6b4fdc8b8e6d424', class: "z-accordion-tags" }, h("slot", { key: '9d38da3a3809a5fbc5484b05f22a53fe4e448e76', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: '248043a90d91b3fe718314f006aa2b2f32629b2c', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '815910f6f281bfe790576ffe4c179ad01a3b23ae', class: "z-accordion-content", part: "content" }, h("slot", { key: '8b7a54bbec50cc7c6034f184f08307f2697a39f3' })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "isDisabled": ["onDisabledChange"]
-    }; }
-    static get style() { return ZAccordionStyle0; }
-}, [1, "z-accordion", {
-        "label": [1],
-        "icon": [1],
-        "size": [513],
-        "isDisabled": [516, "is-disabled"],
-        "open": [1540],
-        "highlight": [516],
-        "variant": [513],
-        "shadow": [516],
-        "hasSlottedTags": [32]
-    }, undefined, {
-        "isDisabled": ["onDisabledChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-accordion", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZAccordion$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZAccordion = ZAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZAccordion, defineCustomElement };
-
-//# sourceMappingURL=z-accordion.js.map
+import{proxyCustomElement as a,HTMLElement as o,createEvent as r,h as i,transformTag as e}from"@stencil/core/internal/client";import{e as s,_ as t}from"./index2.js";import{d as c}from"./index3.js";const n=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.toggled=r(this,"toggled",7),this.size=s.BIG,this.isDisabled=!1,this.open=!1,this.highlight=!1,this.variant=t.DEFAULT,this.shadow=!0,this.hasSlottedTags=!1}onDisabledChange(){this.isDisabled&&(this.open=!1)}checkSlottedTags(){this.hasSlottedTags=!!this.host.querySelector('[slot="tag"]')}onDetailsToggle(){if(this.isDisabled)return this.open=!1,void(this.detailsElm.open=!1);this.open=this.detailsElm.open,this.toggled.emit(this.open)}componentWillLoad(){this.checkSlottedTags()}render(){return i("details",{key:"172a7daef5025f190bec2ac50755edd73930b002",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},i("summary",{key:"afef8986b1c567de4d979f4352b060841e2d9915",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&i("z-icon",{key:"4d96182e2f30cc0d8a4920854775a5daa2f551c5",class:"z-accordion-label-icon",name:this.icon}),i("span",{key:"339defc76d0ce353bff86e3c53067ceda6fa0350",class:"z-accordion-label"},this.label),this.hasSlottedTags&&i("span",{key:"9e25512f093b7770894aff7590d2a829ed48943b",class:"z-accordion-tags"},i("slot",{key:"f24b026310c4d00632a131502960dfdade72cf85",name:"tag",onSlotchange:()=>this.checkSlottedTags()})),i("z-icon",{key:"d930ae94ebc17c279626bcb4a94e5bcfbe490c3a",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&i("div",{key:"8d33c1ead662fa11c01acaae2a3ee2ee72278bbb",class:"z-accordion-content",part:"content"},i("slot",{key:"fba6c3dd4ae6905f7e5d179a7b6af2de7bb4f8ca"})))}get host(){return this}static get watchers(){return{isDisabled:[{onDisabledChange:0}]}}static get style(){return':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)     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);border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}: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}}'}},[257,"z-accordion",{label:[1],icon:[1],size:[513],isDisabled:[516,"is-disabled"],open:[1540],highlight:[516],variant:[513],shadow:[516],hasSlottedTags:[32]},void 0,{isDisabled:[{onDisabledChange:0}]}]),d=n,l=function(){"undefined"!=typeof customElements&&["z-accordion","z-icon"].forEach((a=>{switch(a){case"z-accordion":customElements.get(e(a))||customElements.define(e(a),n);break;case"z-icon":customElements.get(e(a))||c()}}))};export{d as ZAccordion,l as defineCustomElement}

package/dist/components/z-alert.js

@@ -1,8 +1 @@
-import { Z as ZAlert$1, d as defineCustomElement$1 } from './index3.js';
-
-const ZAlert = ZAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZAlert, defineCustomElement };
-
-//# sourceMappingURL=z-alert.js.map
+import{Z as o,d as s}from"./index4.js";const r=o,t=s;export{r as ZAlert,t as defineCustomElement}

package/dist/components/z-anchor-navigation.js

@@ -1,87 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { e as ControlSize, B as ButtonVariant } from './index2.js';
-import { d as defineCustomElement$3 } from './index5.js';
-import { d as defineCustomElement$2 } from './index10.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:not([is-collapsed]) z-button.toggle{display:none !important}z-anchor-navigation:not([is-collapsed]) 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 ZAnchorNavigationStyle0 = stylesCss;
-
-const ZAnchorNavigation$1 = /*@__PURE__*/ proxyCustomElement(class ZAnchorNavigation extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.hideUnselected = false;
-        this.autoCurrent = true;
-        this.collapsedLabel = "salta a";
-        this.isCollapsed = false;
-        this.collapsed = false;
-    }
-    /**
-     * Set `aria-current` attribute to the anchors.
-     */
-    setCurrent() {
-        const currentElement = Array.from(this.nav.querySelectorAll("a")).find((anchor) => anchor.href === this.host.ownerDocument.location.href);
-        Array.from(this.nav.children).forEach((item) => {
-            const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
-            const isCurrent = anchor === currentElement;
-            anchor.setAttribute("aria-current", isCurrent.toString());
-            item.toggleAttribute("data-current", isCurrent);
-        });
-    }
-    /**
-     * Toggle collapsed state.
-     */
-    toggleCollapsed() {
-        this.collapsed = !this.collapsed;
-    }
-    componentDidLoad() {
-        if (this.autoCurrent) {
-            window.addEventListener("hashchange", this.setCurrent.bind(this));
-            this.setCurrent();
-        }
-    }
-    disconnectedCallback() {
-        window.removeEventListener("hashchange", this.setCurrent);
-    }
-    render() {
-        return (h(Host, { key: 'd019c9a42fbdf7987ad2115fac3803e35e2c838a', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: 'cca133f6627d30ef523923dd288c351fe73a37d8', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: 'ae497ef7b0c4a54445aadadf90c5e2e0119a2d11', ref: (el) => (this.nav = el) }, h("slot", { key: 'b0aad81924302ff9b73ac6a8fceaa07a7aefac13' }))));
-    }
-    get host() { return this; }
-    static get style() { return ZAnchorNavigationStyle0; }
-}, [4, "z-anchor-navigation", {
-        "hideUnselected": [516, "hide-unselected"],
-        "autoCurrent": [4, "auto-current"],
-        "collapsedLabel": [1, "collapsed-label"],
-        "isCollapsed": [516, "is-collapsed"],
-        "collapsed": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-anchor-navigation", "z-button", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-anchor-navigation":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZAnchorNavigation$1);
-            }
-            break;
-        case "z-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZAnchorNavigation = ZAnchorNavigation$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZAnchorNavigation, defineCustomElement };
-
-//# sourceMappingURL=z-anchor-navigation.js.map
+import{proxyCustomElement as o,HTMLElement as a,h as n,Host as t,transformTag as e}from"@stencil/core/internal/client";import{B as i,e as r}from"./index2.js";import{d as s}from"./index5.js";import{d as c}from"./index3.js";const l=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.hideUnselected=!1,this.autoCurrent=!0,this.collapsedLabel="salta a",this.isCollapsed=!1,this.collapsed=!1}setCurrent(){const o=Array.from(this.nav.querySelectorAll("a")).find((o=>o.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((a=>{const n=a instanceof HTMLAnchorElement?a:a.querySelector("a"),t=n===o;n.setAttribute("aria-current",""+t),a.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){this.autoCurrent&&(window.addEventListener("hashchange",this.setCurrent.bind(this)),this.setCurrent())}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return n(t,{key:"39d74e83a12d8fa3284190da2becd9fbe2f88211",collapsed:this.collapsed,class:"z-scrollbar"},n("z-button",{key:"b7a98b737dfd5d2499c9626a4e4ee626d92896da",class:"toggle",size:r.SMALL,variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},this.collapsedLabel),n("nav",{key:"b28787b604e8e2ef9ae6a6f6d2e9b6e162ce37f3",ref:o=>this.nav=o},n("slot",{key:"aaaa4ab016f1916fd6b4ee6723882862884538b0"})))}get host(){return this}static get style(){return"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,     border-color 0.3s ease-in-out,     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:not([is-collapsed]) z-button.toggle{display:none !important}z-anchor-navigation:not([is-collapsed]) 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}}"}},[260,"z-anchor-navigation",{hideUnselected:[516,"hide-unselected"],autoCurrent:[4,"auto-current"],collapsedLabel:[1,"collapsed-label"],isCollapsed:[516,"is-collapsed"],collapsed:[32]}]),d=l,h=function(){"undefined"!=typeof customElements&&["z-anchor-navigation","z-button","z-icon"].forEach((o=>{switch(o){case"z-anchor-navigation":customElements.get(e(o))||customElements.define(e(o),l);break;case"z-button":customElements.get(e(o))||s();break;case"z-icon":customElements.get(e(o))||c()}}))};export{d as ZAnchorNavigation,h as defineCustomElement}

package/dist/components/z-app-header-deprecated.js

@@ -1,255 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { B as ButtonVariant, e as ControlSize, O as OffCanvasVariant, u as TransitionDirection } from './index2.js';
-import { d as defineCustomElement$c } from './index5.js';
-import { d as defineCustomElement$b } from './index7.js';
-import { d as defineCustomElement$a } from './index10.js';
-import { d as defineCustomElement$9 } from './index12.js';
-import { d as defineCustomElement$8 } from './index13.js';
-import { d as defineCustomElement$7 } from './index14.js';
-import { d as defineCustomElement$6 } from './index15.js';
-import { d as defineCustomElement$5 } from './index16.js';
-import { d as defineCustomElement$4 } from './index23.js';
-import { d as defineCustomElement$3 } from './index25.js';
-import { d as defineCustomElement$2 } from './index26.js';
-
-const stylesCss = ":host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-default-text);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-default-text);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot=\"title\"]),.heading-stuck .heading-title>*,::slotted([slot=\"stucked-title\"]){margin:0;font-family:\"IBM Plex Serif\", serif;font-weight:var(--font-bd)}::slotted([slot=\"title\"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot=\"stucked-title\"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length=\"0\"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot=\"top-subtitle\"]),::slotted([slot=\"subtitle\"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot=\"subtitle\"]){font-weight:500}::slotted([slot=\"top-subtitle\"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length=\"0\"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot=\"stucked-title\"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:\"\";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow=\"offcanvas\"],[menu-length=\"0\"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow=\"offcanvas\"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length=\"0\"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow=\"offcanvas\"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow=\"offcanvas\"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow=\"stack\"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow=\"stack\"]) .menu-container{width:100%}:host(:not([flow=\"offcanvas\"],[menu-length=\"0\"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";
-const ZAppHeaderDeprecatedStyle0 = stylesCss;
-
-const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined";
-const ZAppHeaderDeprecated$1 = /*@__PURE__*/ proxyCustomElement(class ZAppHeaderDeprecated extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sticking = createEvent(this, "sticking", 7);
-        this.observer = SUPPORT_INTERSECTION_OBSERVER &&
-            new IntersectionObserver(([entry]) => {
-                this._stuck = !entry.isIntersecting;
-            }, {
-                threshold: 0.5,
-            });
-        this.stuck = false;
-        this.hero = undefined;
-        this.overlay = false;
-        this.flow = "auto";
-        this.drawerOpen = false;
-        this.enableSearch = false;
-        this.searchPlaceholder = "Cerca";
-        this.searchString = "";
-        this.searchPageUrl = undefined;
-        this._stuck = false;
-        this.currentViewport = "mobile";
-        this.menuLength = undefined;
-        this.openDrawer = this.openDrawer.bind(this);
-        this.closeDrawer = this.closeDrawer.bind(this);
-        this.collectMenuElements = this.collectMenuElements.bind(this);
-    }
-    evaluateViewport() {
-        if (window.innerWidth < 768) {
-            this.currentViewport = "mobile";
-        }
-        else if (window.innerWidth >= 768 && window.innerWidth < 1152) {
-            this.currentViewport = "tablet";
-        }
-        else {
-            this.currentViewport = "desktop";
-        }
-    }
-    onStuck() {
-        const scrollParent = this.scrollParent;
-        if (!scrollParent) {
-            return;
-        }
-        this.sticking.emit(this._stuck);
-    }
-    setMenuFloatingMode() {
-        if (this.menuElements.length === 0) {
-            return;
-        }
-        const elements = this.menuElements;
-        elements.forEach((element) => {
-            element.open = false;
-            element.floating = !this.drawerOpen;
-            element.verticalContext = this.drawerOpen;
-        });
-    }
-    get title() {
-        const titleElement = this.hostElement.querySelector('[slot="title"]');
-        if (titleElement === null) {
-            return "";
-        }
-        return titleElement.textContent.trim();
-    }
-    get scrollParent() {
-        const parent = this.hostElement.offsetParent;
-        if (parent === document.body || parent === document.documentElement) {
-            return window;
-        }
-        return parent;
-    }
-    get canShowMenu() {
-        return this.flow !== "offcanvas" && this.currentViewport !== "mobile" && !this.drawerOpen;
-    }
-    get canShowSearchbar() {
-        if (!this.enableSearch) {
-            return false;
-        }
-        // Always show the searchbar on desktop, even if a searchPageUrl is set
-        if (this.searchPageUrl) {
-            return this.currentViewport === "desktop";
-        }
-        return true;
-    }
-    /**
-     * Whether the header has a hero image, either as a prop or as a slot.
-     */
-    get hasHero() {
-        return !!this.hero || this.hostElement.querySelector("[slot=hero]") !== null;
-    }
-    openDrawer() {
-        this.drawerOpen = true;
-    }
-    closeDrawer() {
-        this.drawerOpen = false;
-    }
-    collectMenuElements() {
-        const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot="menu"]'));
-        this.menuLength = menuElements.length;
-        this.setMenuFloatingMode();
-    }
-    enableStuckObserver() {
-        if (this.observer) {
-            this.observer.observe(this.container);
-        }
-    }
-    disableStuckMode() {
-        this._stuck = false;
-        if (this.observer) {
-            this.observer.unobserve(this.container);
-        }
-    }
-    onStuckMode() {
-        if (this.stuck) {
-            this.enableStuckObserver();
-        }
-        else {
-            this.disableStuckMode();
-        }
-    }
-    renderSearchLinkButton() {
-        if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === "desktop") {
-            return null;
-        }
-        return (h("z-button", { class: "search-page-button", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: "search", size: ControlSize.X_SMALL }));
-    }
-    renderSeachbar(searchButtonIconOnly) {
-        return (h("z-searchbar", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: searchButtonIconOnly, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
-    }
-    componentDidLoad() {
-        this.collectMenuElements();
-        this.onStuckMode();
-        this.evaluateViewport();
-    }
-    render() {
-        return (h(Host, { key: '25fe02e7c173bc1adeaa335baebd934f7c4bf3c2', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: 'fbe86c970aa8a60b4fd2e81e760ce06fcb18b26d', class: "hero-container" }, h("slot", { key: '79746c04d0b3ae7685ee6b0a863f96125f392a84', name: "hero" }, this.hero && (h("img", { key: '700565a8349a4043b4783b3dfec512575eb464be', alt: "", src: this.hero }))))), h("div", { key: 'd103eb1d00f36e3187d3bf04289bc4f8fbec7fac', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '88eba7aa608db3f4283a3191755864b262ccf579', class: "heading-container" }, h("div", { key: '43b4b555901fbb93f4976910a8e99227dbd06e9d', class: "heading-subtitle" }, h("slot", { key: '84e3d84916956bf7f6867e6f999260bcec1dc946', name: "top-subtitle" })), h("div", { key: '5d308d910f1e28d7ce365940d3ddfa431e708ff6', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '862f94284926a7b4cb4373b3fbad853c5c9a16bc', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '90a10f0a603f871b18345bf74e353a515b6d4363', name: "burger-menu" }))), h("slot", { key: '9e70498e1e96b169cec959ca6ec5e9b7fab1551b', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '0590c5e8294bc79413407d263bec7c19078aad37', class: "heading-subtitle" }, h("slot", { key: 'fbd4c13f1985880c18c9151c0d4f62bc0b2644e2', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '8cc2760c853cead3287d590fd64d3f457186a7c7', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '3e1f6491146ac3cd5e02f19441a3e3d5a8d1629d', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'a977d6a6c9b3e8e834feb12235aad8be96c7aa03', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: 'c5facf8597fd819423a758c6f94e33c64b2d41a7', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: '85a5abd2083f7a809d49a21ae06c0d3f1ed4d3d6', name: "close" })), h("div", { key: '50d3e7ac3baa10ea9d1cb79be85cfa6af0d3a7d6', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '266739e07b977831229868f237e561c03d058032', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '959bd1fddd4e9c49890405b9b271bd27e5b4a67c', class: "heading-stuck" }, h("div", { key: '5700bc77fe1d1954e991f1bbcb930c8ad0b04ce5', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '51bf250e500094c18aef6fdcbed7d756af8ff1f3', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'abb77685d48e7c1e8476624199dd8b18140dca4f', name: "burger-menu" }))), h("div", { key: '69d94fe26925443e3348e8c5752bd474c0436d7c', class: "heading-title" }, h("slot", { key: 'ff00ee0b2de8bb8cd9f96dd42b20f4ecd2030828', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "_stuck": ["onStuck"],
-        "drawerOpen": ["setMenuFloatingMode"],
-        "stuck": ["onStuckMode"]
-    }; }
-    static get style() { return ZAppHeaderDeprecatedStyle0; }
-}, [1, "z-app-header-deprecated", {
-        "stuck": [516],
-        "hero": [1],
-        "overlay": [516],
-        "flow": [513],
-        "drawerOpen": [516, "drawer-open"],
-        "enableSearch": [516, "enable-search"],
-        "searchPlaceholder": [1, "search-placeholder"],
-        "searchString": [1025, "search-string"],
-        "searchPageUrl": [1, "search-page-url"],
-        "_stuck": [32],
-        "currentViewport": [32],
-        "menuLength": [32]
-    }, [[9, "resize", "evaluateViewport"]], {
-        "_stuck": ["onStuck"],
-        "drawerOpen": ["setMenuFloatingMode"],
-        "stuck": ["onStuckMode"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-app-header-deprecated", "z-button", "z-divider", "z-icon", "z-input", "z-input-message", "z-list", "z-list-element", "z-list-group", "z-offcanvas", "z-searchbar", "z-tag"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-app-header-deprecated":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZAppHeaderDeprecated$1);
-            }
-            break;
-        case "z-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "z-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "z-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "z-input-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "z-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "z-list-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "z-list-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "z-offcanvas":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "z-searchbar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-tag":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZAppHeaderDeprecated = ZAppHeaderDeprecated$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZAppHeaderDeprecated, defineCustomElement };
-
-//# sourceMappingURL=z-app-header-deprecated.js.map
+import{proxyCustomElement as e,HTMLElement as a,createEvent as t,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as o,B as s,u as h,O as p}from"./index2.js";import{d}from"./index5.js";import{d as c}from"./index6.js";import{d as l}from"./index3.js";import{d as g}from"./index7.js";import{d as u}from"./index8.js";import{d as f}from"./index9.js";import{d as m}from"./index10.js";import{d as y}from"./index11.js";import{d as b}from"./index12.js";import{d as v}from"./index13.js";import{d as k}from"./index14.js";const w="undefined"!=typeof IntersectionObserver,z=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sticking=t(this,"sticking",7),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.enableSearch=!1,this.searchPlaceholder="Cerca",this.searchString="",this._stuck=!1,this.currentViewport="mobile",this.observer=w&&new IntersectionObserver((([e])=>{this._stuck=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){this.currentViewport=window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1152?"tablet":"desktop"}onStuck(){this.scrollParent&&this.sticking.emit(this._stuck)}setMenuFloatingMode(){0!==this.menuElements.length&&this.menuElements.forEach((e=>{e.open=!1,e.floating=!this.drawerOpen,e.verticalContext=this.drawerOpen}))}get title(){const e=this.hostElement.querySelector('[slot="title"]');return null===e?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}get canShowMenu(){return"offcanvas"!==this.flow&&"mobile"!==this.currentViewport&&!this.drawerOpen}get canShowSearchbar(){return!(!this.enableSearch||this.searchPageUrl&&"desktop"!==this.currentViewport)}get hasHero(){return!!this.hero||null!==this.hostElement.querySelector("[slot=hero]")}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this._stuck=!1,this.observer&&this.observer.unobserve(this.container)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}renderSearchLinkButton(){return this.enableSearch&&this.searchPageUrl&&"desktop"!==this.currentViewport?i("z-button",{class:"search-page-button",variant:s.SECONDARY,href:this.searchPageUrl,icon:"search",size:o.X_SMALL}):null}renderSeachbar(e){return i("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:!0,searchButtonIconOnly:e,size:o.X_SMALL,variant:s.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:e=>this.searchString=e.detail})}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.evaluateViewport()}render(){return i(r,{key:"4d98fcae5ac33ba947f6ff5a040dd532b743faab","menu-length":this.menuLength},this.hasHero&&i("div",{key:"f2105ccf7087e83d54c47ca0722b1099f81a8179",class:"hero-container"},i("slot",{key:"451530f8e43a4f3ca714b4c59b995bd761ee9dc1",name:"hero"},this.hero&&i("img",{key:"7eceb9dab857740287d51b5fecb4c817ead691dc",alt:"",src:this.hero}))),i("div",{key:"b271e53c52c519a09eee6cec9465b9d7aa97a197",class:"heading-panel",ref:e=>this.container=e},i("div",{key:"8637be0cbfa33887f1cac0599fa9a2752856c9b8",class:"heading-container"},i("div",{key:"556ad49f4dbe98e0a59c712fa7bb8a30d9b7cf7c",class:"heading-subtitle"},i("slot",{key:"1cc116d852ae01c0fd35003c92eac5a5b5ff91e7",name:"top-subtitle"})),i("div",{key:"3ced62279a854043978ad6829db41e830525880f",class:"heading-title"},this.menuLength>0&&i("button",{key:"27ee765d26aaf4450cdc9048f88f8f3868776fc0",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},i("z-icon",{key:"77b4538acce08037e2d7ff2807e3da877cea06b4",name:"burger-menu"})),i("slot",{key:"ff3cc40db1155d7417842f1b573688117fa38f1a",name:"title"}),this.renderSearchLinkButton()),i("div",{key:"60b46172cdbdf15dfd163368b6dc0c9ff442f725",class:"heading-subtitle"},i("slot",{key:"b8f08a0ac6e2446736a27a3e211454db739792b8",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&i("div",{key:"21ea0742122e3c2eb2fd49ebf872cb287dd61ed9",class:"menu-container"},this.canShowMenu&&i("slot",{key:"f65701606bf787a0eefdb1305ccb897d7a21f026",name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar("desktop"!==this.currentViewport))),i("z-offcanvas",{key:"a6c999a01c8a956567c992bc4dbe9912c7b98f3b",variant:p.OVERLAY,transitiondirection:h.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail},i("button",{key:"9f03560a04d34dc7b888f8fef1e392f3c0052720",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":""+!this.drawerOpen,disabled:!this.drawerOpen},i("z-icon",{key:"e1f467a7ea2810158883c6e58d03628a120d7eee",name:"close"})),i("div",{key:"581886a5fabd793dafc6b5bbb243a3e9241756e0",class:"drawer-content",slot:"canvasContent","aria-hidden":""+!this.drawerOpen},i("slot",{key:"6d581a70fdc08610851c45ec3b01da89461d09c5",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&i("div",{key:"459d01a5337718248440da883f4d1cd5065d8671",class:"heading-stuck"},i("div",{key:"2c66f4a2b70a564d04ae70aa6f57bf5d8166b088",class:"heading-stuck-content"},this.menuLength>0&&i("button",{key:"d778fb87bc2fbff3ef63a59eb0bd246832cd56cb",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},i("z-icon",{key:"d57c58aefe3511290576dc9edfbfbd45f694795d",name:"burger-menu"})),i("div",{key:"22feee81b662e325b8de3fbdb90e19c959bd1bd8",class:"heading-title"},i("slot",{key:"2a856a72f2bbdd5653b9fb4f718ab518cca37462",name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&"desktop"===this.currentViewport&&this.renderSeachbar(!1))))}get hostElement(){return this}static get watchers(){return{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckMode:0}]}}static get style(){return':host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-default-text);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-default-text);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot="title"]),.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-weight:var(--font-bd)}::slotted([slot="title"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot="top-subtitle"]),::slotted([slot="subtitle"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot="subtitle"]){font-weight:500}::slotted([slot="top-subtitle"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length="0"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow="offcanvas"],[menu-length="0"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length="0"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow="offcanvas"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow="stack"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow="stack"]) .menu-container{width:100%}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}'}},[257,"z-app-header-deprecated",{stuck:[516],hero:[1],overlay:[516],flow:[513],drawerOpen:[516,"drawer-open"],enableSearch:[516,"enable-search"],searchPlaceholder:[1,"search-placeholder"],searchString:[1025,"search-string"],searchPageUrl:[1,"search-page-url"],_stuck:[32],currentViewport:[32],menuLength:[32]},[[9,"resize","evaluateViewport"]],{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckMode:0}]}]),x=z,S=function(){"undefined"!=typeof customElements&&["z-app-header-deprecated","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-offcanvas","z-searchbar","z-tag"].forEach((e=>{switch(e){case"z-app-header-deprecated":customElements.get(n(e))||customElements.define(n(e),z);break;case"z-button":customElements.get(n(e))||d();break;case"z-divider":customElements.get(n(e))||c();break;case"z-icon":customElements.get(n(e))||l();break;case"z-input":customElements.get(n(e))||g();break;case"z-input-message":customElements.get(n(e))||u();break;case"z-list":customElements.get(n(e))||f();break;case"z-list-element":customElements.get(n(e))||m();break;case"z-list-group":customElements.get(n(e))||y();break;case"z-offcanvas":customElements.get(n(e))||b();break;case"z-searchbar":customElements.get(n(e))||v();break;case"z-tag":customElements.get(n(e))||k()}}))};export{x as ZAppHeaderDeprecated,S as defineCustomElement}