@zanichelli/zanichelli-it-frontend-kit 1.3.0-RC5 → 1.4.0-RC1

package/dist/components/p-Cfa-BVne.js

@@ -1,133 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-
-/**
- * Check if an element contains an event target by checking its composedPath.
- * Useful when an event target may come from a component's shadow DOM.
- */
-const containsTarget = (ancestor, event) => {
-    return event
-        .composedPath()
-        .filter((el) => el !== document && el !== window.window)
-        .some((el) => ancestor.contains(el));
-};
-/** Move the focus to `next` element, set tabindex to 0 for `next` and -1 to `current`. */
-const moveFocus = (current, next) => {
-    current.tabIndex = -1;
-    next.tabIndex = 0;
-    next.focus({ preventScroll: true });
-};
-
-const searchFormCss = ":host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;top:0;right:0;display:flex;width:var(--closed-searchbar-width);justify-content:flex-end;transition:width 0.4s ease-in-out}.searchbar.searchbar-open{width:100%}.searchbar .input-wrapper{display:flex;overflow:hidden;width:100%;align-items:center;padding:8px;padding-left:var(--grid-margin);background-color:#fff;gap:8px;transition-duration:0.4s;transition-property:padding-right, padding-left, width;transition-timing-function:ease-in-out}.searchbar:not(.searchbar-open) .input-wrapper{overflow:hidden;width:0;padding:0}.searchbar button[type='reset']{--z-icon-width:1rem;--z-icon-height:1rem;display:flex;align-items:center;cursor:pointer}.searchbar input{z-index:1;width:100%;height:100%;padding:0;border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:1rem}.searchbar.searchbar-open input:first-child{padding-left:4px;margin-left:-4px;}.searchbar input[type='search']::-webkit-search-cancel-button,.searchbar input[type='search']::-webkit-search-decoration{appearance:none}.searchbar input::placeholder{color:var(--gray500)}.searchbar .searchbar-button{display:flex;align-items:center;justify-content:center;padding:10px var(--searchbar-button-x-padding);border-left:1px solid #000;background:var(--zanit-accent-color);font-family:inherit;font-size:inherit;gap:64px;line-height:1}.searchbar .searchbar-button:focus-visible{z-index:1}.searchbar-button z-icon{--z-icon-width:var(--searchbar-button-icon-width);--z-icon-height:var(--searchbar-button-icon-width)}@media (width < 1152px){.searchbar .searchbar-button>.searchbar-button-label{display:none}}@media (width >= 768px){.searchbar{--searchbar-button-x-padding:16px;--searchbar-button-icon-width:2rem}.searchbar .input-wrapper{gap:14px}.searchbar button[type='reset']{--z-icon-width:1.5rem;--z-icon-height:1.5rem}.searchbar input,.searchbar .searchbar-button{font-size:1.5rem}.searchbar .searchbar-button{padding:8px var(--searchbar-button-x-padding)}}@media (width >= 1152px){.searchbar{--closed-searchbar-width:190px}}@media (width >= 1366px){.searchbar .searchbar-button{border-right:1px solid #000}}";
-
-const ZanitSearchForm = /*@__PURE__*/ proxyCustomElement(class ZanitSearchForm extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.search = createEvent(this, "search");
-        this.resetSearch = createEvent(this, "resetSearch");
-    }
-    formElement;
-    get host() { return this; }
-    /** Indicates whether the searchbar is visible and usable. */
-    showSearchbar = false;
-    /** Search query to apply. */
-    _searchQuery = undefined;
-    /** Initial search query */
-    searchQuery = undefined;
-    onSearchQueryChange() {
-        this._searchQuery = this.searchQuery;
-        if (this.searchQuery) {
-            this.openSearchbar();
-        }
-    }
-    /** Emitted on search form submission. */
-    search;
-    resetSearch;
-    async connectedCallback() {
-        this.showSearchbar = !!this.searchQuery;
-        this._searchQuery = this.searchQuery;
-    }
-    /** Close open searchbar when clicking outside. */
-    handleOutsideClick(event) {
-        if (this.showSearchbar && this.formElement && !containsTarget(this.formElement, event)) {
-            this.showSearchbar = false;
-        }
-    }
-    /** Close the menu when pressing Escape or Tab. */
-    handleKeydown(event) {
-        switch (event.key) {
-            case 'Escape':
-                this.showSearchbar = false;
-                break;
-            case 'Tab':
-                if (containsTarget(this.host, event)) {
-                    break;
-                }
-                this.showSearchbar = false;
-                break;
-        }
-    }
-    openSearchbar() {
-        this.showSearchbar = true;
-        setTimeout(() => {
-            const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input');
-            searchbarInput.focus({ preventScroll: true });
-        }, 500);
-    }
-    resetSearchQuery() {
-        this.searchQuery = undefined;
-        this.resetSearch.emit();
-    }
-    handleInputChange(event) {
-        this._searchQuery = event.target.value;
-        if (!this._searchQuery) {
-            this.searchQuery = undefined;
-        }
-    }
-    onSearchSubmit(event) {
-        event.preventDefault();
-        if (!this._searchQuery) {
-            return;
-        }
-        this.showSearchbar = false;
-        const searchEv = this.search.emit({ query: this._searchQuery });
-        // do not submit the form if the event default behavior was prevented
-        if (searchEv.defaultPrevented) {
-            return;
-        }
-        this.formElement.submit();
-    }
-    render() {
-        return (h("form", { key: 'e1d177efbec2aea39cd30cfc8f02fe4e9f5e82d9', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, h("div", { key: '49aeaa97516d5782e1fcf866a5526ff19f8b0c14', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: '61ec6636b5efd875bcf879b28894ffd1cf8ac802', type: "reset", "aria-label": "Svuota campo di ricerca", disabled: !this.showSearchbar, "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 }, h("z-icon", { key: 'a896ac0e6ae2762e9d5dbb0351634505b519a684', name: "multiply-circled" }))), h("input", { key: '3ab6655ef669a6c30b5bbe547884c680284d7f14', id: "searchbar-input", name: "q", type: "search", disabled: !this.showSearchbar, placeholder: "Cerca per parola chiave o ISBN", onInput: (event) => this.handleInputChange(event), value: this.searchQuery, required: true, "aria-label": "Cerca per parola chiave o ISBN", "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 })), h("button", { key: '3df725da35664493fe70a15ea39184ab00b37e32', class: "searchbar-button", "aria-label": this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca', "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => this.openSearchbar() }, this.showSearchbar ? null : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '8f6cfd25fbacbc04b7bc060470667eb9b2a45179', name: "search" }))));
-    }
-    static get watchers() { return {
-        "searchQuery": ["onSearchQueryChange"]
-    }; }
-    static get style() { return searchFormCss; }
-}, [1, "zanit-search-form", {
-        "searchQuery": [1025, "search-query"],
-        "showSearchbar": [32],
-        "_searchQuery": [32]
-    }, [[5, "click", "handleOutsideClick"], [1, "keydown", "handleKeydown"]], {
-        "searchQuery": ["onSearchQueryChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zanit-search-form"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zanit-search-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZanitSearchForm);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZanitSearchForm as Z, containsTarget as c, defineCustomElement as d, moveFocus as m };
-//# sourceMappingURL=p-Cfa-BVne.js.map
-
-//# sourceMappingURL=p-Cfa-BVne.js.map

package/dist/components/p-Cfa-BVne.js.map

@@ -1 +0,0 @@
-{"file":"p-Cfa-BVne.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/utils.ts","src/components/menubar/search-form/search-form.css?tag=zanit-search-form&encapsulation=shadow","src/components/menubar/search-form/search-form.tsx"],"sourcesContent":["/**\n * Check if an element contains an event target by checking its composedPath.\n * Useful when an event target may come from a component's shadow DOM.\n */\nexport const containsTarget = (ancestor: HTMLElement, event: Event) => {\n  return event\n    .composedPath()\n    .filter((el) => el !== document && el !== window.window)\n    .some((el) => ancestor.contains(el as HTMLElement));\n};\n\n/** Move the focus to `next` element, set tabindex to 0 for `next` and -1 to `current`. */\nexport const moveFocus = (current: HTMLElement, next: HTMLElement) => {\n  current.tabIndex = -1;\n  next.tabIndex = 0;\n  next.focus({ preventScroll: true });\n};\n",":host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\n.searchbar {\n  --searchbar-button-x-padding: 14px;\n  --searchbar-button-icon-width: 1.75rem;\n\n  /* button horizontal padding + icon size + left border */\n  --closed-searchbar-width: calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  width: var(--closed-searchbar-width);\n  justify-content: flex-end;\n  transition: width 0.4s ease-in-out;\n}\n\n.searchbar.searchbar-open {\n  width: 100%;\n}\n\n.searchbar .input-wrapper {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  align-items: center;\n  padding: 8px;\n  padding-left: var(--grid-margin);\n  background-color: #fff;\n  gap: 8px;\n  transition-duration: 0.4s;\n  transition-property: padding-right, padding-left, width;\n  transition-timing-function: ease-in-out;\n}\n\n.searchbar:not(.searchbar-open) .input-wrapper {\n  overflow: hidden;\n  width: 0;\n  padding: 0;\n}\n\n.searchbar button[type='reset'] {\n  --z-icon-width: 1rem;\n  --z-icon-height: 1rem;\n\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.searchbar input {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background-color: #fff;\n  font-family: var(--font-family-sans);\n  font-size: 1rem;\n}\n\n.searchbar.searchbar-open input:first-child {\n  padding-left: 4px;\n  margin-left: -4px; /* per evitare che la focus shadow vada fuori dallo schermo */\n}\n\n.searchbar input[type='search']::-webkit-search-cancel-button,\n.searchbar input[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n\n.searchbar input::placeholder {\n  color: var(--gray500);\n}\n\n.searchbar .searchbar-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px var(--searchbar-button-x-padding);\n  border-left: 1px solid #000;\n  background: var(--zanit-accent-color);\n  font-family: inherit;\n  font-size: inherit;\n  gap: 64px;\n  line-height: 1;\n}\n\n.searchbar .searchbar-button:focus-visible {\n  z-index: 1;\n}\n\n.searchbar-button z-icon {\n  --z-icon-width: var(--searchbar-button-icon-width);\n  --z-icon-height: var(--searchbar-button-icon-width);\n}\n\n@media (width < 1152px) {\n  .searchbar .searchbar-button > .searchbar-button-label {\n    display: none;\n  }\n}\n\n@media (width >= 768px) {\n  .searchbar {\n    --searchbar-button-x-padding: 16px;\n    --searchbar-button-icon-width: 2rem;\n  }\n\n  .searchbar .input-wrapper {\n    gap: 14px;\n  }\n\n  .searchbar button[type='reset'] {\n    --z-icon-width: 1.5rem;\n    --z-icon-height: 1.5rem;\n  }\n\n  .searchbar input,\n  .searchbar .searchbar-button {\n    font-size: 1.5rem;\n  }\n\n  .searchbar .searchbar-button {\n    padding: 8px var(--searchbar-button-x-padding);\n  }\n}\n\n@media (width >= 1152px) {\n  .searchbar {\n    --closed-searchbar-width: 190px;\n  }\n}\n\n@media (width >= 1366px) {\n  .searchbar .searchbar-button {\n    border-right: 1px solid #000;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { containsTarget } from '../../../utils';\n\n@Component({\n  tag: 'zanit-search-form',\n  styleUrl: 'search-form.css',\n  shadow: true,\n})\nexport class ZanitSearchForm {\n  private formElement: HTMLFormElement;\n\n  @Element() host: HTMLZanitSearchFormElement;\n\n  /** Indicates whether the searchbar is visible and usable. */\n  @State()\n  showSearchbar: boolean = false;\n\n  /** Search query to apply. */\n  @State()\n  _searchQuery: string | undefined = undefined;\n\n  /** Initial search query */\n  @Prop({ mutable: true })\n  searchQuery: string | undefined = undefined;\n\n  @Watch('searchQuery')\n  onSearchQueryChange() {\n    this._searchQuery = this.searchQuery;\n    if (this.searchQuery) {\n      this.openSearchbar();\n    }\n  }\n\n  /** Emitted on search form submission. */\n  @Event({ cancelable: true }) search: EventEmitter<{ query: string }>;\n\n  @Event() resetSearch: EventEmitter<void>;\n\n  async connectedCallback() {\n    this.showSearchbar = !!this.searchQuery;\n    this._searchQuery = this.searchQuery;\n  }\n\n  /** Close open searchbar when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (this.showSearchbar && this.formElement && !containsTarget(this.formElement, event)) {\n      this.showSearchbar = false;\n    }\n  }\n\n  /** Close the menu when pressing Escape or Tab. */\n  @Listen('keydown', { passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape':\n        this.showSearchbar = false;\n        break;\n      case 'Tab':\n        if (containsTarget(this.host, event)) {\n          break;\n        }\n\n        this.showSearchbar = false;\n        break;\n    }\n  }\n\n  private openSearchbar() {\n    this.showSearchbar = true;\n    setTimeout(() => {\n      const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input') as HTMLInputElement;\n      searchbarInput.focus({ preventScroll: true });\n    }, 500);\n  }\n\n  private resetSearchQuery() {\n    this.searchQuery = undefined;\n    this.resetSearch.emit();\n  }\n\n  private handleInputChange(event: Event) {\n    this._searchQuery = (event.target as HTMLInputElement).value;\n    if (!this._searchQuery) {\n      this.searchQuery = undefined;\n    }\n  }\n\n  private onSearchSubmit(event: Event) {\n    event.preventDefault();\n    if (!this._searchQuery) {\n      return;\n    }\n\n    this.showSearchbar = false;\n    const searchEv = this.search.emit({ query: this._searchQuery });\n    // do not submit the form if the event default behavior was prevented\n    if (searchEv.defaultPrevented) {\n      return;\n    }\n\n    this.formElement.submit();\n  }\n\n  render() {\n    return (\n      <form\n        class={{ 'searchbar': true, 'searchbar-open': this.showSearchbar }}\n        ref={(el) => (this.formElement = el)}\n        role=\"search\"\n        aria-label=\"Cerca nel sito\"\n        method=\"get\"\n        action=\"/ricerca\"\n        onSubmit={(event) => this.onSearchSubmit(event)}\n        onReset={() => this.resetSearchQuery()}\n      >\n        <div\n          class=\"input-wrapper\"\n          role=\"none\"\n        >\n          {this.searchQuery && (\n            <button\n              type=\"reset\"\n              aria-label=\"Svuota campo di ricerca\"\n              disabled={!this.showSearchbar}\n              aria-hidden={!this.showSearchbar ? 'true' : undefined}\n              tabIndex={!this.showSearchbar ? -1 : 0}\n            >\n              <z-icon name=\"multiply-circled\" />\n            </button>\n          )}\n          <input\n            id=\"searchbar-input\"\n            name=\"q\"\n            type=\"search\"\n            disabled={!this.showSearchbar}\n            placeholder=\"Cerca per parola chiave o ISBN\"\n            onInput={(event) => this.handleInputChange(event)}\n            value={this.searchQuery}\n            required\n            aria-label=\"Cerca per parola chiave o ISBN\"\n            aria-hidden={!this.showSearchbar ? 'true' : undefined}\n            tabIndex={!this.showSearchbar ? -1 : 0}\n          ></input>\n        </div>\n\n        <button\n          class=\"searchbar-button\"\n          aria-label={this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca'}\n          aria-controls=\"searchbar-input\"\n          type={this.showSearchbar ? 'submit' : 'button'}\n          onClick={() => this.openSearchbar()}\n        >\n          {this.showSearchbar ? null : <span class=\"searchbar-button-label\">Cerca</span>}\n          <z-icon name=\"search\"></z-icon>\n        </button>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/zanichelli-it-frontend-kit/p-22226d84.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as t,h as i,H as a,F as r,c as n}from"./p-DSdvvVFj.js";const s=".sc-zanit-back-to-top-h{visibility:visible;opacity:1;transition:all 0.2s linear}.hidden.sc-zanit-back-to-top-h{visibility:hidden;opacity:0}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}";const o=class{constructor(t){e(this,t)}resizeObserver;get host(){return t(this)}showFab=false;currentPageHeight;isMobile=false;pageMinHeight=1600;scrollMinHeight=800;handleScroll(){this.updateFabVisibility()}handleResize=()=>{const e=document.documentElement.scrollHeight;if(e!==this.currentPageHeight)this.currentPageHeight=e};connectedCallback(){this.currentPageHeight=document.body.scrollHeight;this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(document.documentElement);this.updateFabVisibility();const e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.matches}}disconnectedCallback(){this.resizeObserver.disconnect()}updateFabVisibility(){this.showFab=this.currentPageHeight>this.pageMinHeight&&window.scrollY>this.scrollMinHeight}scroll(){window.scrollTo({top:0,behavior:"smooth"})}render(){return i(a,{key:"e2585492b2d991aed8c99c02b68fbc5b68c800da",class:{hidden:!this.showFab},"aria-hidden":this.showFab?"false":"true"},i("button",{key:"15ae24d829c4e88e7eefce2f5e9c9a8bee255124",class:{"z-fab":true,"z-fab-extended":!this.isMobile},onClick:()=>this.scroll()},i("z-icon",{key:"a5f937a661696ea0a68c558f0232f77de70d156e",name:"back-top"}),i("span",{key:"628786873ddc4db46d6fa73211b0c1e1d576a794"},"Torna su")))}};o.style=s;const h=(e,t)=>t.composedPath().filter((e=>e!==document&&e!==window.window)).some((t=>e.contains(t)));const c=(e,t)=>{e.tabIndex=-1;t.tabIndex=0;t.focus({preventScroll:true})};const d="default";const l={id:d,label:d};const u=e=>{const t=e.reduce(((e,t)=>{const i=e.find((({group:e})=>e.id===(t.group?.id||l.id)));if(!i){e.push({group:t.group??l,items:[t]})}else{i.items.push(t)}return e}),[]);return t.sort(((e,t)=>e.group.id===d?1:t.group.id===d?-1:0))};const m=({controlledBy:e,items:t,currentPath:a=[],onItemKeyDown:r})=>{if(!t?.length){return null}const n=u(t);const s=t=>a.includes(e)&&a.includes(t.id);return i("div",{class:"menu-wrapper",role:"none"},i("div",{class:"menu","aria-labelledby":e??undefined,role:"menu"},n.map((({group:e,items:t})=>i("div",{class:{group:true,highlight:t.some((e=>e.highlight))}},e.id!==d?i("div",{class:"group-name",id:e.id},e.label):n.length>1?i("div",{class:"group-name"}):null,i("ul",{class:"menu-list",role:"group","aria-labelledby":e.id!==d?e.id:undefined},t.map((e=>i("li",{role:"none"},e.href&&i("a",{class:{"menu-item":true,active:s(e)},href:e.href,role:"menuitem",tabIndex:-1,"aria-current":s(e)?"page":"false",onKeyDown:e=>r(e),target:e.target},e.label))))))))))};const b=":host{position:relative;z-index:2;display:flex;width:100%;background-color:#fff;color:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}:host nav{width:100%}.shadow-wrapper{position:relative;z-index:1;display:flex;width:100%}.shadow-wrapper::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}.width-limiter{position:relative;display:flex;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);margin:0 auto}.shadow-wrapper+.shadow-wrapper{z-index:0}.sub-menubar>ul{gap:28px}.width-limiter>ul,.sub-menubar>ul{position:relative;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);margin-right:auto;margin-left:auto;gap:20px}.shadow-wrapper>.width-limiter,.shadow-wrapper>ul{width:100%;max-width:var(--zanit-menubar-max-width, 1366px)}ul.menubar{padding-right:0}.menubar z-ghost-loading{display:block;width:120px;height:1.25rem}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}zanit-search-form{margin-left:auto}";const p=".menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}";const f=class{constructor(t){e(this,t)}get host(){return t(this)}items=[];openMenu=undefined;openNavbar=undefined;currentPath=[];isMobile=false;loading=false;data;current=undefined;searchQuery=undefined;timerId;async parseData(e){if(!e){return}if(e instanceof URL){this.items=await this.fetchData(e)}else if(e instanceof Promise){this.loading=true;this.items=await e;this.loading=false}else if(typeof e==="string"){try{this.items=JSON.parse(e);if(!Array.isArray(this.items)||!this.items?.every((e=>e))){throw new Error("Expected an array of MenubarItem objects.")}}catch{let t;try{t=new URL(e)}catch{throw new Error("Invalid string provided for `data` property: not a valid url or JSON.")}this.items=await this.fetchData(t)}}else if(Array.isArray(e)&&e.every((e=>e))){this.items=e}else{throw new Error("Invalid `data` property value. Expected an url, a JSON or an array/promise of MenubarItem objects.")}}onItemsChange(){this.initTabindex()}onCurrentChange(){this.currentPath=this.current?.split("/").filter(Boolean)||[]}async connectedCallback(){const e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.matches;this.initTabindex();this.openMenu=undefined};await this.parseData(this.data);this.onCurrentChange();this.initTabindex()}handleOutsideClick(e){if(!this.openMenu||h(this.host,e)){return}this.openMenu=undefined}handleKeydown(e){switch(e.key){case"Escape":{if(this.openMenu){e.preventDefault();const t=this.openMenu;this.openMenu=undefined;setTimeout((()=>{const e=this.host.shadowRoot.getElementById(t);if(e){e.focus()}}),0)}break}case"Tab":this.openMenu=undefined;break}}handleMouseover(){clearTimeout(this.timerId)}handleMouseout(e){this.timerId=window.setTimeout((()=>{if(!this.openMenu||h(this.host,e)){return}this.openMenu=undefined}),500)}handleFocusout(e){const t=e.relatedTarget;if(!this.openMenu||this.host.shadowRoot.querySelector(".menu")?.contains(t)){return}this.openMenu=undefined}async fetchData(e){try{this.loading=true;const t=await(await fetch(e)).json();this.loading=false;if(!Array.isArray(t)||!t.every((e=>e))){throw new Error("Invalid data structure. Expected an array of MenuItem objects.")}return t}catch(e){this.loading=false;console.error("Error fetching menubar data:",e);throw new Error("Failed to fetch menubar data from the provided URL.",{cause:e})}}initTabindex(){setTimeout((()=>{this.host.shadowRoot.querySelectorAll('[role="menubar"]')?.forEach((e=>{e.querySelectorAll('[role="menuitem"]')?.forEach(((e,t)=>e.setAttribute("tabindex",t===0?"0":"-1")))}))}),100)}isActive(e){if(this.currentPath.length===0){return false}if(this.currentPath.includes(e.id)){return true}if(e.menuItems?.length){return e.menuItems.some((e=>e.id===this.current))}if(e.navbarItems?.length){const t=e.navbarItems.some((e=>this.isActive(e)));if(t){return true}}return false}showMenu(e){this.openMenu=undefined;if(!e.menuItems?.length){return}this.openMenu=e.id}getParentMenubarElements(e){return Array.from(e?.closest('[role="menubar"]')?.querySelectorAll(':scope > li a[role="menuitem"]')??[])}focusPreviousItem(e){this.openMenu=undefined;const t=this.getParentMenubarElements(e);const i=t.indexOf(e);const a=t[(i-1+t.length)%t.length];c(e,a);if(a.ariaHasPopup==="true"&&this.openMenu){this.openMenu=a.id}}focusNextItem(e){this.openMenu=undefined;const t=this.getParentMenubarElements(e);const i=t.indexOf(e);const a=t[(i+1)%t.length];c(e,a);if(a.ariaHasPopup==="true"&&this.openMenu){this.openMenu=a.id}}handleItemKeydown(e,t){const i=e.target;switch(e.key){case"Home":{e.preventDefault();e.stopPropagation();const t=this.getParentMenubarElements(i)[0];c(i,t);break}case"End":{e.preventDefault();e.stopPropagation();const t=this.getParentMenubarElements(i).pop();c(i,t);break}case"ArrowUp":{if(!t.menuItems?.length){break}e.preventDefault();e.stopPropagation();this.openMenu=t.id;setTimeout((()=>{const e=Array.from(this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${t.id}] [role="menuitem"]`));c(i,e[e.length-1])}),100);break}case"ArrowRight":{e.preventDefault();e.stopPropagation();this.focusNextItem(i);break}case"ArrowDown":{if(!t.menuItems?.length){break}this.openItemMenu(t);break}case"ArrowLeft":{e.preventDefault();e.stopPropagation();this.focusPreviousItem(i);break}case" ":{e.preventDefault();e.stopPropagation();if(this.openMenu===t.id){this.openMenu=undefined;break}else if(t.menuItems?.length){this.openItemMenu(t);break}}}}getPreviousGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]);const i=t.indexOf(e);return t[i-1]}getNextGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]);const i=t.indexOf(e);return t[i+1]}openItemMenu(e){this.openMenu=e.id;setTimeout((()=>{const t=this.host.shadowRoot.querySelector(`[aria-labelledby=${e.id}] [role="menuitem"]`);t.tabIndex=0;t.focus({preventScroll:true})}),100)}handleMenuKeydown(e){const t=e.target;const i=Array.from(t.closest('[role="menu"]')?.querySelectorAll('[role="menuitem"]')??[]);const a=i.indexOf(t);switch(e.key){case"ArrowUp":{e.preventDefault();e.stopPropagation();const r=i[a-1]||i[i.length-1];c(t,r);break}case"ArrowRight":{e.preventDefault();e.stopPropagation();const i=t.closest("[role=group]");const a=this.getNextGroup(i);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby");const i=this.host.shadowRoot.getElementById(e);this.focusNextItem(i);break}const r=a.querySelectorAll('[role="menuitem"]')??[];c(t,r[0]);break}case"ArrowDown":{e.preventDefault();e.stopPropagation();const r=i[a+1]||i[0];c(t,r);break}case"ArrowLeft":{e.preventDefault();e.stopPropagation();const i=t.closest("[role=group]");const a=this.getPreviousGroup(i);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby");const i=this.host.shadowRoot.getElementById(e);this.focusPreviousItem(i);break}const r=a.querySelectorAll('[role="menuitem"]')??[];c(t,r[0]);break}case"Home":e.preventDefault();e.stopPropagation();c(t,i[0]);break;case"End":e.preventDefault();e.stopPropagation();c(t,i[i.length-1]);break}}render(){if(this.isMobile){return i("zanit-mobile-menubar",{items:this.items,currentPath:this.currentPath,searchQuery:this.searchQuery,loading:this.loading})}return i("nav",{"aria-label":"Zanichelli.it"},i("div",{class:"shadow-wrapper"},i("div",{class:"width-limiter"},i("ul",{class:"menubar",role:"menubar","aria-label":"Zanichelli.it"},this.loading&&[...new Array(4)].map(((e,t)=>i(r,null,i("li",{role:"none"},i("div",{class:"menubar-item"},i("z-ghost-loading",null))),t<3&&i("li",{role:"separator"})))),this.items?.map(((e,t)=>i(r,null,i("li",{role:"none"},i("a",{class:{"menubar-item":true,active:this.isActive(e)},href:e.href,id:e.id,role:"menuitem",tabIndex:-1,"aria-expanded":e.menuItems?.length?this.openMenu===e.id?"true":"false":undefined,"aria-haspopup":e.menuItems?.length?"true":"false","aria-current":this.current.includes(e.id)?"page":"false",onPointerOver:()=>this.showMenu(e),onKeyDown:t=>this.handleItemKeydown(t,e),target:e.target},i("span",{"data-text":e.label},e.label),e.menuItems?.length>0&&i("z-icon",{name:this.openMenu===e.id?"chevron-up":"chevron-down",width:"0.875rem",height:"0.875rem"}))),t<this.items?.length-1&&i("li",{role:"separator"}))))),i("zanit-search-form",{searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined})),this.items.map((e=>this.openMenu===e.id&&i(m,{controlledBy:e.id,items:e.menuItems,currentPath:this.currentPath,onItemKeyDown:e=>this.handleMenuKeydown(e)})))),this.items?.filter((e=>this.isActive(e))).map((e=>e.navbarItems?.length&&i("nav",{class:{"sub-menubar":true,"shadow-wrapper":true},"aria-label":`Sezioni: ${e.label}`},i("ul",{role:"menubar"},e.navbarItems.map((t=>i(r,null,i("li",{role:"none"},i("a",{class:{"menubar-item":true,active:this.isActive(t)},href:t.href,id:t.id,role:"menuitem",tabIndex:-1,"aria-haspopup":t.menuItems?.length?"true":"false","aria-expanded":t.menuItems?.length?this.openMenu===t.id?"true":"false":undefined,"aria-current":this.current.includes(t.id)?"page":"false",onPointerOver:()=>this.showMenu(t),onKeyDown:e=>this.handleItemKeydown(e,t),target:e.target},i("span",null,t.label),t.menuItems?.length>0&&i("z-icon",{name:this.openMenu===t.id?"chevron-up":"chevron-down",width:"0.75rem",height:"0.75rem"}))))))),e.navbarItems.map((e=>this.openMenu===e.id&&i(m,{controlledBy:e.id,items:e.menuItems,currentPath:this.currentPath,onItemKeyDown:e=>this.handleMenuKeydown(e)})))))))}static get delegatesFocus(){return true}static get watchers(){return{data:["parseData"],items:["onItemsChange"],current:["onCurrentChange"]}}};f.style=b+p;const g=":host{position:relative;z-index:2;display:block;width:100%;max-width:100%;background-color:#fff;color:var(--gray900);fill:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}nav{display:flex;width:100%;align-items:center;padding-left:var(--grid-margin);gap:8px}nav::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}z-logo{margin:8px 0}.mobile-menu{position:absolute;top:100%;left:0;display:flex;overflow:auto;width:100%;max-height:calc(100vh - 48px - var(--zanit-menubar-top-offset, 0px));flex-direction:column;padding:16px var(--grid-margin) 32px;background-color:#fff;box-shadow:var(--shadow-2);gap:8px}.mobile-menu li{width:100%}.mobile-menu .items-container{display:flex;min-height:256px;flex-direction:column;gap:8px}.mobile-menu .items-container z-ghost-loading{width:40%;height:1.2rem}.mobile-menu .items-container .menubar-item{display:block;width:100%;padding:8px 0;font-size:1rem;text-align:left}.mobile-menu .items-container li:not(:last-child) .menubar-item{border-bottom:1px solid #000}[role='menuitem'].parent{display:flex;width:fit-content;align-items:center;padding:0;border:none;font-size:0.875rem;gap:8px}zanit-search-form{margin-left:auto}";const w=".menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}";const x=class{constructor(t){e(this,t)}get host(){return t(this)}currentPath=[];items=[];searchQuery=undefined;loading=false;lastCurrent=undefined;parentItem=undefined;menuItems=undefined;menuType=undefined;open;onItemsChange(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:undefined;this.setupData(this.items)}setupData(e,t){if(this.lastCurrent===undefined){this.parentItem=undefined;this.menuType="menubar";this.menuItems=e;return}for(const i of e){if(i.id===this.lastCurrent){this.parentItem=t;this.menuType=i.menuItems?.length?"menu":"menubar";this.menuItems=i.menuItems||i.navbarItems;return}if(this.currentPath.length>1&&i.id===this.currentPath[this.currentPath.length-2]&&i.menuItems?.some((({id:e})=>e===this.lastCurrent))){this.parentItem=i;this.menuType=i.menuItems?.length?"menu":"menubar";this.menuItems=i.menuItems||i.navbarItems;return}if(i.navbarItems?.length){this.setupData(i.navbarItems,i)}}}get menuItemsElement(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="menuitem"]'))}initTabindex(){this.menuItemsElement.forEach(((e,t)=>e.setAttribute("tabindex",t===0?"0":"-1")))}toggleMenu(){if(this.open){this.open=false}else{this.open=true;setTimeout((()=>{this.initTabindex();this.menuItemsElement[0]?.focus({preventScroll:true})}),200)}}handleItemKeydown(e){switch(e.key){case"ArrowUp":{e.preventDefault();e.stopPropagation();const t=this.menuItemsElement;const i=t.indexOf(e.target);const a=t[(i-1+t.length)%t.length];c(t[i],a);break}case"ArrowDown":{e.preventDefault();e.stopPropagation();const t=this.menuItemsElement;const i=t.indexOf(e.target);const a=t[(i+1)%t.length];c(t[i],a);break}case"Home":{e.preventDefault();e.stopPropagation();c(e.target,this.menuItemsElement[0]);break}case"End":{e.preventDefault();e.stopPropagation();c(e.target,this.menuItemsElement.pop());break}}}connectedCallback(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:undefined;this.setupData(this.items)}handleOutsideClick(e){if(h(this.host,e)){return}this.open=false}handleKeydown(e){switch(e.key){case"Escape":this.open=false;break;case"Tab":if(h(this.host,e)){break}this.open=false;break}}handleFocusout(e){if(h(this.host,e)){return}this.open=false}render(){return i("nav",{key:"3c60ac4ac98ee3defb91d07ed2b877031f0a35df","aria-label":"Zanichelli.it"},i("button",{key:"bebe58a827addf39e62deb9c3ef44296f14da700",class:"burger-button",type:"button","aria-expanded":this.open?"true":"false","aria-controls":"mobile-menu","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:()=>this.toggleMenu()},i("z-icon",{key:"0b3e97a6bcb3f54c1b0669f9fe012ac3ff5b5632",name:this.open?"multiply":"burger-menu",width:"1.5rem",height:"1.5rem"})),i("z-logo",{key:"a7216fc628ab13b243ace77a89d5dc16bde1f6da",imageAlt:"Logo Zanichelli",link:"/",height:32,width:126}),i("zanit-search-form",{key:"bdfd612ecc8cf6fb7d4d1941474a8b6cc0b8ff2d",searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined}),this.open&&i("ul",{key:"bf3f32326a98ff6a47a3734ac98f8afda74f0d12",class:"mobile-menu",role:"menubar"},!this.loading&&this.currentPath&&this.currentPath.length>0&&i("li",{key:"a157937b4358cba0a1bc990576051f4a703cedd4",role:"none"},i("a",{key:"9f36e81c276da144abf96e9e1dd7cf2a84bdc4b7",class:"parent",href:this.parentItem?.href??"/",id:this.parentItem?.id??undefined,role:"menuitem",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:this.parentItem?.target},i("z-icon",{key:"ba4c4e1c0b1132cbcd4be7a4088bf1fb6618f062",name:"arrow-left",width:"0.5rem",height:"0.5rem"}),i("span",{key:"cc30b285857d7cb7908e35dadf424e0940342949"},this.parentItem?.label||"Home"))),this.loading?i("div",{class:"items-container",role:"none"},[...new Array(4)].map((()=>i("li",{role:"none"},i("div",{class:"menubar-item",role:"none"},i("z-ghost-loading",null)))))):this.menuType==="menu"?i(m,{items:this.menuItems,controlledBy:this.parentItem?.id,currentPath:this.currentPath,onItemKeyDown:e=>this.handleItemKeydown(e)}):this.menuItems?.length>0&&i("div",{class:"items-container",role:"none"},this.menuItems.map((e=>i("li",{role:"none"},i("a",{class:{"menu-item":this.menuType==="menu","menubar-item":this.menuType==="menubar"},href:e.href,id:e.id,role:"menuitem","aria-current":this.lastCurrent===e.id?"page":"false",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:e.target},i("span",{"data-text":e.label},e.label))))))))}static get delegatesFocus(){return true}static get watchers(){return{items:["onItemsChange"],currentPath:["onItemsChange"]}}};x.style=g+w;const y=":host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;top:0;right:0;display:flex;width:var(--closed-searchbar-width);justify-content:flex-end;transition:width 0.4s ease-in-out}.searchbar.searchbar-open{width:100%}.searchbar .input-wrapper{display:flex;overflow:hidden;width:100%;align-items:center;padding:8px;padding-left:var(--grid-margin);background-color:#fff;gap:8px;transition-duration:0.4s;transition-property:padding-right, padding-left, width;transition-timing-function:ease-in-out}.searchbar:not(.searchbar-open) .input-wrapper{overflow:hidden;width:0;padding:0}.searchbar button[type='reset']{--z-icon-width:1rem;--z-icon-height:1rem;display:flex;align-items:center;cursor:pointer}.searchbar input{z-index:1;width:100%;height:100%;padding:0;border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:1rem}.searchbar.searchbar-open input:first-child{padding-left:4px;margin-left:-4px;}.searchbar input[type='search']::-webkit-search-cancel-button,.searchbar input[type='search']::-webkit-search-decoration{appearance:none}.searchbar input::placeholder{color:var(--gray500)}.searchbar .searchbar-button{display:flex;align-items:center;justify-content:center;padding:10px var(--searchbar-button-x-padding);border-left:1px solid #000;background:var(--zanit-accent-color);font-family:inherit;font-size:inherit;gap:64px;line-height:1}.searchbar .searchbar-button:focus-visible{z-index:1}.searchbar-button z-icon{--z-icon-width:var(--searchbar-button-icon-width);--z-icon-height:var(--searchbar-button-icon-width)}@media (width < 1152px){.searchbar .searchbar-button>.searchbar-button-label{display:none}}@media (width >= 768px){.searchbar{--searchbar-button-x-padding:16px;--searchbar-button-icon-width:2rem}.searchbar .input-wrapper{gap:14px}.searchbar button[type='reset']{--z-icon-width:1.5rem;--z-icon-height:1.5rem}.searchbar input,.searchbar .searchbar-button{font-size:1.5rem}.searchbar .searchbar-button{padding:8px var(--searchbar-button-x-padding)}}@media (width >= 1152px){.searchbar{--closed-searchbar-width:190px}}@media (width >= 1366px){.searchbar .searchbar-button{border-right:1px solid #000}}";const v=class{constructor(t){e(this,t);this.search=n(this,"search");this.resetSearch=n(this,"resetSearch")}formElement;get host(){return t(this)}showSearchbar=false;_searchQuery=undefined;searchQuery=undefined;onSearchQueryChange(){this._searchQuery=this.searchQuery;if(this.searchQuery){this.openSearchbar()}}search;resetSearch;async connectedCallback(){this.showSearchbar=!!this.searchQuery;this._searchQuery=this.searchQuery}handleOutsideClick(e){if(this.showSearchbar&&this.formElement&&!h(this.formElement,e)){this.showSearchbar=false}}handleKeydown(e){switch(e.key){case"Escape":this.showSearchbar=false;break;case"Tab":if(h(this.host,e)){break}this.showSearchbar=false;break}}openSearchbar(){this.showSearchbar=true;setTimeout((()=>{const e=this.host.shadowRoot.querySelector("#searchbar-input");e.focus({preventScroll:true})}),500)}resetSearchQuery(){this.searchQuery=undefined;this.resetSearch.emit()}handleInputChange(e){this._searchQuery=e.target.value;if(!this._searchQuery){this.searchQuery=undefined}}onSearchSubmit(e){e.preventDefault();if(!this._searchQuery){return}this.showSearchbar=false;const t=this.search.emit({query:this._searchQuery});if(t.defaultPrevented){return}this.formElement.submit()}render(){return i("form",{key:"e1d177efbec2aea39cd30cfc8f02fe4e9f5e82d9",class:{searchbar:true,"searchbar-open":this.showSearchbar},ref:e=>this.formElement=e,role:"search","aria-label":"Cerca nel sito",method:"get",action:"/ricerca",onSubmit:e=>this.onSearchSubmit(e),onReset:()=>this.resetSearchQuery()},i("div",{key:"49aeaa97516d5782e1fcf866a5526ff19f8b0c14",class:"input-wrapper",role:"none"},this.searchQuery&&i("button",{key:"61ec6636b5efd875bcf879b28894ffd1cf8ac802",type:"reset","aria-label":"Svuota campo di ricerca",disabled:!this.showSearchbar,"aria-hidden":!this.showSearchbar?"true":undefined,tabIndex:!this.showSearchbar?-1:0},i("z-icon",{key:"a896ac0e6ae2762e9d5dbb0351634505b519a684",name:"multiply-circled"})),i("input",{key:"3ab6655ef669a6c30b5bbe547884c680284d7f14",id:"searchbar-input",name:"q",type:"search",disabled:!this.showSearchbar,placeholder:"Cerca per parola chiave o ISBN",onInput:e=>this.handleInputChange(e),value:this.searchQuery,required:true,"aria-label":"Cerca per parola chiave o ISBN","aria-hidden":!this.showSearchbar?"true":undefined,tabIndex:!this.showSearchbar?-1:0})),i("button",{key:"3df725da35664493fe70a15ea39184ab00b37e32",class:"searchbar-button","aria-label":this.showSearchbar?"Esegui ricerca":"Apri il campo di ricerca","aria-controls":"searchbar-input",type:this.showSearchbar?"submit":"button",onClick:()=>this.openSearchbar()},this.showSearchbar?null:i("span",{class:"searchbar-button-label"},"Cerca"),i("z-icon",{key:"8f6cfd25fbacbc04b7bc060470667eb9b2a45179",name:"search"})))}static get watchers(){return{searchQuery:["onSearchQueryChange"]}}};v.style=y;export{o as zanit_back_to_top,f as zanit_menubar,x as zanit_mobile_menubar,v as zanit_search_form};
-//# sourceMappingURL=p-22226d84.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-22226d84.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["backToTopCss","ZanitBackTop","resizeObserver","showFab","currentPageHeight","isMobile","pageMinHeight","scrollMinHeight","handleScroll","this","updateFabVisibility","handleResize","newHeight","document","documentElement","scrollHeight","connectedCallback","body","ResizeObserver","observe","mobileMediaQuery","window","matchMedia","matches","onchange","mql","disconnectedCallback","disconnect","scrollY","scroll","scrollTo","top","behavior","render","h","Host","key","class","hidden","onClick","name","containsTarget","ancestor","event","composedPath","filter","el","some","contains","moveFocus","current","next","tabIndex","focus","preventScroll","DEFAULT_GROUP_KEY","DEFAULT_GROUP","id","label","getGroupedItems","items","groups","reduce","grouped","item","itemGroup","find","group","push","sort","a","b","Menu","controlledBy","currentPath","onItemKeyDown","length","isActive","includes","role","undefined","map","highlight","href","active","onKeyDown","target","menubarCss","menuCss","ZanitMenubar","openMenu","openNavbar","loading","data","searchQuery","timerId","parseData","URL","fetchData","Promise","JSON","parse","Array","isArray","every","Error","url","onItemsChange","initTabindex","onCurrentChange","split","Boolean","handleOutsideClick","host","handleKeydown","preventDefault","menuTriggerId","setTimeout","menuTrigger","shadowRoot","getElementById","handleMouseover","clearTimeout","handleMouseout","handleFocusout","relatedTarget","querySelector","fetch","json","error","console","cause","querySelectorAll","forEach","menubar","index","setAttribute","menuItems","menuItem","navbarItems","navbarItem","showMenu","getParentMenubarElements","itemEl","from","closest","focusPreviousItem","menubarElements","currentIndex","indexOf","prevItem","ariaHasPopup","focusNextItem","nextItem","handleItemKeydown","stopPropagation","firstItem","lastItem","pop","openItemMenu","getPreviousGroup","groupContainer","getNextGroup","firstMenuItem","handleMenuKeydown","itemElement","currentGroup","nextGroup","getAttribute","focusedItem","nextGroupItems","prevGroup","prevGroupItems","_","Fragment","onPointerOver","width","height","onResetSearch","subitem","mobileMenubarCss","ZanitMobileMenubar","lastCurrent","parentItem","menuType","open","setupData","parent","menuItemsElement","toggleMenu","type","imageAlt","link","searchFormCss","ZanitSearchForm","formElement","showSearchbar","_searchQuery","onSearchQueryChange","openSearchbar","search","resetSearch","searchbarInput","resetSearchQuery","emit","handleInputChange","value","onSearchSubmit","searchEv","query","defaultPrevented","submit","searchbar","ref","method","action","onSubmit","onReset","disabled","placeholder","onInput","required"],"sources":["src/components/back-to-top/back-to-top.css?tag=zanit-back-to-top&encapsulation=scoped","src/components/back-to-top/back-to-top.tsx","src/utils/utils.ts","src/components/menubar/menu/menu.tsx","src/components/menubar/menubar.css?tag=zanit-menubar&encapsulation=shadow","src/components/menubar/menu/menu.css?tag=zanit-menubar&encapsulation=shadow","src/components/menubar/menubar.tsx","src/components/menubar/mobile-menubar/mobile-menubar.css?tag=zanit-mobile-menubar&encapsulation=shadow","src/components/menubar/menu/menu.css?tag=zanit-mobile-menubar&encapsulation=shadow","src/components/menubar/mobile-menubar/mobile-menubar.tsx","src/components/menubar/search-form/search-form.css?tag=zanit-search-form&encapsulation=shadow","src/components/menubar/search-form/search-form.tsx"],"sourcesContent":[":host {\n  visibility: visible;\n  opacity: 1;\n  transition: all 0.2s linear;\n}\n\n:host.hidden {\n  visibility: hidden;\n  opacity: 0;\n}\n\n:host .z-fab {\n  --color-primary01: var(--gray950);\n  outline: 1px solid var(--color-white);\n}\n","import { Component, Element, Host, Listen, Prop, State, h } from '@stencil/core';\n\n/**\n * Back to top floating action button component.\n * Appears on scroll, given a min height for both scroll height and page height.\n */\n@Component({\n  tag: 'zanit-back-to-top',\n  styleUrls: ['back-to-top.css'],\n  shadow: false,\n  scoped: true,\n})\nexport class ZanitBackTop {\n  private resizeObserver: ResizeObserver;\n\n  @Element() host: HTMLZanitBackToTopElement;\n\n  /** Indicates whether the back-to-top button is visible and usable. */\n  @State()\n  showFab: boolean = false;\n\n  /** Indicates the current height of the page. */\n  @State()\n  currentPageHeight: number;\n\n  /** Indicates if the viewport is mobile. */\n  @State()\n  isMobile: boolean = false;\n\n  /** Min page height from which the back-to-top button must appear. */\n  @Prop()\n  pageMinHeight: number = 1600;\n\n  /** Min scroll height from which the back-to-top button must appear. */\n  @Prop()\n  scrollMinHeight: number = 800;\n\n  @Listen('scroll', { target: 'window', passive: true })\n  handleScroll() {\n    this.updateFabVisibility();\n  }\n\n  private handleResize = () => {\n    const newHeight = document.documentElement.scrollHeight;\n    if (newHeight !== this.currentPageHeight) this.currentPageHeight = newHeight;\n  };\n\n  connectedCallback() {\n    this.currentPageHeight = document.body.scrollHeight;\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(document.documentElement);\n\n    this.updateFabVisibility();\n\n    const mobileMediaQuery = window.matchMedia('(width < 768px)');\n    this.isMobile = mobileMediaQuery.matches;\n    mobileMediaQuery.onchange = (mql) => {\n      this.isMobile = mql.matches;\n    };\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  private updateFabVisibility() {\n    this.showFab = this.currentPageHeight > this.pageMinHeight && window.scrollY > this.scrollMinHeight;\n  }\n\n  private scroll() {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  render() {\n    return (\n      <Host\n        class={{ hidden: !this.showFab }}\n        aria-hidden={this.showFab ? 'false' : 'true'}\n      >\n        <button\n          class={{ 'z-fab': true, 'z-fab-extended': !this.isMobile }}\n          onClick={() => this.scroll()}\n        >\n          <z-icon name=\"back-top\" />\n          <span>Torna su</span>\n        </button>\n      </Host>\n    );\n  }\n}\n","/**\n * Check if an element contains an event target by checking its composedPath.\n * Useful when an event target may come from a component's shadow DOM.\n */\nexport const containsTarget = (ancestor: HTMLElement, event: Event) => {\n  return event\n    .composedPath()\n    .filter((el) => el !== document && el !== window.window)\n    .some((el) => ancestor.contains(el as HTMLElement));\n};\n\n/** Move the focus to `next` element, set tabindex to 0 for `next` and -1 to `current`. */\nexport const moveFocus = (current: HTMLElement, next: HTMLElement) => {\n  current.tabIndex = -1;\n  next.tabIndex = 0;\n  next.focus({ preventScroll: true });\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { MenuItem } from '../../../utils';\n\n/**\n * Menu of items that can be grouped.\n * @member {string} controlledBy - The HTML id of the element that controls the menu.\n * @member {MenuItem[]} items - The items to show in the menu.\n * @member {string[]} currentPath - Path of current item.\n * @member {function} onItemKeyDown - The function to call when a key is pressed from a menuitem.\n */\nexport interface MenuProps {\n  controlledBy?: string;\n  items?: MenuItem[];\n  currentPath?: string[];\n  onItemKeyDown?: (event: KeyboardEvent) => void;\n}\n\nconst DEFAULT_GROUP_KEY = 'default';\nconst DEFAULT_GROUP = {\n  id: DEFAULT_GROUP_KEY,\n  label: DEFAULT_GROUP_KEY,\n};\n\n/** Get the items grouped by their group. */\nconst getGroupedItems = (items: MenuItem[]) => {\n  const groups = items.reduce<{ group: MenuProps['items'][number]['group']; items: MenuItem[] }[]>((grouped, item) => {\n    const itemGroup = grouped.find(({ group }) => group.id === (item.group?.id || DEFAULT_GROUP.id));\n    if (!itemGroup) {\n      grouped.push({ group: item.group ?? DEFAULT_GROUP, items: [item] });\n    } else {\n      itemGroup.items.push(item);\n    }\n\n    return grouped;\n  }, []);\n\n  // Sort to keep default group at the end\n  return groups.sort((a, b) => (a.group.id === DEFAULT_GROUP_KEY ? 1 : b.group.id === DEFAULT_GROUP_KEY ? -1 : 0));\n};\n\n/**\n * Floating menu component. It shows a list of items that can be grouped.\n */\nexport const Menu: FunctionalComponent<MenuProps> = ({ controlledBy, items, currentPath = [], onItemKeyDown }) => {\n  if (!items?.length) {\n    return null;\n  }\n\n  const groups = getGroupedItems(items);\n\n  const isActive = (item: MenuItem) => currentPath.includes(controlledBy) && currentPath.includes(item.id);\n\n  return (\n    <div\n      class=\"menu-wrapper\"\n      role=\"none\"\n    >\n      <div\n        class=\"menu\"\n        aria-labelledby={controlledBy ?? undefined}\n        role=\"menu\"\n      >\n        {groups.map(({ group, items }) => (\n          <div class={{ group: true, highlight: items.some((item) => item.highlight) }}>\n            {group.id !== DEFAULT_GROUP_KEY ? (\n              <div\n                class=\"group-name\"\n                id={group.id}\n              >\n                {group.label}\n              </div>\n            ) : groups.length > 1 ? (\n              // empty div to keep the same height as the other groups\n              <div class=\"group-name\" />\n            ) : null}\n            <ul\n              class=\"menu-list\"\n              role=\"group\"\n              aria-labelledby={group.id !== DEFAULT_GROUP_KEY ? group.id : undefined}\n            >\n              {items.map((item) => (\n                <li role=\"none\">\n                  {item.href && (\n                    <a\n                      class={{\n                        'menu-item': true,\n                        'active': isActive(item),\n                      }}\n                      href={item.href}\n                      role=\"menuitem\"\n                      tabIndex={-1}\n                      aria-current={isActive(item) ? 'page' : 'false'}\n                      onKeyDown={(event) => onItemKeyDown(event)}\n                      target={item.target}\n                    >\n                      {item.label}\n                    </a>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n",":host {\n  --zanit-menubar-max-width: ;\n  --zanit-menubar-top-offset: ;\n\n  position: relative;\n  z-index: 2;\n  display: flex;\n  width: 100%;\n  background-color: #fff;\n  color: var(--gray900);\n  font-family: var(--font-family-sans);\n}\n\n:host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\na {\n  color: var(--gray900);\n  cursor: pointer;\n  text-decoration: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\n:host nav {\n  width: 100%;\n}\n\n.shadow-wrapper {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n}\n\n.shadow-wrapper::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  box-shadow: var(--shadow-1);\n  content: '';\n  pointer-events: none;\n}\n\n.width-limiter {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--zanit-menubar-max-width, 1366px);\n  margin: 0 auto;\n}\n\n.shadow-wrapper + .shadow-wrapper {\n  z-index: 0;\n}\n\n.sub-menubar > ul {\n  gap: 28px;\n}\n\n.width-limiter > ul,\n.sub-menubar > ul {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0 var(--grid-margin);\n  margin-right: auto;\n  margin-left: auto;\n  gap: 20px;\n}\n\n.shadow-wrapper > .width-limiter,\n.shadow-wrapper > ul {\n  width: 100%;\n  max-width: var(--zanit-menubar-max-width, 1366px);\n}\n\nul.menubar {\n  padding-right: 0;\n}\n\n.menubar z-ghost-loading {\n  display: block;\n  width: 120px;\n  height: 1.25rem;\n}\n\n/* separator bar */\n.menubar > li[role='separator'] {\n  width: 1px;\n  height: 1.25rem;\n  background-color: #000;\n}\n\n.menubar-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 14px 0;\n  font-size: 1rem;\n  gap: 8px;\n  line-height: 1.25rem;\n}\n\n.menubar .menubar-item {\n  text-transform: uppercase;\n}\n\n.menubar-item [data-text] {\n  display: flex;\n  flex-direction: column;\n}\n\n.menubar-item.active > [data-text],\n.menubar-item:hover > [data-text],\n.menubar-item:focus:focus-visible > [data-text] {\n  font-weight: var(--font-bd);\n}\n\n/* To avoid size changes in the element, when it is hovered and becomes bold,\nwe put the same text already bold with height 0, so as to always occupy the maximum necessary width. */\n.menubar-item > [data-text]::after {\n  height: 0;\n  content: attr(data-text) / '';\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n/* active item bottom border */\n.sub-menubar .menubar-item.active::after {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: -4px;\n  width: calc(100% + 8px); /* the border is 4px per side larger than its container */\n  height: 4px;\n  background-color: var(--red500);\n  content: '';\n}\n\nzanit-search-form {\n  margin-left: auto;\n}\n",".menu-wrapper {\n  width: 100%;\n  background-color: #fff;\n}\n\n.menu {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 32px 0;\n}\n\n.menu .group {\n  display: flex;\n  flex-direction: column;\n}\n\n.menu .group .group-name {\n  border-bottom: 1px solid currentcolor;\n  margin-bottom: 4px;\n  color: var(--red500);\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .group .menu-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.menu .group .menu-list .menu-item {\n  display: block;\n  border-bottom: 2px solid transparent;\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .menu-list .menu-item.active,\n.menu .menu-list .menu-item:hover {\n  border-bottom-color: var(--red500);\n}\n\n.menu .group.highlight .menu-list .menu-item {\n  font-size: 1rem;\n}\n\n@media (width >= 768px) {\n  .menu-wrapper {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    box-shadow: var(--shadow-1);\n  }\n\n  .menu {\n    display: grid;\n    width: 100%;\n    max-width: var(--zanit-menubar-max-width, 1366px);\n    padding: 16px var(--grid-margin);\n    gap: 0 24px;\n    grid-auto-columns: minmax(0, max-content);\n    grid-auto-flow: column;\n    grid-template-rows: minmax(0, max-content) max-content;\n  }\n\n  .menu .group {\n    display: grid;\n    grid-row: 1 / -1;\n    grid-template-columns: 1fr;\n    grid-template-rows: subgrid;\n  }\n\n  @supports not (grid-template-rows: subgrid) {\n    .menu .group {\n      grid-template-rows: repeat(auto-fit, minmax(0, max-content));\n    }\n  }\n\n  .menu .group .group-name {\n    border: none;\n    margin-bottom: 16px;\n  }\n\n  .menu .group .menu-list .menu-item {\n    font-size: 1rem;\n  }\n\n  .menu .group.highlight .menu-list .menu-item {\n    font-size: 1.5rem;\n  }\n}\n","import { Component, Element, Fragment, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { MenubarItem, containsTarget, moveFocus } from '../../utils';\nimport { Menu } from './menu/menu';\n\n/**\n * Main menubar component. Each item can have a menu with subitems\n * When a main menubar item is the current active one, a sub-menubar is shown and each subitem can have a menu with subitems.\n * @cssprop {--zanit-menubar-max-width} Maximum width of the menubar.\n */\n@Component({\n  tag: 'zanit-menubar',\n  styleUrls: ['menubar.css', 'menu/menu.css'],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ZanitMenubar {\n  @Element() host: HTMLZanitMenubarElement;\n\n  /** Menubar items extracted from `data`. */\n  @State()\n  items: MenubarItem[] = [];\n\n  /** ID of the currently open menu. */\n  @State()\n  openMenu: string | undefined = undefined;\n\n  /** ID of the item to show the subitems navbar for. */\n  @State()\n  openNavbar: string | undefined = undefined;\n\n  /** IDs of the current prop */\n  @State()\n  currentPath: string[] = [];\n\n  @State()\n  isMobile: boolean = false;\n\n  @State()\n  loading: boolean = false;\n\n  /** The data to build the menu (as an array of `MenubarItem` or a JSON array) or the url to fetch to retrieve it. */\n  @Prop()\n  data: Promise<MenubarItem[]> | MenubarItem[] | URL | string;\n\n  /** Path of the current item. */\n  @Prop()\n  current: string | undefined = undefined;\n\n  /** Initial search query. */\n  @Prop({ mutable: true })\n  searchQuery: string | undefined = undefined;\n\n  private timerId: number;\n\n  /** Setup the list of items. */\n  @Watch('data')\n  async parseData(data: typeof this.data) {\n    if (!data) {\n      return;\n    }\n\n    if (data instanceof URL) {\n      this.items = await this.fetchData(data);\n    } else if (data instanceof Promise) {\n      this.loading = true;\n      this.items = await data;\n      this.loading = false;\n    } else if (typeof data === 'string') {\n      try {\n        this.items = JSON.parse(data);\n        if (!Array.isArray(this.items) || !this.items?.every((item) => item satisfies MenubarItem)) {\n          throw new Error('Expected an array of MenubarItem objects.');\n        }\n      } catch {\n        let url: URL;\n        try {\n          url = new URL(data);\n        } catch {\n          throw new Error('Invalid string provided for `data` property: not a valid url or JSON.');\n        }\n\n        this.items = await this.fetchData(url);\n      }\n    } else if (Array.isArray(data) && data.every((item) => item satisfies MenubarItem)) {\n      this.items = data;\n    } else {\n      throw new Error(\n        'Invalid `data` property value. Expected an url, a JSON or an array/promise of MenubarItem objects.'\n      );\n    }\n  }\n\n  @Watch('items')\n  onItemsChange() {\n    this.initTabindex();\n  }\n\n  @Watch('current')\n  onCurrentChange() {\n    this.currentPath = this.current?.split('/').filter(Boolean) || [];\n  }\n\n  async connectedCallback() {\n    const mobileMediaQuery = window.matchMedia('(width < 768px)');\n    this.isMobile = mobileMediaQuery.matches;\n    mobileMediaQuery.onchange = (mql) => {\n      this.isMobile = mql.matches;\n      this.initTabindex();\n      this.openMenu = undefined;\n    };\n    await this.parseData(this.data);\n    this.onCurrentChange();\n    this.initTabindex();\n  }\n\n  /** Close any open menu when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (!this.openMenu || containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.openMenu = undefined;\n  }\n\n  /** Close any open menu when pressing Escape or Tab.\n   * Uses document-level listener to ensure Escape works from any focus location within the menu.\n   */\n  @Listen('keydown', { target: 'document', passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape': {\n        if (this.openMenu) {\n          event.preventDefault();\n          // Return focus to the menu trigger after closing\n          const menuTriggerId = this.openMenu;\n          this.openMenu = undefined;\n          // Use setTimeout(0) to defer focus until after Stencil's render cycle completes\n          setTimeout(() => {\n            const menuTrigger = this.host.shadowRoot.getElementById(menuTriggerId);\n            if (menuTrigger) {\n              menuTrigger.focus();\n            }\n          }, 0);\n        }\n        break;\n      }\n      case 'Tab':\n        this.openMenu = undefined;\n        break;\n    }\n  }\n\n  @Listen('mouseover', { passive: true })\n  handleMouseover() {\n    clearTimeout(this.timerId);\n  }\n\n  /**\n   * Automatically close any open menu on mouseout after with a little delay.\n   * The delay is useful to avoid immediate closing when the pointer briefly leaves the component.\n   */\n  @Listen('mouseout', { passive: true })\n  handleMouseout(event: MouseEvent) {\n    this.timerId = window.setTimeout(() => {\n      if (!this.openMenu || containsTarget(this.host, event)) {\n        return;\n      }\n\n      this.openMenu = undefined;\n    }, 500);\n  }\n\n  /** Close the menu when it loses focus. */\n  @Listen('focusout', { passive: true })\n  handleFocusout(event: FocusEvent) {\n    const relatedTarget = event.relatedTarget as HTMLElement;\n    if (!this.openMenu || this.host.shadowRoot.querySelector('.menu')?.contains(relatedTarget)) {\n      return;\n    }\n\n    this.openMenu = undefined;\n  }\n\n  /** Fetch data from passed URL. */\n  private async fetchData(url: URL) {\n    try {\n      this.loading = true;\n      const data = await (await fetch(url)).json();\n      this.loading = false;\n      if (!Array.isArray(data) || !data.every((item) => item satisfies MenubarItem)) {\n        throw new Error('Invalid data structure. Expected an array of MenuItem objects.');\n      }\n\n      return data as MenubarItem[];\n    } catch (error) {\n      this.loading = false;\n      console.error('Error fetching menubar data:', error);\n      throw new Error('Failed to fetch menubar data from the provided URL.', { cause: error });\n    }\n  }\n\n  /** Initialize tabindex on menuitems of menubars, setting -1 to all but the first one. */\n  private initTabindex() {\n    setTimeout(() => {\n      this.host.shadowRoot.querySelectorAll('[role=\"menubar\"]')?.forEach((menubar) => {\n        menubar\n          .querySelectorAll('[role=\"menuitem\"]')\n          ?.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));\n      });\n    }, 100);\n  }\n\n  /** Indicates whether the element has to be highlighted by checking whether it is set as current or one of its descendants is. */\n  private isActive(item: MenubarItem) {\n    if (this.currentPath.length === 0) {\n      return false;\n    }\n\n    if (this.currentPath.includes(item.id)) {\n      return true;\n    }\n\n    if (item.menuItems?.length) {\n      return item.menuItems.some((menuItem) => menuItem.id === this.current);\n    }\n\n    if (item.navbarItems?.length) {\n      const isActive = item.navbarItems.some((navbarItem) => this.isActive(navbarItem));\n      if (isActive) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  /** Opens the menu associated with the menubar `item`, if any. */\n  private showMenu(item: MenubarItem) {\n    this.openMenu = undefined; // close any open menu first\n    if (!item.menuItems?.length) {\n      return;\n    }\n\n    this.openMenu = item.id;\n  }\n\n  /** Get all elements with `menuitem` role inside parent's `menubar`. * */\n  private getParentMenubarElements(itemEl: HTMLElement) {\n    return Array.from(\n      itemEl?.closest('[role=\"menubar\"]')?.querySelectorAll(':scope > li a[role=\"menuitem\"]') ?? []\n    ) as HTMLElement[];\n  }\n\n  /** Move the focus to the previous menubar item, or the last one. Then open its menu if any other menu was open. */\n  private focusPreviousItem(itemEl: HTMLElement) {\n    this.openMenu = undefined; // close any open menu first\n    const menubarElements = this.getParentMenubarElements(itemEl);\n    const currentIndex = menubarElements.indexOf(itemEl);\n    const prevItem = menubarElements[(currentIndex - 1 + menubarElements.length) % menubarElements.length]; // get previous item or last one\n    moveFocus(itemEl, prevItem);\n    // open the item's menu if any other menu was open\n    if (prevItem.ariaHasPopup === 'true' && this.openMenu) {\n      this.openMenu = prevItem.id;\n    }\n  }\n\n  /** Move the focus to the next menubar item, or the first one. Then open its menu if any other menu was open. */\n  private focusNextItem(itemEl: HTMLElement) {\n    this.openMenu = undefined; // close any open menu first\n    const menubarElements = this.getParentMenubarElements(itemEl);\n    const currentIndex = menubarElements.indexOf(itemEl);\n    const nextItem = menubarElements[(currentIndex + 1) % menubarElements.length]; // get next item or first one\n    moveFocus(itemEl, nextItem);\n    // open the item's menu if any other menu was open\n    if (nextItem.ariaHasPopup === 'true' && this.openMenu) {\n      this.openMenu = nextItem.id;\n    }\n  }\n\n  /** Handles keyboard navigation on menubar items. */\n  private handleItemKeydown(event: KeyboardEvent, item: MenubarItem) {\n    const target = event.target as HTMLElement;\n    switch (event.key) {\n      case 'Home': {\n        event.preventDefault();\n        event.stopPropagation();\n        const firstItem = this.getParentMenubarElements(target)[0];\n        moveFocus(target, firstItem);\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        event.stopPropagation();\n        const lastItem = this.getParentMenubarElements(target).pop();\n        moveFocus(target, lastItem);\n        break;\n      }\n      case 'ArrowUp': {\n        if (!item.menuItems?.length) {\n          break;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        this.openMenu = item.id;\n        // focus last item of the menu\n        setTimeout(() => {\n          const menuItems = Array.from(\n            this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${item.id}] [role=\"menuitem\"]`)\n          ) as HTMLElement[];\n          moveFocus(target, menuItems[menuItems.length - 1]);\n        }, 100);\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.focusNextItem(target);\n        break;\n      }\n      case 'ArrowDown': {\n        if (!item.menuItems?.length) {\n          break;\n        }\n\n        this.openItemMenu(item);\n        break;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.focusPreviousItem(target);\n        break;\n      }\n      case ' ': {\n        event.preventDefault();\n        event.stopPropagation();\n        if (this.openMenu === item.id) {\n          this.openMenu = undefined;\n          break;\n        } else if (item.menuItems?.length) {\n          this.openItemMenu(item);\n          break;\n        }\n      }\n    }\n  }\n\n  /** Get the previous element with `role=group`. */\n  private getPreviousGroup(groupContainer: HTMLElement) {\n    const groups = Array.from(\n      groupContainer?.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"group\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = groups.indexOf(groupContainer);\n\n    return groups[currentIndex - 1];\n  }\n\n  /** Get the next element with `role=group`. */\n  private getNextGroup(groupContainer: HTMLElement) {\n    const groups = Array.from(\n      groupContainer?.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"group\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = groups.indexOf(groupContainer);\n\n    return groups[currentIndex + 1];\n  }\n\n  private openItemMenu(item: MenubarItem) {\n    this.openMenu = item.id;\n    setTimeout(() => {\n      // focus first item of the menu\n      const firstMenuItem = this.host.shadowRoot.querySelector(\n        `[aria-labelledby=${item.id}] [role=\"menuitem\"]`\n      ) as HTMLElement;\n      firstMenuItem.tabIndex = 0;\n      firstMenuItem.focus({ preventScroll: true });\n    }, 100);\n  }\n\n  /** Handles keyboard navigation events from `Menu` component. */\n  private handleMenuKeydown(event: KeyboardEvent) {\n    const itemElement = event.target as HTMLElement;\n    const items = Array.from(\n      itemElement.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"menuitem\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = items.indexOf(itemElement);\n    switch (event.key) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        event.stopPropagation();\n        const prevItem = items[currentIndex - 1] || items[items.length - 1];\n        moveFocus(itemElement, prevItem);\n        break;\n      }\n      // Move the focus to the first item of the next group if any, otherwise move it to the next menubar item\n      case 'ArrowRight': {\n        event.preventDefault();\n        event.stopPropagation();\n        const currentGroup = itemElement.closest('[role=group]') as HTMLElement;\n        const nextGroup = this.getNextGroup(currentGroup);\n        if (!nextGroup) {\n          itemElement.tabIndex = -1;\n          const menuTriggerId = itemElement.closest('[role=\"menu\"][aria-labelledby]').getAttribute('aria-labelledby');\n          const focusedItem = this.host.shadowRoot.getElementById(menuTriggerId);\n          this.focusNextItem(focusedItem);\n          break;\n        }\n\n        const nextGroupItems = (nextGroup.querySelectorAll('[role=\"menuitem\"]') ?? []) as HTMLElement[];\n        moveFocus(itemElement, nextGroupItems[0]);\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        event.stopPropagation();\n        const nextItem = items[currentIndex + 1] || items[0];\n        moveFocus(itemElement, nextItem);\n        break;\n      }\n      // Move the focus to the first item of the previous group if any, otherwise move it to the previous menubar item\n      case 'ArrowLeft': {\n        event.preventDefault();\n        event.stopPropagation();\n        const currentGroup = itemElement.closest('[role=group]') as HTMLElement;\n        const prevGroup = this.getPreviousGroup(currentGroup);\n        if (!prevGroup) {\n          itemElement.tabIndex = -1;\n          const menuTriggerId = itemElement.closest('[role=\"menu\"][aria-labelledby]').getAttribute('aria-labelledby');\n          const focusedItem = this.host.shadowRoot.getElementById(menuTriggerId);\n          this.focusPreviousItem(focusedItem);\n          break;\n        }\n\n        const prevGroupItems = (prevGroup.querySelectorAll('[role=\"menuitem\"]') ?? []) as HTMLElement[];\n        moveFocus(itemElement, prevGroupItems[0]);\n        break;\n      }\n      case 'Home':\n        // Move to the first menu item\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(itemElement, items[0]);\n        break;\n      case 'End':\n        // Move to the last menu item\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(itemElement, items[items.length - 1]);\n        break;\n    }\n  }\n\n  render() {\n    if (this.isMobile) {\n      return (\n        <zanit-mobile-menubar\n          items={this.items}\n          currentPath={this.currentPath}\n          searchQuery={this.searchQuery}\n          loading={this.loading}\n        />\n      );\n    }\n\n    return (\n      <nav aria-label=\"Zanichelli.it\">\n        <div class=\"shadow-wrapper\">\n          <div class=\"width-limiter\">\n            <ul\n              class=\"menubar\"\n              role=\"menubar\"\n              aria-label=\"Zanichelli.it\"\n            >\n              {this.loading &&\n                [...new Array(4)].map((_, index) => (\n                  <Fragment>\n                    <li role=\"none\">\n                      <div class=\"menubar-item\">\n                        <z-ghost-loading></z-ghost-loading>\n                      </div>\n                    </li>\n                    {index < 3 && <li role=\"separator\"></li>}\n                  </Fragment>\n                ))}\n              {this.items?.map((item, index) => (\n                <Fragment>\n                  <li role=\"none\">\n                    <a\n                      class={{\n                        'menubar-item': true,\n                        'active': this.isActive(item),\n                      }}\n                      href={item.href}\n                      id={item.id}\n                      role=\"menuitem\"\n                      tabIndex={-1}\n                      aria-expanded={\n                        item.menuItems?.length ? (this.openMenu === item.id ? 'true' : 'false') : undefined\n                      }\n                      aria-haspopup={item.menuItems?.length ? 'true' : 'false'}\n                      aria-current={this.current.includes(item.id) ? 'page' : 'false'}\n                      onPointerOver={() => this.showMenu(item)}\n                      onKeyDown={(event) => this.handleItemKeydown(event, item)}\n                      target={item.target}\n                    >\n                      <span data-text={item.label}>{item.label}</span>\n                      {item.menuItems?.length > 0 && (\n                        <z-icon\n                          name={this.openMenu === item.id ? 'chevron-up' : 'chevron-down'}\n                          width=\"0.875rem\"\n                          height=\"0.875rem\"\n                        />\n                      )}\n                    </a>\n                  </li>\n                  {index < this.items?.length - 1 && <li role=\"separator\"></li>}\n                </Fragment>\n              ))}\n            </ul>\n            <zanit-search-form\n              searchQuery={this.searchQuery}\n              onResetSearch={() => (this.searchQuery = undefined)}\n            />\n          </div>\n\n          {this.items.map(\n            (item) =>\n              this.openMenu === item.id && (\n                <Menu\n                  controlledBy={item.id}\n                  items={item.menuItems}\n                  currentPath={this.currentPath}\n                  onItemKeyDown={(event) => this.handleMenuKeydown(event)}\n                />\n              )\n          )}\n        </div>\n\n        {this.items\n          ?.filter((item) => this.isActive(item))\n          .map(\n            (item) =>\n              item.navbarItems?.length && (\n                <nav\n                  class={{ 'sub-menubar': true, 'shadow-wrapper': true }}\n                  aria-label={`Sezioni: ${item.label}`}\n                >\n                  <ul role=\"menubar\">\n                    {item.navbarItems.map((subitem) => (\n                      <Fragment>\n                        <li role=\"none\">\n                          <a\n                            class={{\n                              'menubar-item': true,\n                              'active': this.isActive(subitem),\n                            }}\n                            href={subitem.href}\n                            id={subitem.id}\n                            role=\"menuitem\"\n                            tabIndex={-1}\n                            aria-haspopup={subitem.menuItems?.length ? 'true' : 'false'}\n                            aria-expanded={\n                              subitem.menuItems?.length ? (this.openMenu === subitem.id ? 'true' : 'false') : undefined\n                            }\n                            aria-current={this.current.includes(subitem.id) ? 'page' : 'false'}\n                            onPointerOver={() => this.showMenu(subitem)}\n                            onKeyDown={(event) => this.handleItemKeydown(event, subitem)}\n                            target={item.target}\n                          >\n                            <span>{subitem.label}</span>\n                            {subitem.menuItems?.length > 0 && (\n                              <z-icon\n                                name={this.openMenu === subitem.id ? 'chevron-up' : 'chevron-down'}\n                                width=\"0.75rem\"\n                                height=\"0.75rem\"\n                              />\n                            )}\n                          </a>\n                        </li>\n                      </Fragment>\n                    ))}\n                  </ul>\n                  {item.navbarItems.map(\n                    (subitem) =>\n                      this.openMenu === subitem.id && (\n                        <Menu\n                          controlledBy={subitem.id}\n                          items={subitem.menuItems}\n                          currentPath={this.currentPath}\n                          onItemKeyDown={(event) => this.handleMenuKeydown(event)}\n                        />\n                      )\n                  )}\n                </nav>\n              )\n          )}\n      </nav>\n    );\n  }\n}\n",":host {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  background-color: #fff;\n  color: var(--gray900);\n  fill: var(--gray900);\n  font-family: var(--font-family-sans);\n}\n\n:host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\na {\n  color: var(--gray900);\n  cursor: pointer;\n  text-decoration: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\nnav {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding-left: var(--grid-margin);\n  gap: 8px;\n}\n\nnav::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  box-shadow: var(--shadow-1);\n  content: '';\n  pointer-events: none;\n}\n\nz-logo {\n  margin: 8px 0;\n}\n\n.mobile-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  max-height: calc(100vh - 48px - var(--zanit-menubar-top-offset, 0px));\n  flex-direction: column;\n  padding: 16px var(--grid-margin) 32px;\n  background-color: #fff;\n  box-shadow: var(--shadow-2);\n  gap: 8px;\n}\n\n.mobile-menu li {\n  width: 100%;\n}\n\n.mobile-menu .items-container {\n  display: flex;\n  min-height: 256px;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-menu .items-container z-ghost-loading {\n  width: 40%;\n  height: 1.2rem;\n}\n\n.mobile-menu .items-container .menubar-item {\n  display: block;\n  width: 100%;\n  padding: 8px 0;\n  font-size: 1rem;\n  text-align: left;\n}\n\n.mobile-menu .items-container li:not(:last-child) .menubar-item {\n  border-bottom: 1px solid #000;\n}\n\n[role='menuitem'].parent {\n  display: flex;\n  width: fit-content;\n  align-items: center;\n  padding: 0;\n  border: none;\n  font-size: 0.875rem;\n  gap: 8px;\n}\n\nzanit-search-form {\n  margin-left: auto;\n}\n",".menu-wrapper {\n  width: 100%;\n  background-color: #fff;\n}\n\n.menu {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 32px 0;\n}\n\n.menu .group {\n  display: flex;\n  flex-direction: column;\n}\n\n.menu .group .group-name {\n  border-bottom: 1px solid currentcolor;\n  margin-bottom: 4px;\n  color: var(--red500);\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .group .menu-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.menu .group .menu-list .menu-item {\n  display: block;\n  border-bottom: 2px solid transparent;\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .menu-list .menu-item.active,\n.menu .menu-list .menu-item:hover {\n  border-bottom-color: var(--red500);\n}\n\n.menu .group.highlight .menu-list .menu-item {\n  font-size: 1rem;\n}\n\n@media (width >= 768px) {\n  .menu-wrapper {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    box-shadow: var(--shadow-1);\n  }\n\n  .menu {\n    display: grid;\n    width: 100%;\n    max-width: var(--zanit-menubar-max-width, 1366px);\n    padding: 16px var(--grid-margin);\n    gap: 0 24px;\n    grid-auto-columns: minmax(0, max-content);\n    grid-auto-flow: column;\n    grid-template-rows: minmax(0, max-content) max-content;\n  }\n\n  .menu .group {\n    display: grid;\n    grid-row: 1 / -1;\n    grid-template-columns: 1fr;\n    grid-template-rows: subgrid;\n  }\n\n  @supports not (grid-template-rows: subgrid) {\n    .menu .group {\n      grid-template-rows: repeat(auto-fit, minmax(0, max-content));\n    }\n  }\n\n  .menu .group .group-name {\n    border: none;\n    margin-bottom: 16px;\n  }\n\n  .menu .group .menu-list .menu-item {\n    font-size: 1rem;\n  }\n\n  .menu .group.highlight .menu-list .menu-item {\n    font-size: 1.5rem;\n  }\n}\n","import { Component, Element, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { MenubarItem, MenuItem } from '../../../utils';\nimport { Menu } from '../menu/menu';\nimport { containsTarget, moveFocus } from '../../../utils';\n\n/** Mobile menubar component. */\n@Component({\n  tag: 'zanit-mobile-menubar',\n  styleUrls: ['mobile-menubar.css', '../menu/menu.css'],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ZanitMobileMenubar {\n  @Element() host: HTMLZanitMobileMenubarElement;\n\n  /** IDs path of the current item. */\n  @Prop() currentPath: string[] = [];\n\n  /** Menubar items. */\n  @Prop() items: MenubarItem[] = [];\n\n  /** Initial search query. */\n  @Prop({ mutable: true }) searchQuery: string | undefined = undefined;\n\n  /** Whether the menubar is loading the data. */\n  @Prop() loading: boolean = false;\n\n  /** Last active item ID. */\n  @State() lastCurrent: string | undefined = undefined;\n  @State() parentItem: MenubarItem | undefined = undefined;\n  @State() menuItems: MenubarItem[] | MenuItem[] | undefined = undefined;\n  /** Whether the items to render come from a menubar or a menu. */\n  @State() menuType: 'menubar' | 'menu' | undefined = undefined;\n  @State() open: boolean;\n\n  @Watch('items')\n  @Watch('currentPath')\n  onItemsChange() {\n    this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;\n    this.setupData(this.items);\n  }\n\n  /**\n   * Find the current item and take its parent, `menuItems` or the `navbarItems`.\n   */\n  private setupData(items: MenubarItem[], parent?: MenubarItem) {\n    // If no current item is defined, we show all items\n    if (this.lastCurrent === undefined) {\n      this.parentItem = undefined;\n      this.menuType = 'menubar';\n      this.menuItems = items;\n      return;\n    }\n\n    for (const item of items) {\n      if (item.id === this.lastCurrent) {\n        this.parentItem = parent;\n        this.menuType = item.menuItems?.length ? 'menu' : 'menubar';\n        this.menuItems = item.menuItems || item.navbarItems;\n        return;\n      }\n\n      if (\n        this.currentPath.length > 1 &&\n        item.id === this.currentPath[this.currentPath.length - 2] &&\n        item.menuItems?.some(({ id }) => id === this.lastCurrent)\n      ) {\n        this.parentItem = item;\n        this.menuType = item.menuItems?.length ? 'menu' : 'menubar';\n        this.menuItems = item.menuItems || item.navbarItems;\n        return;\n      }\n\n      if (item.navbarItems?.length) {\n        this.setupData(item.navbarItems, item);\n      }\n    }\n  }\n\n  private get menuItemsElement() {\n    return Array.from(this.host.shadowRoot.querySelectorAll('[role=\"menuitem\"]')) as HTMLElement[];\n  }\n\n  /** Initialize tabindex on menuitems, setting -1 to all but the first one. */\n  private initTabindex() {\n    this.menuItemsElement.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));\n  }\n\n  private toggleMenu() {\n    if (this.open) {\n      this.open = false;\n    } else {\n      this.open = true;\n      setTimeout(() => {\n        this.initTabindex();\n        this.menuItemsElement[0]?.focus({ preventScroll: true });\n      }, 200);\n    }\n  }\n\n  /** Handles keyboard navigation on mobile menu. */\n  private handleItemKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        event.stopPropagation();\n        const items = this.menuItemsElement;\n        const currentIndex = items.indexOf(event.target as HTMLElement);\n        const prevItem = items[(currentIndex - 1 + items.length) % items.length];\n        moveFocus(items[currentIndex], prevItem);\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        event.stopPropagation();\n        const items = this.menuItemsElement;\n        const currentIndex = items.indexOf(event.target as HTMLElement);\n        const nextItem = items[(currentIndex + 1) % items.length];\n        moveFocus(items[currentIndex], nextItem);\n        break;\n      }\n      case 'Home': {\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(event.target as HTMLElement, this.menuItemsElement[0]);\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(event.target as HTMLElement, this.menuItemsElement.pop());\n        break;\n      }\n    }\n  }\n\n  connectedCallback() {\n    this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;\n    this.setupData(this.items);\n  }\n\n  /** Close the menu when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  /** Close the menu when pressing Escape or Tab. */\n  @Listen('keydown', { passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape':\n        this.open = false;\n        break;\n      case 'Tab':\n        if (containsTarget(this.host, event)) {\n          break;\n        }\n\n        this.open = false;\n        break;\n    }\n  }\n\n  /** Close the menu when the focus goes out. */\n  @Listen('focusin', { target: 'document', passive: true })\n  handleFocusout(event: FocusEvent) {\n    if (containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  render() {\n    return (\n      <nav aria-label=\"Zanichelli.it\">\n        <button\n          class=\"burger-button\"\n          type=\"button\"\n          aria-expanded={this.open ? 'true' : 'false'}\n          aria-controls=\"mobile-menu\"\n          aria-label={this.open ? 'Chiudi menù' : 'Apri menù'}\n          onClick={() => this.toggleMenu()}\n        >\n          <z-icon\n            name={this.open ? 'multiply' : 'burger-menu'}\n            width=\"1.5rem\"\n            height=\"1.5rem\"\n          ></z-icon>\n        </button>\n\n        <z-logo\n          imageAlt=\"Logo Zanichelli\"\n          link=\"/\"\n          height={32}\n          width={126}\n        ></z-logo>\n\n        <zanit-search-form\n          searchQuery={this.searchQuery}\n          onResetSearch={() => (this.searchQuery = undefined)}\n        />\n\n        {this.open && (\n          <ul\n            class=\"mobile-menu\"\n            role=\"menubar\"\n          >\n            {!this.loading && this.currentPath && this.currentPath.length > 0 && (\n              <li role=\"none\">\n                <a\n                  class=\"parent\"\n                  href={this.parentItem?.href ?? '/'}\n                  id={this.parentItem?.id ?? undefined}\n                  role=\"menuitem\"\n                  tabIndex={-1}\n                  onKeyDown={(event) => this.handleItemKeydown(event)}\n                  target={this.parentItem?.target}\n                >\n                  <z-icon\n                    name=\"arrow-left\"\n                    width=\"0.5rem\"\n                    height=\"0.5rem\"\n                  ></z-icon>\n                  <span>\n                    {/* Show the 'Home' label if the current item is a root child. */}\n                    {this.parentItem?.label || 'Home'}\n                  </span>\n                </a>\n              </li>\n            )}\n\n            {this.loading ? (\n              <div\n                class=\"items-container\"\n                role=\"none\"\n              >\n                {[...new Array(4)].map(() => (\n                  <li role=\"none\">\n                    <div\n                      class=\"menubar-item\"\n                      role=\"none\"\n                    >\n                      <z-ghost-loading></z-ghost-loading>\n                    </div>\n                  </li>\n                ))}\n              </div>\n            ) : this.menuType === 'menu' ? (\n              <Menu\n                items={this.menuItems}\n                controlledBy={this.parentItem?.id}\n                currentPath={this.currentPath}\n                onItemKeyDown={(event) => this.handleItemKeydown(event)}\n              />\n            ) : (\n              this.menuItems?.length > 0 && (\n                <div\n                  class=\"items-container\"\n                  role=\"none\"\n                >\n                  {this.menuItems.map((item) => (\n                    <li role=\"none\">\n                      <a\n                        class={{\n                          'menu-item': this.menuType === 'menu',\n                          'menubar-item': this.menuType === 'menubar',\n                        }}\n                        href={item.href}\n                        id={item.id}\n                        role=\"menuitem\"\n                        aria-current={this.lastCurrent === item.id ? 'page' : 'false'}\n                        tabIndex={-1}\n                        onKeyDown={(event) => this.handleItemKeydown(event)}\n                        target={item.target}\n                      >\n                        <span data-text={item.label}>{item.label}</span>\n                      </a>\n                    </li>\n                  ))}\n                </div>\n              )\n            )}\n          </ul>\n        )}\n      </nav>\n    );\n  }\n}\n",":host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\n.searchbar {\n  --searchbar-button-x-padding: 14px;\n  --searchbar-button-icon-width: 1.75rem;\n\n  /* button horizontal padding + icon size + left border */\n  --closed-searchbar-width: calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  width: var(--closed-searchbar-width);\n  justify-content: flex-end;\n  transition: width 0.4s ease-in-out;\n}\n\n.searchbar.searchbar-open {\n  width: 100%;\n}\n\n.searchbar .input-wrapper {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  align-items: center;\n  padding: 8px;\n  padding-left: var(--grid-margin);\n  background-color: #fff;\n  gap: 8px;\n  transition-duration: 0.4s;\n  transition-property: padding-right, padding-left, width;\n  transition-timing-function: ease-in-out;\n}\n\n.searchbar:not(.searchbar-open) .input-wrapper {\n  overflow: hidden;\n  width: 0;\n  padding: 0;\n}\n\n.searchbar button[type='reset'] {\n  --z-icon-width: 1rem;\n  --z-icon-height: 1rem;\n\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.searchbar input {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background-color: #fff;\n  font-family: var(--font-family-sans);\n  font-size: 1rem;\n}\n\n.searchbar.searchbar-open input:first-child {\n  padding-left: 4px;\n  margin-left: -4px; /* per evitare che la focus shadow vada fuori dallo schermo */\n}\n\n.searchbar input[type='search']::-webkit-search-cancel-button,\n.searchbar input[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n\n.searchbar input::placeholder {\n  color: var(--gray500);\n}\n\n.searchbar .searchbar-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px var(--searchbar-button-x-padding);\n  border-left: 1px solid #000;\n  background: var(--zanit-accent-color);\n  font-family: inherit;\n  font-size: inherit;\n  gap: 64px;\n  line-height: 1;\n}\n\n.searchbar .searchbar-button:focus-visible {\n  z-index: 1;\n}\n\n.searchbar-button z-icon {\n  --z-icon-width: var(--searchbar-button-icon-width);\n  --z-icon-height: var(--searchbar-button-icon-width);\n}\n\n@media (width < 1152px) {\n  .searchbar .searchbar-button > .searchbar-button-label {\n    display: none;\n  }\n}\n\n@media (width >= 768px) {\n  .searchbar {\n    --searchbar-button-x-padding: 16px;\n    --searchbar-button-icon-width: 2rem;\n  }\n\n  .searchbar .input-wrapper {\n    gap: 14px;\n  }\n\n  .searchbar button[type='reset'] {\n    --z-icon-width: 1.5rem;\n    --z-icon-height: 1.5rem;\n  }\n\n  .searchbar input,\n  .searchbar .searchbar-button {\n    font-size: 1.5rem;\n  }\n\n  .searchbar .searchbar-button {\n    padding: 8px var(--searchbar-button-x-padding);\n  }\n}\n\n@media (width >= 1152px) {\n  .searchbar {\n    --closed-searchbar-width: 190px;\n  }\n}\n\n@media (width >= 1366px) {\n  .searchbar .searchbar-button {\n    border-right: 1px solid #000;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { containsTarget } from '../../../utils';\n\n@Component({\n  tag: 'zanit-search-form',\n  styleUrl: 'search-form.css',\n  shadow: true,\n})\nexport class ZanitSearchForm {\n  private formElement: HTMLFormElement;\n\n  @Element() host: HTMLZanitSearchFormElement;\n\n  /** Indicates whether the searchbar is visible and usable. */\n  @State()\n  showSearchbar: boolean = false;\n\n  /** Search query to apply. */\n  @State()\n  _searchQuery: string | undefined = undefined;\n\n  /** Initial search query */\n  @Prop({ mutable: true })\n  searchQuery: string | undefined = undefined;\n\n  @Watch('searchQuery')\n  onSearchQueryChange() {\n    this._searchQuery = this.searchQuery;\n    if (this.searchQuery) {\n      this.openSearchbar();\n    }\n  }\n\n  /** Emitted on search form submission. */\n  @Event({ cancelable: true }) search: EventEmitter<{ query: string }>;\n\n  @Event() resetSearch: EventEmitter<void>;\n\n  async connectedCallback() {\n    this.showSearchbar = !!this.searchQuery;\n    this._searchQuery = this.searchQuery;\n  }\n\n  /** Close open searchbar when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (this.showSearchbar && this.formElement && !containsTarget(this.formElement, event)) {\n      this.showSearchbar = false;\n    }\n  }\n\n  /** Close the menu when pressing Escape or Tab. */\n  @Listen('keydown', { passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape':\n        this.showSearchbar = false;\n        break;\n      case 'Tab':\n        if (containsTarget(this.host, event)) {\n          break;\n        }\n\n        this.showSearchbar = false;\n        break;\n    }\n  }\n\n  private openSearchbar() {\n    this.showSearchbar = true;\n    setTimeout(() => {\n      const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input') as HTMLInputElement;\n      searchbarInput.focus({ preventScroll: true });\n    }, 500);\n  }\n\n  private resetSearchQuery() {\n    this.searchQuery = undefined;\n    this.resetSearch.emit();\n  }\n\n  private handleInputChange(event: Event) {\n    this._searchQuery = (event.target as HTMLInputElement).value;\n    if (!this._searchQuery) {\n      this.searchQuery = undefined;\n    }\n  }\n\n  private onSearchSubmit(event: Event) {\n    event.preventDefault();\n    if (!this._searchQuery) {\n      return;\n    }\n\n    this.showSearchbar = false;\n    const searchEv = this.search.emit({ query: this._searchQuery });\n    // do not submit the form if the event default behavior was prevented\n    if (searchEv.defaultPrevented) {\n      return;\n    }\n\n    this.formElement.submit();\n  }\n\n  render() {\n    return (\n      <form\n        class={{ 'searchbar': true, 'searchbar-open': this.showSearchbar }}\n        ref={(el) => (this.formElement = el)}\n        role=\"search\"\n        aria-label=\"Cerca nel sito\"\n        method=\"get\"\n        action=\"/ricerca\"\n        onSubmit={(event) => this.onSearchSubmit(event)}\n        onReset={() => this.resetSearchQuery()}\n      >\n        <div\n          class=\"input-wrapper\"\n          role=\"none\"\n        >\n          {this.searchQuery && (\n            <button\n              type=\"reset\"\n              aria-label=\"Svuota campo di ricerca\"\n              disabled={!this.showSearchbar}\n              aria-hidden={!this.showSearchbar ? 'true' : undefined}\n              tabIndex={!this.showSearchbar ? -1 : 0}\n            >\n              <z-icon name=\"multiply-circled\" />\n            </button>\n          )}\n          <input\n            id=\"searchbar-input\"\n            name=\"q\"\n            type=\"search\"\n            disabled={!this.showSearchbar}\n            placeholder=\"Cerca per parola chiave o ISBN\"\n            onInput={(event) => this.handleInputChange(event)}\n            value={this.searchQuery}\n            required\n            aria-label=\"Cerca per parola chiave o ISBN\"\n            aria-hidden={!this.showSearchbar ? 'true' : undefined}\n            tabIndex={!this.showSearchbar ? -1 : 0}\n          ></input>\n        </div>\n\n        <button\n          class=\"searchbar-button\"\n          aria-label={this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca'}\n          aria-controls=\"searchbar-input\"\n          type={this.showSearchbar ? 'submit' : 'button'}\n          onClick={() => this.openSearchbar()}\n        >\n          {this.showSearchbar ? null : <span class=\"searchbar-button-label\">Cerca</span>}\n          <z-icon name=\"search\"></z-icon>\n        </button>\n      </form>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAAe,wQ,MCYRC,EAAY,M,yBACfC,e,0BAMRC,QAAmB,MAInBC,kBAIAC,SAAoB,MAIpBC,cAAwB,KAIxBC,gBAA0B,IAG1B,YAAAC,GACEC,KAAKC,qB,CAGCC,aAAe,KACrB,MAAMC,EAAYC,SAASC,gBAAgBC,aAC3C,GAAIH,IAAcH,KAAKL,kBAAmBK,KAAKL,kBAAoBQ,CAAS,EAG9E,iBAAAI,GACEP,KAAKL,kBAAoBS,SAASI,KAAKF,aACvCN,KAAKP,eAAiB,IAAIgB,eAAeT,KAAKE,cAC9CF,KAAKP,eAAeiB,QAAQN,SAASC,iBAErCL,KAAKC,sBAEL,MAAMU,EAAmBC,OAAOC,WAAW,mBAC3Cb,KAAKJ,SAAWe,EAAiBG,QACjCH,EAAiBI,SAAYC,IAC3BhB,KAAKJ,SAAWoB,EAAIF,OAAO,C,CAI/B,oBAAAG,GACEjB,KAAKP,eAAeyB,Y,CAGd,mBAAAjB,GACND,KAAKN,QAAUM,KAAKL,kBAAoBK,KAAKH,eAAiBe,OAAOO,QAAUnB,KAAKF,e,CAG9E,MAAAsB,GACNR,OAAOS,SAAS,CAAEC,IAAK,EAAGC,SAAU,U,CAGtC,MAAAC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAO,CAAEC,QAAS7B,KAAKN,SAAS,cACnBM,KAAKN,QAAU,QAAU,QAEtC+B,EACE,UAAAE,IAAA,2CAAAC,MAAO,CAAE,QAAS,KAAM,kBAAmB5B,KAAKJ,UAChDkC,QAAS,IAAM9B,KAAKoB,UAEpBK,EAAQ,UAAAE,IAAA,2CAAAI,KAAK,aACbN,EAAqB,QAAAE,IAAA,yD,aChFxB,MAAMK,EAAiB,CAACC,EAAuBC,IAC7CA,EACJC,eACAC,QAAQC,GAAOA,IAAOjC,UAAYiC,IAAOzB,OAAOA,SAChD0B,MAAMD,GAAOJ,EAASM,SAASF,KAI7B,MAAMG,EAAY,CAACC,EAAsBC,KAC9CD,EAAQE,UAAW,EACnBD,EAAKC,SAAW,EAChBD,EAAKE,MAAM,CAAEC,cAAe,MAAO,ECErC,MAAMC,EAAoB,UAC1B,MAAMC,EAAgB,CACpBC,GAAIF,EACJG,MAAOH,GAIT,MAAMI,EAAmBC,IACvB,MAAMC,EAASD,EAAME,QAA4E,CAACC,EAASC,KACzG,MAAMC,EAAYF,EAAQG,MAAK,EAAGC,WAAYA,EAAMV,MAAQO,EAAKG,OAAOV,IAAMD,EAAcC,MAC5F,IAAKQ,EAAW,CACdF,EAAQK,KAAK,CAAED,MAAOH,EAAKG,OAASX,EAAeI,MAAO,CAACI,I,KACtD,CACLC,EAAUL,MAAMQ,KAAKJ,E,CAGvB,OAAOD,CAAO,GACb,IAGH,OAAOF,EAAOQ,MAAK,CAACC,EAAGC,IAAOD,EAAEH,MAAMV,KAAOF,EAAoB,EAAIgB,EAAEJ,MAAMV,KAAOF,GAAoB,EAAK,GAAG,EAM3G,MAAMiB,EAAuC,EAAGC,eAAcb,QAAOc,cAAc,GAAIC,oBAC5F,IAAKf,GAAOgB,OAAQ,CAClB,OAAO,I,CAGT,MAAMf,EAASF,EAAgBC,GAE/B,MAAMiB,EAAYb,GAAmBU,EAAYI,SAASL,IAAiBC,EAAYI,SAASd,EAAKP,IAErG,OACEvB,EAAA,OACEG,MAAM,eACN0C,KAAK,QAEL7C,EACE,OAAAG,MAAM,OAAM,kBACKoC,GAAgBO,UACjCD,KAAK,QAEJlB,EAAOoB,KAAI,EAAGd,QAAOP,WACpB1B,EAAA,OAAKG,MAAO,CAAE8B,MAAO,KAAMe,UAAWtB,EAAMb,MAAMiB,GAASA,EAAKkB,cAC7Df,EAAMV,KAAOF,EACZrB,EAAA,OACEG,MAAM,aACNoB,GAAIU,EAAMV,IAETU,EAAMT,OAEPG,EAAOe,OAAS,EAElB1C,EAAK,OAAAG,MAAM,eACT,KACJH,EACE,MAAAG,MAAM,YACN0C,KAAK,QAAO,kBACKZ,EAAMV,KAAOF,EAAoBY,EAAMV,GAAKuB,WAE5DpB,EAAMqB,KAAKjB,GACV9B,EAAA,MAAI6C,KAAK,QACNf,EAAKmB,MACJjD,EACE,KAAAG,MAAO,CACL,YAAa,KACb+C,OAAUP,EAASb,IAErBmB,KAAMnB,EAAKmB,KACXJ,KAAK,WACL3B,UAAU,EACI,eAAAyB,EAASb,GAAQ,OAAS,QACxCqB,UAAY1C,GAAUgC,EAAchC,GACpC2C,OAAQtB,EAAKsB,QAEZtB,EAAKN,eASlB,ECxGV,MAAM6B,EAAa,i+DCAnB,MAAMC,EAAU,k6C,MCgBHC,EAAY,M,mDAKvB7B,MAAuB,GAIvB8B,SAA+BV,UAI/BW,WAAiCX,UAIjCN,YAAwB,GAGxBrE,SAAoB,MAGpBuF,QAAmB,MAInBC,KAIA3C,QAA8B8B,UAI9Bc,YAAkCd,UAE1Be,QAIR,eAAMC,CAAUH,GACd,IAAKA,EAAM,CACT,M,CAGF,GAAIA,aAAgBI,IAAK,CACvBxF,KAAKmD,YAAcnD,KAAKyF,UAAUL,E,MAC7B,GAAIA,aAAgBM,QAAS,CAClC1F,KAAKmF,QAAU,KACfnF,KAAKmD,YAAciC,EACnBpF,KAAKmF,QAAU,K,MACV,UAAWC,IAAS,SAAU,CACnC,IACEpF,KAAKmD,MAAQwC,KAAKC,MAAMR,GACxB,IAAKS,MAAMC,QAAQ9F,KAAKmD,SAAWnD,KAAKmD,OAAO4C,OAAOxC,GAASA,IAA6B,CAC1F,MAAM,IAAIyC,MAAM,4C,EAElB,MACA,IAAIC,EACJ,IACEA,EAAM,IAAIT,IAAIJ,E,CACd,MACA,MAAM,IAAIY,MAAM,wE,CAGlBhG,KAAKmD,YAAcnD,KAAKyF,UAAUQ,E,OAE/B,GAAIJ,MAAMC,QAAQV,IAASA,EAAKW,OAAOxC,GAASA,IAA6B,CAClFvD,KAAKmD,MAAQiC,C,KACR,CACL,MAAM,IAAIY,MACR,qG,EAMN,aAAAE,GACElG,KAAKmG,c,CAIP,eAAAC,GACEpG,KAAKiE,YAAcjE,KAAKyC,SAAS4D,MAAM,KAAKjE,OAAOkE,UAAY,E,CAGjE,uBAAM/F,GACJ,MAAMI,EAAmBC,OAAOC,WAAW,mBAC3Cb,KAAKJ,SAAWe,EAAiBG,QACjCH,EAAiBI,SAAYC,IAC3BhB,KAAKJ,SAAWoB,EAAIF,QACpBd,KAAKmG,eACLnG,KAAKiF,SAAWV,SAAS,QAErBvE,KAAKuF,UAAUvF,KAAKoF,MAC1BpF,KAAKoG,kBACLpG,KAAKmG,c,CAKP,kBAAAI,CAAmBrE,GACjB,IAAKlC,KAAKiF,UAAYjD,EAAehC,KAAKwG,KAAMtE,GAAQ,CACtD,M,CAGFlC,KAAKiF,SAAWV,S,CAOlB,aAAAkC,CAAcvE,GACZ,OAAQA,EAAMP,KACZ,IAAK,SAAU,CACb,GAAI3B,KAAKiF,SAAU,CACjB/C,EAAMwE,iBAEN,MAAMC,EAAgB3G,KAAKiF,SAC3BjF,KAAKiF,SAAWV,UAEhBqC,YAAW,KACT,MAAMC,EAAc7G,KAAKwG,KAAKM,WAAWC,eAAeJ,GACxD,GAAIE,EAAa,CACfA,EAAYjE,O,IAEb,E,CAEL,K,CAEF,IAAK,MACH5C,KAAKiF,SAAWV,UAChB,M,CAKN,eAAAyC,GACEC,aAAajH,KAAKsF,Q,CAQpB,cAAA4B,CAAehF,GACblC,KAAKsF,QAAU1E,OAAOgG,YAAW,KAC/B,IAAK5G,KAAKiF,UAAYjD,EAAehC,KAAKwG,KAAMtE,GAAQ,CACtD,M,CAGFlC,KAAKiF,SAAWV,SAAS,GACxB,I,CAKL,cAAA4C,CAAejF,GACb,MAAMkF,EAAgBlF,EAAMkF,cAC5B,IAAKpH,KAAKiF,UAAYjF,KAAKwG,KAAKM,WAAWO,cAAc,UAAU9E,SAAS6E,GAAgB,CAC1F,M,CAGFpH,KAAKiF,SAAWV,S,CAIV,eAAMkB,CAAUQ,GACtB,IACEjG,KAAKmF,QAAU,KACf,MAAMC,cAAoBkC,MAAMrB,IAAMsB,OACtCvH,KAAKmF,QAAU,MACf,IAAKU,MAAMC,QAAQV,KAAUA,EAAKW,OAAOxC,GAASA,IAA6B,CAC7E,MAAM,IAAIyC,MAAM,iE,CAGlB,OAAOZ,C,CACP,MAAOoC,GACPxH,KAAKmF,QAAU,MACfsC,QAAQD,MAAM,+BAAgCA,GAC9C,MAAM,IAAIxB,MAAM,sDAAuD,CAAE0B,MAAOF,G,EAK5E,YAAArB,GACNS,YAAW,KACT5G,KAAKwG,KAAKM,WAAWa,iBAAiB,qBAAqBC,SAASC,IAClEA,EACGF,iBAAiB,sBAChBC,SAAQ,CAACrE,EAAMuE,IAAUvE,EAAKwE,aAAa,WAAYD,IAAU,EAAI,IAAM,OAAM,GACrF,GACD,I,CAIG,QAAA1D,CAASb,GACf,GAAIvD,KAAKiE,YAAYE,SAAW,EAAG,CACjC,OAAO,K,CAGT,GAAInE,KAAKiE,YAAYI,SAASd,EAAKP,IAAK,CACtC,OAAO,I,CAGT,GAAIO,EAAKyE,WAAW7D,OAAQ,CAC1B,OAAOZ,EAAKyE,UAAU1F,MAAM2F,GAAaA,EAASjF,KAAOhD,KAAKyC,S,CAGhE,GAAIc,EAAK2E,aAAa/D,OAAQ,CAC5B,MAAMC,EAAWb,EAAK2E,YAAY5F,MAAM6F,GAAenI,KAAKoE,SAAS+D,KACrE,GAAI/D,EAAU,CACZ,OAAO,I,EAIX,OAAO,K,CAID,QAAAgE,CAAS7E,GACfvD,KAAKiF,SAAWV,UAChB,IAAKhB,EAAKyE,WAAW7D,OAAQ,CAC3B,M,CAGFnE,KAAKiF,SAAW1B,EAAKP,E,CAIf,wBAAAqF,CAAyBC,GAC/B,OAAOzC,MAAM0C,KACXD,GAAQE,QAAQ,qBAAqBb,iBAAiB,mCAAqC,G,CAKvF,iBAAAc,CAAkBH,GACxBtI,KAAKiF,SAAWV,UAChB,MAAMmE,EAAkB1I,KAAKqI,yBAAyBC,GACtD,MAAMK,EAAeD,EAAgBE,QAAQN,GAC7C,MAAMO,EAAWH,GAAiBC,EAAe,EAAID,EAAgBvE,QAAUuE,EAAgBvE,QAC/F3B,EAAU8F,EAAQO,GAElB,GAAIA,EAASC,eAAiB,QAAU9I,KAAKiF,SAAU,CACrDjF,KAAKiF,SAAW4D,EAAS7F,E,EAKrB,aAAA+F,CAAcT,GACpBtI,KAAKiF,SAAWV,UAChB,MAAMmE,EAAkB1I,KAAKqI,yBAAyBC,GACtD,MAAMK,EAAeD,EAAgBE,QAAQN,GAC7C,MAAMU,EAAWN,GAAiBC,EAAe,GAAKD,EAAgBvE,QACtE3B,EAAU8F,EAAQU,GAElB,GAAIA,EAASF,eAAiB,QAAU9I,KAAKiF,SAAU,CACrDjF,KAAKiF,SAAW+D,EAAShG,E,EAKrB,iBAAAiG,CAAkB/G,EAAsBqB,GAC9C,MAAMsB,EAAS3C,EAAM2C,OACrB,OAAQ3C,EAAMP,KACZ,IAAK,OAAQ,CACXO,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAMC,EAAYnJ,KAAKqI,yBAAyBxD,GAAQ,GACxDrC,EAAUqC,EAAQsE,GAClB,K,CAEF,IAAK,MAAO,CACVjH,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAME,EAAWpJ,KAAKqI,yBAAyBxD,GAAQwE,MACvD7G,EAAUqC,EAAQuE,GAClB,K,CAEF,IAAK,UAAW,CACd,IAAK7F,EAAKyE,WAAW7D,OAAQ,CAC3B,K,CAEFjC,EAAMwE,iBACNxE,EAAMgH,kBACNlJ,KAAKiF,SAAW1B,EAAKP,GAErB4D,YAAW,KACT,MAAMoB,EAAYnC,MAAM0C,KACtBvI,KAAKwG,KAAKM,WAAWa,iBAAiB,oBAAoBpE,EAAKP,0BAEjER,EAAUqC,EAAQmD,EAAUA,EAAU7D,OAAS,GAAG,GACjD,KACH,K,CAEF,IAAK,aAAc,CACjBjC,EAAMwE,iBACNxE,EAAMgH,kBACNlJ,KAAK+I,cAAclE,GACnB,K,CAEF,IAAK,YAAa,CAChB,IAAKtB,EAAKyE,WAAW7D,OAAQ,CAC3B,K,CAGFnE,KAAKsJ,aAAa/F,GAClB,K,CAEF,IAAK,YAAa,CAChBrB,EAAMwE,iBACNxE,EAAMgH,kBACNlJ,KAAKyI,kBAAkB5D,GACvB,K,CAEF,IAAK,IAAK,CACR3C,EAAMwE,iBACNxE,EAAMgH,kBACN,GAAIlJ,KAAKiF,WAAa1B,EAAKP,GAAI,CAC7BhD,KAAKiF,SAAWV,UAChB,K,MACK,GAAIhB,EAAKyE,WAAW7D,OAAQ,CACjCnE,KAAKsJ,aAAa/F,GAClB,K,IAOA,gBAAAgG,CAAiBC,GACvB,MAAMpG,EAASyC,MAAM0C,KACnBiB,GAAgBhB,QAAQ,kBAAkBb,iBAAiB,mBAAqB,IAElF,MAAMgB,EAAevF,EAAOwF,QAAQY,GAEpC,OAAOpG,EAAOuF,EAAe,E,CAIvB,YAAAc,CAAaD,GACnB,MAAMpG,EAASyC,MAAM0C,KACnBiB,GAAgBhB,QAAQ,kBAAkBb,iBAAiB,mBAAqB,IAElF,MAAMgB,EAAevF,EAAOwF,QAAQY,GAEpC,OAAOpG,EAAOuF,EAAe,E,CAGvB,YAAAW,CAAa/F,GACnBvD,KAAKiF,SAAW1B,EAAKP,GACrB4D,YAAW,KAET,MAAM8C,EAAgB1J,KAAKwG,KAAKM,WAAWO,cACzC,oBAAoB9D,EAAKP,yBAE3B0G,EAAc/G,SAAW,EACzB+G,EAAc9G,MAAM,CAAEC,cAAe,MAAO,GAC3C,I,CAIG,iBAAA8G,CAAkBzH,GACxB,MAAM0H,EAAc1H,EAAM2C,OAC1B,MAAM1B,EAAQ0C,MAAM0C,KAClBqB,EAAYpB,QAAQ,kBAAkBb,iBAAiB,sBAAwB,IAEjF,MAAMgB,EAAexF,EAAMyF,QAAQgB,GACnC,OAAQ1H,EAAMP,KACZ,IAAK,UAAW,CACdO,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAML,EAAW1F,EAAMwF,EAAe,IAAMxF,EAAMA,EAAMgB,OAAS,GACjE3B,EAAUoH,EAAaf,GACvB,K,CAGF,IAAK,aAAc,CACjB3G,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAMW,EAAeD,EAAYpB,QAAQ,gBACzC,MAAMsB,EAAY9J,KAAKyJ,aAAaI,GACpC,IAAKC,EAAW,CACdF,EAAYjH,UAAW,EACvB,MAAMgE,EAAgBiD,EAAYpB,QAAQ,kCAAkCuB,aAAa,mBACzF,MAAMC,EAAchK,KAAKwG,KAAKM,WAAWC,eAAeJ,GACxD3G,KAAK+I,cAAciB,GACnB,K,CAGF,MAAMC,EAAkBH,EAAUnC,iBAAiB,sBAAwB,GAC3EnF,EAAUoH,EAAaK,EAAe,IACtC,K,CAEF,IAAK,YAAa,CAChB/H,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAMF,EAAW7F,EAAMwF,EAAe,IAAMxF,EAAM,GAClDX,EAAUoH,EAAaZ,GACvB,K,CAGF,IAAK,YAAa,CAChB9G,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAMW,EAAeD,EAAYpB,QAAQ,gBACzC,MAAM0B,EAAYlK,KAAKuJ,iBAAiBM,GACxC,IAAKK,EAAW,CACdN,EAAYjH,UAAW,EACvB,MAAMgE,EAAgBiD,EAAYpB,QAAQ,kCAAkCuB,aAAa,mBACzF,MAAMC,EAAchK,KAAKwG,KAAKM,WAAWC,eAAeJ,GACxD3G,KAAKyI,kBAAkBuB,GACvB,K,CAGF,MAAMG,EAAkBD,EAAUvC,iBAAiB,sBAAwB,GAC3EnF,EAAUoH,EAAaO,EAAe,IACtC,K,CAEF,IAAK,OAEHjI,EAAMwE,iBACNxE,EAAMgH,kBACN1G,EAAUoH,EAAazG,EAAM,IAC7B,MACF,IAAK,MAEHjB,EAAMwE,iBACNxE,EAAMgH,kBACN1G,EAAUoH,EAAazG,EAAMA,EAAMgB,OAAS,IAC5C,M,CAIN,MAAA3C,GACE,GAAIxB,KAAKJ,SAAU,CACjB,OACE6B,EACE,wBAAA0B,MAAOnD,KAAKmD,MACZc,YAAajE,KAAKiE,YAClBoB,YAAarF,KAAKqF,YAClBF,QAASnF,KAAKmF,S,CAKpB,OACE1D,EAAA,oBAAgB,iBACdA,EAAK,OAAAG,MAAM,kBACTH,EAAK,OAAAG,MAAM,iBACTH,EACE,MAAAG,MAAM,UACN0C,KAAK,UAAS,aACH,iBAEVtE,KAAKmF,SACJ,IAAI,IAAIU,MAAM,IAAIrB,KAAI,CAAC4F,EAAGtC,IACxBrG,EAAC4I,EAAQ,KACP5I,EAAI,MAAA6C,KAAK,QACP7C,EAAK,OAAAG,MAAM,gBACTH,EAAA,0BAGHqG,EAAQ,GAAKrG,EAAI,MAAA6C,KAAK,iBAG5BtE,KAAKmD,OAAOqB,KAAI,CAACjB,EAAMuE,IACtBrG,EAAC4I,EAAQ,KACP5I,EAAI,MAAA6C,KAAK,QACP7C,EAAA,KACEG,MAAO,CACL,eAAgB,KAChB+C,OAAU3E,KAAKoE,SAASb,IAE1BmB,KAAMnB,EAAKmB,KACX1B,GAAIO,EAAKP,GACTsB,KAAK,WACL3B,UAAU,EAER,gBAAAY,EAAKyE,WAAW7D,OAAUnE,KAAKiF,WAAa1B,EAAKP,GAAK,OAAS,QAAWuB,UAE7D,gBAAAhB,EAAKyE,WAAW7D,OAAS,OAAS,QAAO,eAC1CnE,KAAKyC,QAAQ4B,SAASd,EAAKP,IAAM,OAAS,QACxDsH,cAAe,IAAMtK,KAAKoI,SAAS7E,GACnCqB,UAAY1C,GAAUlC,KAAKiJ,kBAAkB/G,EAAOqB,GACpDsB,OAAQtB,EAAKsB,QAEbpD,EAAA,oBAAiB8B,EAAKN,OAAQM,EAAKN,OAClCM,EAAKyE,WAAW7D,OAAS,GACxB1C,EACE,UAAAM,KAAM/B,KAAKiF,WAAa1B,EAAKP,GAAK,aAAe,eACjDuH,MAAM,WACNC,OAAO,eAKd1C,EAAQ9H,KAAKmD,OAAOgB,OAAS,GAAK1C,EAAA,MAAI6C,KAAK,kBAIlD7C,EAAA,qBACE4D,YAAarF,KAAKqF,YAClBoF,cAAe,IAAOzK,KAAKqF,YAAcd,aAI5CvE,KAAKmD,MAAMqB,KACTjB,GACCvD,KAAKiF,WAAa1B,EAAKP,IACrBvB,EAACsC,EAAI,CACHC,aAAcT,EAAKP,GACnBG,MAAOI,EAAKyE,UACZ/D,YAAajE,KAAKiE,YAClBC,cAAgBhC,GAAUlC,KAAK2J,kBAAkBzH,QAM1DlC,KAAKmD,OACFf,QAAQmB,GAASvD,KAAKoE,SAASb,KAChCiB,KACEjB,GACCA,EAAK2E,aAAa/D,QAChB1C,EACE,OAAAG,MAAO,CAAE,cAAe,KAAM,iBAAkB,MACpC,yBAAY2B,EAAKN,SAE7BxB,EAAA,MAAI6C,KAAK,WACNf,EAAK2E,YAAY1D,KAAKkG,GACrBjJ,EAAC4I,EAAQ,KACP5I,EAAI,MAAA6C,KAAK,QACP7C,EAAA,KACEG,MAAO,CACL,eAAgB,KAChB+C,OAAU3E,KAAKoE,SAASsG,IAE1BhG,KAAMgG,EAAQhG,KACd1B,GAAI0H,EAAQ1H,GACZsB,KAAK,WACL3B,UAAU,EACK,gBAAA+H,EAAQ1C,WAAW7D,OAAS,OAAS,QAAO,gBAEzDuG,EAAQ1C,WAAW7D,OAAUnE,KAAKiF,WAAayF,EAAQ1H,GAAK,OAAS,QAAWuB,UAAS,eAE7EvE,KAAKyC,QAAQ4B,SAASqG,EAAQ1H,IAAM,OAAS,QAC3DsH,cAAe,IAAMtK,KAAKoI,SAASsC,GACnC9F,UAAY1C,GAAUlC,KAAKiJ,kBAAkB/G,EAAOwI,GACpD7F,OAAQtB,EAAKsB,QAEbpD,EAAO,YAAAiJ,EAAQzH,OACdyH,EAAQ1C,WAAW7D,OAAS,GAC3B1C,EAAA,UACEM,KAAM/B,KAAKiF,WAAayF,EAAQ1H,GAAK,aAAe,eACpDuH,MAAM,UACNC,OAAO,kBAQpBjH,EAAK2E,YAAY1D,KACfkG,GACC1K,KAAKiF,WAAayF,EAAQ1H,IACxBvB,EAACsC,EAAI,CACHC,aAAc0G,EAAQ1H,GACtBG,MAAOuH,EAAQ1C,UACf/D,YAAajE,KAAKiE,YAClBC,cAAgBhC,GAAUlC,KAAK2J,kBAAkBzH,U,4JC/kB3E,MAAMyI,EAAmB,+9CCAzB,MAAM5F,EAAU,k6C,MCaH6F,EAAkB,M,mDAIrB3G,YAAwB,GAGxBd,MAAuB,GAGNkC,YAAkCd,UAGnDY,QAAmB,MAGlB0F,YAAkCtG,UAClCuG,WAAsCvG,UACtCyD,UAAoDzD,UAEpDwG,SAA2CxG,UAC3CyG,KAIT,aAAA9E,GACElG,KAAK6K,YAAc7K,KAAKiE,aAAaE,OAASnE,KAAKiE,YAAYjE,KAAKiE,YAAYE,OAAS,GAAKI,UAC9FvE,KAAKiL,UAAUjL,KAAKmD,M,CAMd,SAAA8H,CAAU9H,EAAsB+H,GAEtC,GAAIlL,KAAK6K,cAAgBtG,UAAW,CAClCvE,KAAK8K,WAAavG,UAClBvE,KAAK+K,SAAW,UAChB/K,KAAKgI,UAAY7E,EACjB,M,CAGF,IAAK,MAAMI,KAAQJ,EAAO,CACxB,GAAII,EAAKP,KAAOhD,KAAK6K,YAAa,CAChC7K,KAAK8K,WAAaI,EAClBlL,KAAK+K,SAAWxH,EAAKyE,WAAW7D,OAAS,OAAS,UAClDnE,KAAKgI,UAAYzE,EAAKyE,WAAazE,EAAK2E,YACxC,M,CAGF,GACElI,KAAKiE,YAAYE,OAAS,GAC1BZ,EAAKP,KAAOhD,KAAKiE,YAAYjE,KAAKiE,YAAYE,OAAS,IACvDZ,EAAKyE,WAAW1F,MAAK,EAAGU,QAASA,IAAOhD,KAAK6K,cAC7C,CACA7K,KAAK8K,WAAavH,EAClBvD,KAAK+K,SAAWxH,EAAKyE,WAAW7D,OAAS,OAAS,UAClDnE,KAAKgI,UAAYzE,EAAKyE,WAAazE,EAAK2E,YACxC,M,CAGF,GAAI3E,EAAK2E,aAAa/D,OAAQ,CAC5BnE,KAAKiL,UAAU1H,EAAK2E,YAAa3E,E,GAKvC,oBAAY4H,GACV,OAAOtF,MAAM0C,KAAKvI,KAAKwG,KAAKM,WAAWa,iBAAiB,qB,CAIlD,YAAAxB,GACNnG,KAAKmL,iBAAiBvD,SAAQ,CAACrE,EAAMuE,IAAUvE,EAAKwE,aAAa,WAAYD,IAAU,EAAI,IAAM,O,CAG3F,UAAAsD,GACN,GAAIpL,KAAKgL,KAAM,CACbhL,KAAKgL,KAAO,K,KACP,CACLhL,KAAKgL,KAAO,KACZpE,YAAW,KACT5G,KAAKmG,eACLnG,KAAKmL,iBAAiB,IAAIvI,MAAM,CAAEC,cAAe,MAAO,GACvD,I,EAKC,iBAAAoG,CAAkB/G,GACxB,OAAQA,EAAMP,KACZ,IAAK,UAAW,CACdO,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAM/F,EAAQnD,KAAKmL,iBACnB,MAAMxC,EAAexF,EAAMyF,QAAQ1G,EAAM2C,QACzC,MAAMgE,EAAW1F,GAAOwF,EAAe,EAAIxF,EAAMgB,QAAUhB,EAAMgB,QACjE3B,EAAUW,EAAMwF,GAAeE,GAC/B,K,CAEF,IAAK,YAAa,CAChB3G,EAAMwE,iBACNxE,EAAMgH,kBACN,MAAM/F,EAAQnD,KAAKmL,iBACnB,MAAMxC,EAAexF,EAAMyF,QAAQ1G,EAAM2C,QACzC,MAAMmE,EAAW7F,GAAOwF,EAAe,GAAKxF,EAAMgB,QAClD3B,EAAUW,EAAMwF,GAAeK,GAC/B,K,CAEF,IAAK,OAAQ,CACX9G,EAAMwE,iBACNxE,EAAMgH,kBACN1G,EAAUN,EAAM2C,OAAuB7E,KAAKmL,iBAAiB,IAC7D,K,CAEF,IAAK,MAAO,CACVjJ,EAAMwE,iBACNxE,EAAMgH,kBACN1G,EAAUN,EAAM2C,OAAuB7E,KAAKmL,iBAAiB9B,OAC7D,K,GAKN,iBAAA9I,GACEP,KAAK6K,YAAc7K,KAAKiE,aAAaE,OAASnE,KAAKiE,YAAYjE,KAAKiE,YAAYE,OAAS,GAAKI,UAC9FvE,KAAKiL,UAAUjL,KAAKmD,M,CAKtB,kBAAAoD,CAAmBrE,GACjB,GAAIF,EAAehC,KAAKwG,KAAMtE,GAAQ,CACpC,M,CAGFlC,KAAKgL,KAAO,K,CAKd,aAAAvE,CAAcvE,GACZ,OAAQA,EAAMP,KACZ,IAAK,SACH3B,KAAKgL,KAAO,MACZ,MACF,IAAK,MACH,GAAIhJ,EAAehC,KAAKwG,KAAMtE,GAAQ,CACpC,K,CAGFlC,KAAKgL,KAAO,MACZ,M,CAMN,cAAA7D,CAAejF,GACb,GAAIF,EAAehC,KAAKwG,KAAMtE,GAAQ,CACpC,M,CAGFlC,KAAKgL,KAAO,K,CAGd,MAAAxJ,GACE,OACEC,EAAA,OAAAE,IAAA,wDAAgB,iBACdF,EAAA,UAAAE,IAAA,2CACEC,MAAM,gBACNyJ,KAAK,SACU,gBAAArL,KAAKgL,KAAO,OAAS,QACtB,8BACF,aAAAhL,KAAKgL,KAAO,cAAgB,YACxClJ,QAAS,IAAM9B,KAAKoL,cAEpB3J,EACE,UAAAE,IAAA,2CAAAI,KAAM/B,KAAKgL,KAAO,WAAa,cAC/BT,MAAM,SACNC,OAAO,YAIX/I,EAAA,UAAAE,IAAA,2CACE2J,SAAS,kBACTC,KAAK,IACLf,OAAQ,GACRD,MAAO,MAGT9I,EAAA,qBAAAE,IAAA,2CACE0D,YAAarF,KAAKqF,YAClBoF,cAAe,IAAOzK,KAAKqF,YAAcd,YAG1CvE,KAAKgL,MACJvJ,EAAA,MAAAE,IAAA,2CACEC,MAAM,cACN0C,KAAK,YAEHtE,KAAKmF,SAAWnF,KAAKiE,aAAejE,KAAKiE,YAAYE,OAAS,GAC9D1C,EAAI,MAAAE,IAAA,2CAAA2C,KAAK,QACP7C,EACE,KAAAE,IAAA,2CAAAC,MAAM,SACN8C,KAAM1E,KAAK8K,YAAYpG,MAAQ,IAC/B1B,GAAIhD,KAAK8K,YAAY9H,IAAMuB,UAC3BD,KAAK,WACL3B,UAAU,EACViC,UAAY1C,GAAUlC,KAAKiJ,kBAAkB/G,GAC7C2C,OAAQ7E,KAAK8K,YAAYjG,QAEzBpD,EACE,UAAAE,IAAA,2CAAAI,KAAK,aACLwI,MAAM,SACNC,OAAO,WAET/I,EAEG,QAAAE,IAAA,4CAAA3B,KAAK8K,YAAY7H,OAAS,UAMlCjD,KAAKmF,QACJ1D,EAAA,OACEG,MAAM,kBACN0C,KAAK,QAEJ,IAAI,IAAIuB,MAAM,IAAIrB,KAAI,IACrB/C,EAAI,MAAA6C,KAAK,QACP7C,EAAA,OACEG,MAAM,eACN0C,KAAK,QAEL7C,EAAmC,6BAKzCzB,KAAK+K,WAAa,OACpBtJ,EAACsC,EACC,CAAAZ,MAAOnD,KAAKgI,UACZhE,aAAchE,KAAK8K,YAAY9H,GAC/BiB,YAAajE,KAAKiE,YAClBC,cAAgBhC,GAAUlC,KAAKiJ,kBAAkB/G,KAGnDlC,KAAKgI,WAAW7D,OAAS,GACvB1C,EAAA,OACEG,MAAM,kBACN0C,KAAK,QAEJtE,KAAKgI,UAAUxD,KAAKjB,GACnB9B,EAAA,MAAI6C,KAAK,QACP7C,EAAA,KACEG,MAAO,CACL,YAAa5B,KAAK+K,WAAa,OAC/B,eAAgB/K,KAAK+K,WAAa,WAEpCrG,KAAMnB,EAAKmB,KACX1B,GAAIO,EAAKP,GACTsB,KAAK,WACS,eAAAtE,KAAK6K,cAAgBtH,EAAKP,GAAK,OAAS,QACtDL,UAAU,EACViC,UAAY1C,GAAUlC,KAAKiJ,kBAAkB/G,GAC7C2C,OAAQtB,EAAKsB,QAEbpD,EAAA,oBAAiB8B,EAAKN,OAAQM,EAAKN,a,2IC1R3D,MAAMuI,EAAgB,q5E,MCQTC,EAAe,M,6FAClBC,Y,0BAMRC,cAAyB,MAIzBC,aAAmCrH,UAInCc,YAAkCd,UAGlC,mBAAAsH,GACE7L,KAAK4L,aAAe5L,KAAKqF,YACzB,GAAIrF,KAAKqF,YAAa,CACpBrF,KAAK8L,e,EAKoBC,OAEpBC,YAET,uBAAMzL,GACJP,KAAK2L,gBAAkB3L,KAAKqF,YAC5BrF,KAAK4L,aAAe5L,KAAKqF,W,CAK3B,kBAAAkB,CAAmBrE,GACjB,GAAIlC,KAAK2L,eAAiB3L,KAAK0L,cAAgB1J,EAAehC,KAAK0L,YAAaxJ,GAAQ,CACtFlC,KAAK2L,cAAgB,K,EAMzB,aAAAlF,CAAcvE,GACZ,OAAQA,EAAMP,KACZ,IAAK,SACH3B,KAAK2L,cAAgB,MACrB,MACF,IAAK,MACH,GAAI3J,EAAehC,KAAKwG,KAAMtE,GAAQ,CACpC,K,CAGFlC,KAAK2L,cAAgB,MACrB,M,CAIE,aAAAG,GACN9L,KAAK2L,cAAgB,KACrB/E,YAAW,KACT,MAAMqF,EAAiBjM,KAAKwG,KAAKM,WAAWO,cAAc,oBAC1D4E,EAAerJ,MAAM,CAAEC,cAAe,MAAO,GAC5C,I,CAGG,gBAAAqJ,GACNlM,KAAKqF,YAAcd,UACnBvE,KAAKgM,YAAYG,M,CAGX,iBAAAC,CAAkBlK,GACxBlC,KAAK4L,aAAgB1J,EAAM2C,OAA4BwH,MACvD,IAAKrM,KAAK4L,aAAc,CACtB5L,KAAKqF,YAAcd,S,EAIf,cAAA+H,CAAepK,GACrBA,EAAMwE,iBACN,IAAK1G,KAAK4L,aAAc,CACtB,M,CAGF5L,KAAK2L,cAAgB,MACrB,MAAMY,EAAWvM,KAAK+L,OAAOI,KAAK,CAAEK,MAAOxM,KAAK4L,eAEhD,GAAIW,EAASE,iBAAkB,CAC7B,M,CAGFzM,KAAK0L,YAAYgB,Q,CAGnB,MAAAlL,GACE,OACEC,EAAA,QAAAE,IAAA,2CACEC,MAAO,CAAE+K,UAAa,KAAM,iBAAkB3M,KAAK2L,eACnDiB,IAAMvK,GAAQrC,KAAK0L,YAAcrJ,EACjCiC,KAAK,SAAQ,aACF,iBACXuI,OAAO,MACPC,OAAO,WACPC,SAAW7K,GAAUlC,KAAKsM,eAAepK,GACzC8K,QAAS,IAAMhN,KAAKkM,oBAEpBzK,EAAA,OAAAE,IAAA,2CACEC,MAAM,gBACN0C,KAAK,QAEJtE,KAAKqF,aACJ5D,EAAA,UAAAE,IAAA,2CACE0J,KAAK,QACM,uCACX4B,UAAWjN,KAAK2L,cACH,eAAC3L,KAAK2L,cAAgB,OAASpH,UAC5C5B,UAAW3C,KAAK2L,eAAgB,EAAK,GAErClK,EAAA,UAAAE,IAAA,2CAAQI,KAAK,sBAGjBN,EAAA,SAAAE,IAAA,2CACEqB,GAAG,kBACHjB,KAAK,IACLsJ,KAAK,SACL4B,UAAWjN,KAAK2L,cAChBuB,YAAY,iCACZC,QAAUjL,GAAUlC,KAAKoM,kBAAkBlK,GAC3CmK,MAAOrM,KAAKqF,YACZ+H,SAAQ,kBACG,iCACE,eAACpN,KAAK2L,cAAgB,OAASpH,UAC5C5B,UAAW3C,KAAK2L,eAAgB,EAAK,KAIzClK,EAAA,UAAAE,IAAA,2CACEC,MAAM,mBAAkB,aACZ5B,KAAK2L,cAAgB,iBAAmB,2BACtC,kCACdN,KAAMrL,KAAK2L,cAAgB,SAAW,SACtC7J,QAAS,IAAM9B,KAAK8L,iBAEnB9L,KAAK2L,cAAgB,KAAOlK,EAAA,QAAMG,MAAM,0BAAqC,SAC9EH,EAAA,UAAAE,IAAA,2CAAQI,KAAK,Y","ignoreList":[]}

package/www/build/p-22226d84.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as t,h as i,H as a,F as r,c as n}from"./p-DSdvvVFj.js";const s=".sc-zanit-back-to-top-h{visibility:visible;opacity:1;transition:all 0.2s linear}.hidden.sc-zanit-back-to-top-h{visibility:hidden;opacity:0}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}";const o=class{constructor(t){e(this,t)}resizeObserver;get host(){return t(this)}showFab=false;currentPageHeight;isMobile=false;pageMinHeight=1600;scrollMinHeight=800;handleScroll(){this.updateFabVisibility()}handleResize=()=>{const e=document.documentElement.scrollHeight;if(e!==this.currentPageHeight)this.currentPageHeight=e};connectedCallback(){this.currentPageHeight=document.body.scrollHeight;this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(document.documentElement);this.updateFabVisibility();const e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.matches}}disconnectedCallback(){this.resizeObserver.disconnect()}updateFabVisibility(){this.showFab=this.currentPageHeight>this.pageMinHeight&&window.scrollY>this.scrollMinHeight}scroll(){window.scrollTo({top:0,behavior:"smooth"})}render(){return i(a,{key:"e2585492b2d991aed8c99c02b68fbc5b68c800da",class:{hidden:!this.showFab},"aria-hidden":this.showFab?"false":"true"},i("button",{key:"15ae24d829c4e88e7eefce2f5e9c9a8bee255124",class:{"z-fab":true,"z-fab-extended":!this.isMobile},onClick:()=>this.scroll()},i("z-icon",{key:"a5f937a661696ea0a68c558f0232f77de70d156e",name:"back-top"}),i("span",{key:"628786873ddc4db46d6fa73211b0c1e1d576a794"},"Torna su")))}};o.style=s;const h=(e,t)=>t.composedPath().filter((e=>e!==document&&e!==window.window)).some((t=>e.contains(t)));const c=(e,t)=>{e.tabIndex=-1;t.tabIndex=0;t.focus({preventScroll:true})};const d="default";const l={id:d,label:d};const u=e=>{const t=e.reduce(((e,t)=>{const i=e.find((({group:e})=>e.id===(t.group?.id||l.id)));if(!i){e.push({group:t.group??l,items:[t]})}else{i.items.push(t)}return e}),[]);return t.sort(((e,t)=>e.group.id===d?1:t.group.id===d?-1:0))};const m=({controlledBy:e,items:t,currentPath:a=[],onItemKeyDown:r})=>{if(!t?.length){return null}const n=u(t);const s=t=>a.includes(e)&&a.includes(t.id);return i("div",{class:"menu-wrapper",role:"none"},i("div",{class:"menu","aria-labelledby":e??undefined,role:"menu"},n.map((({group:e,items:t})=>i("div",{class:{group:true,highlight:t.some((e=>e.highlight))}},e.id!==d?i("div",{class:"group-name",id:e.id},e.label):n.length>1?i("div",{class:"group-name"}):null,i("ul",{class:"menu-list",role:"group","aria-labelledby":e.id!==d?e.id:undefined},t.map((e=>i("li",{role:"none"},e.href&&i("a",{class:{"menu-item":true,active:s(e)},href:e.href,role:"menuitem",tabIndex:-1,"aria-current":s(e)?"page":"false",onKeyDown:e=>r(e),target:e.target},e.label))))))))))};const b=":host{position:relative;z-index:2;display:flex;width:100%;background-color:#fff;color:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}:host nav{width:100%}.shadow-wrapper{position:relative;z-index:1;display:flex;width:100%}.shadow-wrapper::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}.width-limiter{position:relative;display:flex;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);margin:0 auto}.shadow-wrapper+.shadow-wrapper{z-index:0}.sub-menubar>ul{gap:28px}.width-limiter>ul,.sub-menubar>ul{position:relative;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);margin-right:auto;margin-left:auto;gap:20px}.shadow-wrapper>.width-limiter,.shadow-wrapper>ul{width:100%;max-width:var(--zanit-menubar-max-width, 1366px)}ul.menubar{padding-right:0}.menubar z-ghost-loading{display:block;width:120px;height:1.25rem}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}zanit-search-form{margin-left:auto}";const p=".menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}";const f=class{constructor(t){e(this,t)}get host(){return t(this)}items=[];openMenu=undefined;openNavbar=undefined;currentPath=[];isMobile=false;loading=false;data;current=undefined;searchQuery=undefined;timerId;async parseData(e){if(!e){return}if(e instanceof URL){this.items=await this.fetchData(e)}else if(e instanceof Promise){this.loading=true;this.items=await e;this.loading=false}else if(typeof e==="string"){try{this.items=JSON.parse(e);if(!Array.isArray(this.items)||!this.items?.every((e=>e))){throw new Error("Expected an array of MenubarItem objects.")}}catch{let t;try{t=new URL(e)}catch{throw new Error("Invalid string provided for `data` property: not a valid url or JSON.")}this.items=await this.fetchData(t)}}else if(Array.isArray(e)&&e.every((e=>e))){this.items=e}else{throw new Error("Invalid `data` property value. Expected an url, a JSON or an array/promise of MenubarItem objects.")}}onItemsChange(){this.initTabindex()}onCurrentChange(){this.currentPath=this.current?.split("/").filter(Boolean)||[]}async connectedCallback(){const e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.matches;this.initTabindex();this.openMenu=undefined};await this.parseData(this.data);this.onCurrentChange();this.initTabindex()}handleOutsideClick(e){if(!this.openMenu||h(this.host,e)){return}this.openMenu=undefined}handleKeydown(e){switch(e.key){case"Escape":{if(this.openMenu){e.preventDefault();const t=this.openMenu;this.openMenu=undefined;setTimeout((()=>{const e=this.host.shadowRoot.getElementById(t);if(e){e.focus()}}),0)}break}case"Tab":this.openMenu=undefined;break}}handleMouseover(){clearTimeout(this.timerId)}handleMouseout(e){this.timerId=window.setTimeout((()=>{if(!this.openMenu||h(this.host,e)){return}this.openMenu=undefined}),500)}handleFocusout(e){const t=e.relatedTarget;if(!this.openMenu||this.host.shadowRoot.querySelector(".menu")?.contains(t)){return}this.openMenu=undefined}async fetchData(e){try{this.loading=true;const t=await(await fetch(e)).json();this.loading=false;if(!Array.isArray(t)||!t.every((e=>e))){throw new Error("Invalid data structure. Expected an array of MenuItem objects.")}return t}catch(e){this.loading=false;console.error("Error fetching menubar data:",e);throw new Error("Failed to fetch menubar data from the provided URL.",{cause:e})}}initTabindex(){setTimeout((()=>{this.host.shadowRoot.querySelectorAll('[role="menubar"]')?.forEach((e=>{e.querySelectorAll('[role="menuitem"]')?.forEach(((e,t)=>e.setAttribute("tabindex",t===0?"0":"-1")))}))}),100)}isActive(e){if(this.currentPath.length===0){return false}if(this.currentPath.includes(e.id)){return true}if(e.menuItems?.length){return e.menuItems.some((e=>e.id===this.current))}if(e.navbarItems?.length){const t=e.navbarItems.some((e=>this.isActive(e)));if(t){return true}}return false}showMenu(e){this.openMenu=undefined;if(!e.menuItems?.length){return}this.openMenu=e.id}getParentMenubarElements(e){return Array.from(e?.closest('[role="menubar"]')?.querySelectorAll(':scope > li a[role="menuitem"]')??[])}focusPreviousItem(e){this.openMenu=undefined;const t=this.getParentMenubarElements(e);const i=t.indexOf(e);const a=t[(i-1+t.length)%t.length];c(e,a);if(a.ariaHasPopup==="true"&&this.openMenu){this.openMenu=a.id}}focusNextItem(e){this.openMenu=undefined;const t=this.getParentMenubarElements(e);const i=t.indexOf(e);const a=t[(i+1)%t.length];c(e,a);if(a.ariaHasPopup==="true"&&this.openMenu){this.openMenu=a.id}}handleItemKeydown(e,t){const i=e.target;switch(e.key){case"Home":{e.preventDefault();e.stopPropagation();const t=this.getParentMenubarElements(i)[0];c(i,t);break}case"End":{e.preventDefault();e.stopPropagation();const t=this.getParentMenubarElements(i).pop();c(i,t);break}case"ArrowUp":{if(!t.menuItems?.length){break}e.preventDefault();e.stopPropagation();this.openMenu=t.id;setTimeout((()=>{const e=Array.from(this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${t.id}] [role="menuitem"]`));c(i,e[e.length-1])}),100);break}case"ArrowRight":{e.preventDefault();e.stopPropagation();this.focusNextItem(i);break}case"ArrowDown":{if(!t.menuItems?.length){break}this.openItemMenu(t);break}case"ArrowLeft":{e.preventDefault();e.stopPropagation();this.focusPreviousItem(i);break}case" ":{e.preventDefault();e.stopPropagation();if(this.openMenu===t.id){this.openMenu=undefined;break}else if(t.menuItems?.length){this.openItemMenu(t);break}}}}getPreviousGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]);const i=t.indexOf(e);return t[i-1]}getNextGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]);const i=t.indexOf(e);return t[i+1]}openItemMenu(e){this.openMenu=e.id;setTimeout((()=>{const t=this.host.shadowRoot.querySelector(`[aria-labelledby=${e.id}] [role="menuitem"]`);t.tabIndex=0;t.focus({preventScroll:true})}),100)}handleMenuKeydown(e){const t=e.target;const i=Array.from(t.closest('[role="menu"]')?.querySelectorAll('[role="menuitem"]')??[]);const a=i.indexOf(t);switch(e.key){case"ArrowUp":{e.preventDefault();e.stopPropagation();const r=i[a-1]||i[i.length-1];c(t,r);break}case"ArrowRight":{e.preventDefault();e.stopPropagation();const i=t.closest("[role=group]");const a=this.getNextGroup(i);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby");const i=this.host.shadowRoot.getElementById(e);this.focusNextItem(i);break}const r=a.querySelectorAll('[role="menuitem"]')??[];c(t,r[0]);break}case"ArrowDown":{e.preventDefault();e.stopPropagation();const r=i[a+1]||i[0];c(t,r);break}case"ArrowLeft":{e.preventDefault();e.stopPropagation();const i=t.closest("[role=group]");const a=this.getPreviousGroup(i);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby");const i=this.host.shadowRoot.getElementById(e);this.focusPreviousItem(i);break}const r=a.querySelectorAll('[role="menuitem"]')??[];c(t,r[0]);break}case"Home":e.preventDefault();e.stopPropagation();c(t,i[0]);break;case"End":e.preventDefault();e.stopPropagation();c(t,i[i.length-1]);break}}render(){if(this.isMobile){return i("zanit-mobile-menubar",{items:this.items,currentPath:this.currentPath,searchQuery:this.searchQuery,loading:this.loading})}return i("nav",{"aria-label":"Zanichelli.it"},i("div",{class:"shadow-wrapper"},i("div",{class:"width-limiter"},i("ul",{class:"menubar",role:"menubar","aria-label":"Zanichelli.it"},this.loading&&[...new Array(4)].map(((e,t)=>i(r,null,i("li",{role:"none"},i("div",{class:"menubar-item"},i("z-ghost-loading",null))),t<3&&i("li",{role:"separator"})))),this.items?.map(((e,t)=>i(r,null,i("li",{role:"none"},i("a",{class:{"menubar-item":true,active:this.isActive(e)},href:e.href,id:e.id,role:"menuitem",tabIndex:-1,"aria-expanded":e.menuItems?.length?this.openMenu===e.id?"true":"false":undefined,"aria-haspopup":e.menuItems?.length?"true":"false","aria-current":this.current.includes(e.id)?"page":"false",onPointerOver:()=>this.showMenu(e),onKeyDown:t=>this.handleItemKeydown(t,e),target:e.target},i("span",{"data-text":e.label},e.label),e.menuItems?.length>0&&i("z-icon",{name:this.openMenu===e.id?"chevron-up":"chevron-down",width:"0.875rem",height:"0.875rem"}))),t<this.items?.length-1&&i("li",{role:"separator"}))))),i("zanit-search-form",{searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined})),this.items.map((e=>this.openMenu===e.id&&i(m,{controlledBy:e.id,items:e.menuItems,currentPath:this.currentPath,onItemKeyDown:e=>this.handleMenuKeydown(e)})))),this.items?.filter((e=>this.isActive(e))).map((e=>e.navbarItems?.length&&i("nav",{class:{"sub-menubar":true,"shadow-wrapper":true},"aria-label":`Sezioni: ${e.label}`},i("ul",{role:"menubar"},e.navbarItems.map((t=>i(r,null,i("li",{role:"none"},i("a",{class:{"menubar-item":true,active:this.isActive(t)},href:t.href,id:t.id,role:"menuitem",tabIndex:-1,"aria-haspopup":t.menuItems?.length?"true":"false","aria-expanded":t.menuItems?.length?this.openMenu===t.id?"true":"false":undefined,"aria-current":this.current.includes(t.id)?"page":"false",onPointerOver:()=>this.showMenu(t),onKeyDown:e=>this.handleItemKeydown(e,t),target:e.target},i("span",null,t.label),t.menuItems?.length>0&&i("z-icon",{name:this.openMenu===t.id?"chevron-up":"chevron-down",width:"0.75rem",height:"0.75rem"}))))))),e.navbarItems.map((e=>this.openMenu===e.id&&i(m,{controlledBy:e.id,items:e.menuItems,currentPath:this.currentPath,onItemKeyDown:e=>this.handleMenuKeydown(e)})))))))}static get delegatesFocus(){return true}static get watchers(){return{data:["parseData"],items:["onItemsChange"],current:["onCurrentChange"]}}};f.style=b+p;const g=":host{position:relative;z-index:2;display:block;width:100%;max-width:100%;background-color:#fff;color:var(--gray900);fill:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}nav{display:flex;width:100%;align-items:center;padding-left:var(--grid-margin);gap:8px}nav::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}z-logo{margin:8px 0}.mobile-menu{position:absolute;top:100%;left:0;display:flex;overflow:auto;width:100%;max-height:calc(100vh - 48px - var(--zanit-menubar-top-offset, 0px));flex-direction:column;padding:16px var(--grid-margin) 32px;background-color:#fff;box-shadow:var(--shadow-2);gap:8px}.mobile-menu li{width:100%}.mobile-menu .items-container{display:flex;min-height:256px;flex-direction:column;gap:8px}.mobile-menu .items-container z-ghost-loading{width:40%;height:1.2rem}.mobile-menu .items-container .menubar-item{display:block;width:100%;padding:8px 0;font-size:1rem;text-align:left}.mobile-menu .items-container li:not(:last-child) .menubar-item{border-bottom:1px solid #000}[role='menuitem'].parent{display:flex;width:fit-content;align-items:center;padding:0;border:none;font-size:0.875rem;gap:8px}zanit-search-form{margin-left:auto}";const w=".menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}";const x=class{constructor(t){e(this,t)}get host(){return t(this)}currentPath=[];items=[];searchQuery=undefined;loading=false;lastCurrent=undefined;parentItem=undefined;menuItems=undefined;menuType=undefined;open;onItemsChange(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:undefined;this.setupData(this.items)}setupData(e,t){if(this.lastCurrent===undefined){this.parentItem=undefined;this.menuType="menubar";this.menuItems=e;return}for(const i of e){if(i.id===this.lastCurrent){this.parentItem=t;this.menuType=i.menuItems?.length?"menu":"menubar";this.menuItems=i.menuItems||i.navbarItems;return}if(this.currentPath.length>1&&i.id===this.currentPath[this.currentPath.length-2]&&i.menuItems?.some((({id:e})=>e===this.lastCurrent))){this.parentItem=i;this.menuType=i.menuItems?.length?"menu":"menubar";this.menuItems=i.menuItems||i.navbarItems;return}if(i.navbarItems?.length){this.setupData(i.navbarItems,i)}}}get menuItemsElement(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="menuitem"]'))}initTabindex(){this.menuItemsElement.forEach(((e,t)=>e.setAttribute("tabindex",t===0?"0":"-1")))}toggleMenu(){if(this.open){this.open=false}else{this.open=true;setTimeout((()=>{this.initTabindex();this.menuItemsElement[0]?.focus({preventScroll:true})}),200)}}handleItemKeydown(e){switch(e.key){case"ArrowUp":{e.preventDefault();e.stopPropagation();const t=this.menuItemsElement;const i=t.indexOf(e.target);const a=t[(i-1+t.length)%t.length];c(t[i],a);break}case"ArrowDown":{e.preventDefault();e.stopPropagation();const t=this.menuItemsElement;const i=t.indexOf(e.target);const a=t[(i+1)%t.length];c(t[i],a);break}case"Home":{e.preventDefault();e.stopPropagation();c(e.target,this.menuItemsElement[0]);break}case"End":{e.preventDefault();e.stopPropagation();c(e.target,this.menuItemsElement.pop());break}}}connectedCallback(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:undefined;this.setupData(this.items)}handleOutsideClick(e){if(h(this.host,e)){return}this.open=false}handleKeydown(e){switch(e.key){case"Escape":this.open=false;break;case"Tab":if(h(this.host,e)){break}this.open=false;break}}handleFocusout(e){if(h(this.host,e)){return}this.open=false}render(){return i("nav",{key:"3c60ac4ac98ee3defb91d07ed2b877031f0a35df","aria-label":"Zanichelli.it"},i("button",{key:"bebe58a827addf39e62deb9c3ef44296f14da700",class:"burger-button",type:"button","aria-expanded":this.open?"true":"false","aria-controls":"mobile-menu","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:()=>this.toggleMenu()},i("z-icon",{key:"0b3e97a6bcb3f54c1b0669f9fe012ac3ff5b5632",name:this.open?"multiply":"burger-menu",width:"1.5rem",height:"1.5rem"})),i("z-logo",{key:"a7216fc628ab13b243ace77a89d5dc16bde1f6da",imageAlt:"Logo Zanichelli",link:"/",height:32,width:126}),i("zanit-search-form",{key:"bdfd612ecc8cf6fb7d4d1941474a8b6cc0b8ff2d",searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined}),this.open&&i("ul",{key:"bf3f32326a98ff6a47a3734ac98f8afda74f0d12",class:"mobile-menu",role:"menubar"},!this.loading&&this.currentPath&&this.currentPath.length>0&&i("li",{key:"a157937b4358cba0a1bc990576051f4a703cedd4",role:"none"},i("a",{key:"9f36e81c276da144abf96e9e1dd7cf2a84bdc4b7",class:"parent",href:this.parentItem?.href??"/",id:this.parentItem?.id??undefined,role:"menuitem",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:this.parentItem?.target},i("z-icon",{key:"ba4c4e1c0b1132cbcd4be7a4088bf1fb6618f062",name:"arrow-left",width:"0.5rem",height:"0.5rem"}),i("span",{key:"cc30b285857d7cb7908e35dadf424e0940342949"},this.parentItem?.label||"Home"))),this.loading?i("div",{class:"items-container",role:"none"},[...new Array(4)].map((()=>i("li",{role:"none"},i("div",{class:"menubar-item",role:"none"},i("z-ghost-loading",null)))))):this.menuType==="menu"?i(m,{items:this.menuItems,controlledBy:this.parentItem?.id,currentPath:this.currentPath,onItemKeyDown:e=>this.handleItemKeydown(e)}):this.menuItems?.length>0&&i("div",{class:"items-container",role:"none"},this.menuItems.map((e=>i("li",{role:"none"},i("a",{class:{"menu-item":this.menuType==="menu","menubar-item":this.menuType==="menubar"},href:e.href,id:e.id,role:"menuitem","aria-current":this.lastCurrent===e.id?"page":"false",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:e.target},i("span",{"data-text":e.label},e.label))))))))}static get delegatesFocus(){return true}static get watchers(){return{items:["onItemsChange"],currentPath:["onItemsChange"]}}};x.style=g+w;const y=":host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;top:0;right:0;display:flex;width:var(--closed-searchbar-width);justify-content:flex-end;transition:width 0.4s ease-in-out}.searchbar.searchbar-open{width:100%}.searchbar .input-wrapper{display:flex;overflow:hidden;width:100%;align-items:center;padding:8px;padding-left:var(--grid-margin);background-color:#fff;gap:8px;transition-duration:0.4s;transition-property:padding-right, padding-left, width;transition-timing-function:ease-in-out}.searchbar:not(.searchbar-open) .input-wrapper{overflow:hidden;width:0;padding:0}.searchbar button[type='reset']{--z-icon-width:1rem;--z-icon-height:1rem;display:flex;align-items:center;cursor:pointer}.searchbar input{z-index:1;width:100%;height:100%;padding:0;border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:1rem}.searchbar.searchbar-open input:first-child{padding-left:4px;margin-left:-4px;}.searchbar input[type='search']::-webkit-search-cancel-button,.searchbar input[type='search']::-webkit-search-decoration{appearance:none}.searchbar input::placeholder{color:var(--gray500)}.searchbar .searchbar-button{display:flex;align-items:center;justify-content:center;padding:10px var(--searchbar-button-x-padding);border-left:1px solid #000;background:var(--zanit-accent-color);font-family:inherit;font-size:inherit;gap:64px;line-height:1}.searchbar .searchbar-button:focus-visible{z-index:1}.searchbar-button z-icon{--z-icon-width:var(--searchbar-button-icon-width);--z-icon-height:var(--searchbar-button-icon-width)}@media (width < 1152px){.searchbar .searchbar-button>.searchbar-button-label{display:none}}@media (width >= 768px){.searchbar{--searchbar-button-x-padding:16px;--searchbar-button-icon-width:2rem}.searchbar .input-wrapper{gap:14px}.searchbar button[type='reset']{--z-icon-width:1.5rem;--z-icon-height:1.5rem}.searchbar input,.searchbar .searchbar-button{font-size:1.5rem}.searchbar .searchbar-button{padding:8px var(--searchbar-button-x-padding)}}@media (width >= 1152px){.searchbar{--closed-searchbar-width:190px}}@media (width >= 1366px){.searchbar .searchbar-button{border-right:1px solid #000}}";const v=class{constructor(t){e(this,t);this.search=n(this,"search");this.resetSearch=n(this,"resetSearch")}formElement;get host(){return t(this)}showSearchbar=false;_searchQuery=undefined;searchQuery=undefined;onSearchQueryChange(){this._searchQuery=this.searchQuery;if(this.searchQuery){this.openSearchbar()}}search;resetSearch;async connectedCallback(){this.showSearchbar=!!this.searchQuery;this._searchQuery=this.searchQuery}handleOutsideClick(e){if(this.showSearchbar&&this.formElement&&!h(this.formElement,e)){this.showSearchbar=false}}handleKeydown(e){switch(e.key){case"Escape":this.showSearchbar=false;break;case"Tab":if(h(this.host,e)){break}this.showSearchbar=false;break}}openSearchbar(){this.showSearchbar=true;setTimeout((()=>{const e=this.host.shadowRoot.querySelector("#searchbar-input");e.focus({preventScroll:true})}),500)}resetSearchQuery(){this.searchQuery=undefined;this.resetSearch.emit()}handleInputChange(e){this._searchQuery=e.target.value;if(!this._searchQuery){this.searchQuery=undefined}}onSearchSubmit(e){e.preventDefault();if(!this._searchQuery){return}this.showSearchbar=false;const t=this.search.emit({query:this._searchQuery});if(t.defaultPrevented){return}this.formElement.submit()}render(){return i("form",{key:"e1d177efbec2aea39cd30cfc8f02fe4e9f5e82d9",class:{searchbar:true,"searchbar-open":this.showSearchbar},ref:e=>this.formElement=e,role:"search","aria-label":"Cerca nel sito",method:"get",action:"/ricerca",onSubmit:e=>this.onSearchSubmit(e),onReset:()=>this.resetSearchQuery()},i("div",{key:"49aeaa97516d5782e1fcf866a5526ff19f8b0c14",class:"input-wrapper",role:"none"},this.searchQuery&&i("button",{key:"61ec6636b5efd875bcf879b28894ffd1cf8ac802",type:"reset","aria-label":"Svuota campo di ricerca",disabled:!this.showSearchbar,"aria-hidden":!this.showSearchbar?"true":undefined,tabIndex:!this.showSearchbar?-1:0},i("z-icon",{key:"a896ac0e6ae2762e9d5dbb0351634505b519a684",name:"multiply-circled"})),i("input",{key:"3ab6655ef669a6c30b5bbe547884c680284d7f14",id:"searchbar-input",name:"q",type:"search",disabled:!this.showSearchbar,placeholder:"Cerca per parola chiave o ISBN",onInput:e=>this.handleInputChange(e),value:this.searchQuery,required:true,"aria-label":"Cerca per parola chiave o ISBN","aria-hidden":!this.showSearchbar?"true":undefined,tabIndex:!this.showSearchbar?-1:0})),i("button",{key:"3df725da35664493fe70a15ea39184ab00b37e32",class:"searchbar-button","aria-label":this.showSearchbar?"Esegui ricerca":"Apri il campo di ricerca","aria-controls":"searchbar-input",type:this.showSearchbar?"submit":"button",onClick:()=>this.openSearchbar()},this.showSearchbar?null:i("span",{class:"searchbar-button-label"},"Cerca"),i("z-icon",{key:"8f6cfd25fbacbc04b7bc060470667eb9b2a45179",name:"search"})))}static get watchers(){return{searchQuery:["onSearchQueryChange"]}}};v.style=y;export{o as zanit_back_to_top,f as zanit_menubar,x as zanit_mobile_menubar,v as zanit_search_form};
-//# sourceMappingURL=p-22226d84.entry.js.map