@zanichelli/zanichelli-it-frontend-kit 1.4.1 → 1.4.2

package/dist/components/p-BMtMaJq9.js

@@ -0,0 +1 @@
+import{h as e,t,p as i,H as n}from"./index.js";import{d as a,S as r,m as o,c as s}from"./p-BXeRLfHX.js";const m="default",l={id:m,label:m},d=({controlledBy:t,items:i,currentPath:n=[],onItemKeyDown:a})=>{if(!i?.length)return null;const r=(e=>e.reduce(((e,t)=>{const i=e.find((({group:e})=>e.id===(t.group?.id||l.id)));return i?i.items.push(t):e.push({group:t.group??l,items:[t]}),e}),[]).sort(((e,t)=>e.group.id===m?1:t.group.id===m?-1:0)))(i),o=e=>n.includes(t)&&n.includes(e.id);return e("div",{class:"menu-wrapper",role:"none"},e("div",{class:"menu","aria-labelledby":t??void 0,role:"menu"},r.map((({group:t,items:i})=>e("div",{class:{group:!0,highlight:i.some((e=>e.highlight))}},t.id!==m?e("div",{class:"group-name",id:t.id},t.label):r.length>1?e("div",{class:"group-name"}):null,e("ul",{class:"menu-list",role:"group","aria-labelledby":t.id!==m?t.id:void 0},i.map((t=>e("li",{role:"none"},t.href&&e("a",{class:{"menu-item":!0,active:o(t)},href:t.href,role:"menuitem",tabIndex:-1,"aria-current":o(t)?"page":"false",onKeyDown:e=>a(e),target:t.target},t.label))))))))))},h=i(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}currentPath=[];items=[];searchQuery=void 0;loading=!1;searchEnv=r.PROD;searchArea;lastCurrent=void 0;parentItem=void 0;menuItems=void 0;menuType=void 0;open=!1;onItemsChange(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:void 0,this.setupData(this.items)}setupData(e,t){if(void 0===this.lastCurrent)return this.parentItem=void 0,this.menuType="menubar",void(this.menuItems=e);for(const i of e){if(i.id===this.lastCurrent)return this.parentItem=t,this.menuType=i.menuItems?.length?"menu":"menubar",void(this.menuItems=i.menuItems||i.navbarItems);if(this.currentPath.length>1&&i.id===this.currentPath[this.currentPath.length-2]&&i.menuItems?.some((({id:e})=>e===this.lastCurrent)))return this.parentItem=i,this.menuType=i.menuItems?.length?"menu":"menubar",void(this.menuItems=i.menuItems||i.navbarItems);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",0===t?"0":"-1")))}toggleMenu(){this.open?this.open=!1:(this.open=!0,setTimeout((()=>{this.initTabindex(),this.menuItemsElement[0]?.focus({preventScroll:!0})}),200))}handleItemKeydown(e){switch(e.key){case"ArrowUp":{e.preventDefault(),e.stopPropagation();const t=this.menuItemsElement,i=t.indexOf(e.target);o(t[i],t[(i-1+t.length)%t.length]);break}case"ArrowDown":{e.preventDefault(),e.stopPropagation();const t=this.menuItemsElement,i=t.indexOf(e.target);o(t[i],t[(i+1)%t.length]);break}case"Home":e.preventDefault(),e.stopPropagation(),o(e.target,this.menuItemsElement[0]);break;case"End":e.preventDefault(),e.stopPropagation(),o(e.target,this.menuItemsElement.pop())}}connectedCallback(){this.lastCurrent=this.currentPath?.length?this.currentPath[this.currentPath.length-1]:void 0,this.setupData(this.items)}handleOutsideClick(e){s(this.host,e)||(this.open=!1)}handleKeydown(e){switch(e.key){case"Escape":this.open=!1;break;case"Tab":if(s(this.host,e))break;this.open=!1}}handleFocusout(e){s(this.host,e)||(this.open=!1)}render(){return e("nav",{key:"e3c4f8212d54b84206c2d40c9670263dd0f2460a","aria-label":"Zanichelli.it"},e("button",{key:"8f4600dbb2c530e5901127d556eee94dcd60947a",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()},e("z-icon",{key:"aa3d06cca2f2c7e92cb4afb37a5085ea37ec8283",name:this.open?"multiply":"burger-menu",width:"1.5rem",height:"1.5rem"})),e("z-logo",{key:"af3724fc7f330c7b2f7d826bd0dd2edc2dbb5742",imageAlt:"Logo Zanichelli",link:"/",height:32,width:126}),e("zanit-search-form",{key:"cc3c8e2ece6ac0428864d8affcd567c9a1272824",searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=void 0,searchArea:this.searchArea,searchEnv:this.searchEnv}),this.open&&e("ul",{key:"0c35b0f4869ae076a1c02f07f1b19e787f4c3780",class:"mobile-menu",role:"menubar"},!this.loading&&this.currentPath&&this.currentPath.length>0&&e("li",{key:"ff8e9d8871ebea21ba178d1ba9d295d26b018be2",role:"none"},e("a",{key:"4afb5ccda0e206f640f429ecfe7ac1e3491a475d",class:"parent",href:this.parentItem?.href??"/",id:this.parentItem?.id??void 0,role:"menuitem",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:this.parentItem?.target},e("z-icon",{key:"2db8da21ad88b937d591eac551a3599704e13147",name:"arrow-left",width:"0.5rem",height:"0.5rem"}),e("span",{key:"d285244285ccee5e76db049cb4fba1dd591d7ce1"},this.parentItem?.label||"Home"))),this.loading?e("div",{class:"items-container",role:"none"},[...new Array(4)].map((()=>e("li",{role:"none"},e("div",{class:"menubar-item",role:"none"},e("z-ghost-loading",null)))))):"menu"===this.menuType?e(d,{items:this.menuItems,controlledBy:this.parentItem?.id,currentPath:this.currentPath,onItemKeyDown:e=>this.handleItemKeydown(e)}):this.menuItems?.length>0&&e("div",{class:"items-container",role:"none"},this.menuItems.map((t=>e("li",{role:"none"},e("a",{class:{"menu-item":"menu"===this.menuType,"menubar-item":"menubar"===this.menuType},href:t.href,id:t.id,role:"menuitem","aria-current":this.lastCurrent===t.id?"page":"false",tabIndex:-1,onKeyDown:e=>this.handleItemKeydown(e),target:t.target},e("span",{"data-text":t.label},t.label))))))))}static get delegatesFocus(){return!0}static get watchers(){return{items:[{onItemsChange:0}],currentPath:[{onItemsChange:0}]}}static get style(){return":host{position:relative;z-index:2;display:block;width:100%;max-width:100%;height:3rem;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}.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}}"}},[529,"zanit-mobile-menubar",{currentPath:[16],items:[16],searchQuery:[1025,"search-query"],loading:[4],searchEnv:[1,"search-env"],searchArea:[1,"search-area"],lastCurrent:[32],parentItem:[32],menuItems:[32],menuType:[32],open:[32]},[[5,"click","handleOutsideClick"],[1,"keydown","handleKeydown"],[5,"focusin","handleFocusout"]],{items:[{onItemsChange:0}],currentPath:[{onItemsChange:0}]}]);function u(){"undefined"!=typeof customElements&&["zanit-mobile-menubar","zanit-search-form"].forEach((e=>{switch(e){case"zanit-mobile-menubar":customElements.get(t(e))||customElements.define(t(e),h);break;case"zanit-search-form":customElements.get(t(e))||a()}}))}u();export{d as M,h as Z,u as d}

package/dist/components/p-BXeRLfHX.js

@@ -0,0 +1 @@
+import{t as e,p as a,H as t,c as r,h as i,a as s}from"./index.js";const n=(e,a)=>a.composedPath().filter((e=>e!==document&&e!==window.window)).some((a=>e.contains(a))),o=(e,a)=>{e.tabIndex=-1,a.tabIndex=0,a.focus({preventScroll:!0})},h=e=>"ArrowDown"===e.key,c=e=>"Escape"===e.key;var d;!function(e){e.DEV="dev",e.TEST="test",e.PROD="prod"}(d||(d={}));const u={dev:"https://zanichelli-shop-dev.s3.eu-west-1.amazonaws.com",test:"https://zanichelli-shop-test.s3.eu-west-1.amazonaws.com",prod:"https://zanichelli-shop.s3.eu-west-1.amazonaws.com"};var l;!function(e){e.SCUOLA="Scuola",e["UNIVERSITÀ"]="Università",e.GIURIDICO="Giuridico",e.DIZIONARI="Dizionari",e.SAGGISTICA="Saggistica"}(l||(l={}));const b=Object.keys(l);const g=(e,a)=>({id:f(`word-${e}-${a}`),label:v(e,a),aria_label:y(e,a,!1),url:m({q:e,...a?{area:a}:{},user_query:e}),...w(e,e,a)}),p=(e,a,t)=>({id:f(`subj-${e}-${a}-${t}`),label:v(e,a),aria_label:y(e,a,!0),url:m({area:a,materia:t,user_query:e}),...w(e,void 0,a,t)}),f=e=>e.split("").map((e=>e.charCodeAt(0).toString(16))).join(""),m=e=>`/ricerca?${new URLSearchParams(e).toString()}`,w=(e,a,t,r)=>({user_query:e,...a?{query:a}:{},...t?{area:t}:{},...r?{subject:r}:{}}),v=(e,a)=>`<mark>${e}</mark> in <strong>${a?`${l[a]??a}`:"tutto il sito"}</strong>`,y=(e,a,t=!1)=>`Cerca la ${t?"materia":"parola"} ${e} ${a?`nel catalogo ${l[a]??a}`:"in tutto il sito"}`,S=e=>e.toLowerCase().replace(/\s+/g," "),x=e=>{const a=b.indexOf(e);return a>=0?a:100},z=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.search=r(this,"search"),this.resetSearch=r(this,"resetSearch")}formElement;subjectsByArea={};timer;get host(){return this}showSearchbar=!1;_searchQuery=void 0;suggestions=[];activeSuggestion="";showSuggestions=!1;searchQuery=void 0;searchEnv=d.PROD;searchArea;onSearchQueryChange(){this._searchQuery=this.searchQuery,this.searchQuery&&this.openSearchbar(),this.resetSuggestions()}onSearchAreaChange(){this.resetSuggestions()}onShowSearchbarChange(){this.showSearchbar||(this.showSuggestions=!1)}onShowSuggestionsChange(){this.activeSuggestion=""}search;resetSearch;async connectedCallback(){this.subjectsByArea=await async function(e){try{const a=await fetch(`${u[e]}/categories.json`);if(!a.ok)throw new Error(`HTTP ${a.status}`);return await a.json()}catch(e){return console.error("Error fetching subjects:",e),{}}}(this.searchEnv),this.showSearchbar=!!this.searchQuery,this._searchQuery=this.searchQuery}handleOutsideClick(e){this.showSearchbar&&this.host&&!n(this.host,e)&&(this.showSearchbar=!1)}handleEsc(e){c(e)&&(this.showSuggestions?this.showSuggestions=!1:this.showSearchbar=!1)}handleTab(e){(e=>"Tab"===e.key)(e)&&(this.showSuggestions=!1,n(this.host,e)||(this.showSearchbar=!1))}openSearchbar(){this.showSearchbar=!0,setTimeout((()=>{this.host.shadowRoot.querySelector("#searchbar-input").focus({preventScroll:!0})}),500)}resetSearchQuery(){this.searchQuery=void 0,this.resetSearch.emit()}resetSuggestions(){this.suggestions=[],this.showSuggestions=!1}handleInputChange(e){this._searchQuery=e.target.value,this._searchQuery||(this.searchQuery=void 0),this.updateSuggestions()}updateSuggestions(){clearTimeout(this.timer);const e=(this._searchQuery||"").trim();e.length<3?this.resetSuggestions():this.timer=setTimeout((()=>{this.resetSuggestions(),this.suggestions=function(e,a,t){const r=function(e,a){const t=S(e);return Object.entries(a).filter((([,e])=>e.some((e=>e.toLowerCase()===t)))).map((([e])=>e))}(e,a),i=r.length>0,s=i?e.toUpperCase():void 0,n=[];return t&&n.push(g(e,t)),n.push(g(e)),i&&(t?[...r.filter((e=>e===t)),...r.filter((e=>e!==t)).sort(((e,a)=>x(e)-x(a)))].forEach((a=>n.push(p(e,a,s)))):r.sort(((e,a)=>x(e)-x(a))).forEach((a=>n.push(p(e,a,s))))),n}(e,this.subjectsByArea,this.searchArea?.toUpperCase()),this.showSuggestions=!0}),300)}onSearchSubmit(e){if(e.preventDefault(),this._searchQuery){if(this.activeSuggestion){const e=this.suggestions.find((e=>e.id===this.activeSuggestion));if(e)return this.submitSuggestionSearch(e),void(this.showSuggestions=!1)}this.showSearchbar=!1,this.search.emit({query:this._searchQuery,area:this.searchArea}).defaultPrevented||this.formElement.submit()}}submitSuggestionSearch(e){this.search.emit({user_query:e.user_query,query:e.query,area:e.area,subject:e.subject}).defaultPrevented||(window.location.href=e.url)}handleSuggestionsNav(e){if(!h(e)&&!(e=>"ArrowUp"===e.key)(e))return;if(!this.suggestions.length)return;const a=this.suggestions.map((e=>e.id));if(!a.length)return;e.preventDefault(),e.stopPropagation(),this.showSuggestions||(this.showSuggestions=!0);let t=null;const r=a[0],i=a[a.length-1],s=a.indexOf(this.activeSuggestion);t=s<0?h(e)?r:i:h(e)?a[s+1]||i:a[s-1]||r,this.activeSuggestion=t}renderSuggestions(){const e=(e,a)=>i("span",{key:a,class:"suggestion-head","aria-hidden":"true"},e);return i("div",{class:{"suggestions-wrapper":!0,hidden:!this.showSuggestions||!this.suggestions.length},onPointerOver:e=>e.preventDefault()},i("div",{id:"search-suggestions",class:"suggestions",role:"listbox","aria-label":"Seleziona tra i suggerimenti"},this.suggestions.map(((a,t)=>{const r=[];return 0===t?r.push(e("Cerca la parola","word-head")):a.subject&&!this.suggestions[t-1].subject&&(r.push(i("z-divider",{"aria-hidden":"true"})),r.push(e("Cerca la materia","subj-head"))),r.push(i("span",{key:t,id:a.id,class:"suggestion",role:"option","aria-label":a.aria_label,"aria-selected":this.activeSuggestion===a.id?"true":void 0,onClick:()=>this.submitSuggestionSearch(a)},i("z-icon",{name:"left-magnifying-glass"}),i("span",{"aria-hidden":"true",innerHTML:a.label}))),r}))))}render(){return i(s,{key:"c87ecbcbff0205ddb35fb96bbfbcca6bb7ac8802"},i("form",{key:"77f2951f88ae0361897161688f3a9875d555b20c",class:{searchbar:!0,"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()},!!this.searchArea&&i("input",{key:"3cf0dceef1acc58c3c0e637f974db6c7587be081",type:"hidden",name:"area",value:this.searchArea}),i("div",{key:"d797f9832f29b723010ca486298f0c4a4aabe3ee",class:"input-wrapper",role:"none"},this.searchQuery&&i("button",{key:"2d5971957d84e83120fc96f49e359635e3792104",type:"reset","aria-label":"Svuota campo di ricerca",disabled:!this.showSearchbar,"aria-hidden":this.showSearchbar?void 0:"true",tabIndex:this.showSearchbar?0:-1},i("z-icon",{key:"7027abe8c6a2211433048041a4ef2a5e273ca226",name:"multiply-circled"})),i("input",{key:"2184d3fa615d94bf3615606a4624abdbb81cb2ae",id:"searchbar-input",name:"q",type:"search",disabled:!this.showSearchbar,placeholder:"Cerca per parola chiave o ISBN",value:this.searchQuery,required:!0,autocomplete:"off",role:"combobox","aria-autocomplete":"list","aria-expanded":this.showSuggestions?"true":"false","aria-controls":"search-suggestions","aria-activedescendant":this.activeSuggestion,"aria-label":"Cerca per parola chiave o ISBN","aria-hidden":this.showSearchbar?void 0:"true",tabIndex:this.showSearchbar?0:-1,onInput:e=>this.handleInputChange(e),onKeyDown:e=>{c(e)&&e.preventDefault(),this.handleSuggestionsNav(e)}})),i("button",{key:"06a7ad6e3e4c74f2dd3bd56fb6f2da006c8d59c0",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:"72e66f0280f0b835e760c1631076b71fa5dc03fa",name:"search"}))),this.renderSuggestions())}static get watchers(){return{searchQuery:[{onSearchQueryChange:0}],searchArea:[{onSearchAreaChange:0}],showSearchbar:[{onShowSearchbarChange:0}],showSuggestions:[{onShowSuggestionsChange:0}]}}static get style(){return":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;z-index:5;top:0;right:0;display:flex;width:var(--closed-searchbar-width);height:3rem;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)}.suggestions-wrapper{position:absolute;z-index:4;top:3rem;left:50%;width:100vw;border-top:1px solid var(--gray200);margin-left:-50vw;background:#fff;box-shadow:var(--shadow-1)}.suggestions-wrapper.hidden{display:none}.suggestions{display:flex;width:100%;flex-direction:column;align-items:stretch;padding:var(--space-unit);margin:0 auto}.suggestion-head{padding:calc(var(--space-unit) * 0.75) var(--space-unit);color:var(--gray700);font-size:0.875rem;font-weight:var(--font-md);line-height:1.125rem}.suggestion{display:flex;padding:calc(var(--space-unit) * 0.75) var(--space-unit);color:var(--gray900);cursor:pointer;font-size:1rem;gap:var(--space-unit);line-height:1.5rem}.suggestion:hover,.suggestion[aria-selected='true']{background:var(--gray100)}.suggestion strong{font-weight:var(--font-bd)}.suggestion mark{background-color:var(--red50)}.suggestion z-icon{--z-icon-height:1.125rem;margin-top:0.125rem}.suggestions z-divider{margin:var(--space-unit) 0}@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)}.suggestions{padding:var(--space-unit) calc(var(--space-unit) * 2)}}@media (width >= 1152px){.searchbar{--closed-searchbar-width:190px}}@media (width >= 1366px){.searchbar .searchbar-button{border-right:1px solid #000}.suggestions{max-width:1366px;padding:var(--space-unit) calc(var(--space-unit) * 3)}}"}},[513,"zanit-search-form",{searchQuery:[1025,"search-query"],searchEnv:[1,"search-env"],searchArea:[1,"search-area"],showSearchbar:[32],_searchQuery:[32],suggestions:[32],activeSuggestion:[32],showSuggestions:[32]},[[5,"mousedown","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{searchQuery:[{onSearchQueryChange:0}],searchArea:[{onSearchAreaChange:0}],showSearchbar:[{onShowSearchbarChange:0}],showSuggestions:[{onShowSuggestionsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["zanit-search-form"].forEach((a=>{"zanit-search-form"===a&&(customElements.get(e(a))||customElements.define(e(a),z))}))}k();export{d as S,z as Z,n as c,k as d,o as m}

package/dist/components/zanit-back-to-top.js

@@ -1,88 +1 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-
-const backToTopCss = ".sc-zanit-back-to-top-h{opacity:1;transition:all 0.2s linear;visibility:visible}.hidden.sc-zanit-back-to-top-h{opacity:0;visibility:hidden}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}";
-
-const ZanitBackTop = /*@__PURE__*/ proxyCustomElement(class ZanitBackTop extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    resizeObserver;
-    mutationObserver;
-    get host() { return this; }
-    /** Indicates whether the back-to-top button is visible and usable. */
-    showFab = false;
-    /** Indicates the current height of the page. */
-    currentPageHeight;
-    /** Indicates if the viewport is mobile. */
-    isMobile = false;
-    /** Min page height from which the back-to-top button must appear. */
-    pageMinHeight = 1600;
-    /** Min scroll height from which the back-to-top button must appear. */
-    scrollMinHeight = 800;
-    handleScroll() {
-        this.updateFabVisibility();
-    }
-    handleResize = () => {
-        const newHeight = document.body.scrollHeight;
-        if (newHeight !== this.currentPageHeight) {
-            this.currentPageHeight = newHeight;
-            this.updateFabVisibility();
-        }
-    };
-    connectedCallback() {
-        this.currentPageHeight = document.body.scrollHeight;
-        this.resizeObserver = new ResizeObserver(this.handleResize);
-        this.resizeObserver.observe(document.body);
-        this.mutationObserver = new MutationObserver(this.handleResize);
-        this.mutationObserver.observe(document.body, { childList: true, subtree: true });
-        this.updateFabVisibility();
-        const mobileMediaQuery = window.matchMedia('(width < 768px)');
-        this.isMobile = mobileMediaQuery.matches;
-        mobileMediaQuery.onchange = (mql) => {
-            this.isMobile = mql.matches;
-        };
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-        this.mutationObserver.disconnect();
-    }
-    updateFabVisibility() {
-        this.showFab = this.currentPageHeight > this.pageMinHeight && window.scrollY > this.scrollMinHeight;
-    }
-    scroll() {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    }
-    render() {
-        return (h(Host, { key: '3abd8ab70075d8042285d8ed6fab0729c4b5ec42', class: { hidden: !this.showFab }, "aria-hidden": this.showFab ? 'false' : 'true' }, h("button", { key: '11b149d5f1d75720d4bdd329e9897da782092ed1', class: { 'z-fab': true, 'z-fab-extended': !this.isMobile }, onClick: () => this.scroll() }, h("z-icon", { key: 'fbdff1419da6d20ab594ffd11c58d7bf25fb7aa6', name: "back-top" }), h("span", { key: '0292f761b5459c372f003ed514abbd3403570c75' }, "Torna su"))));
-    }
-    static get style() { return backToTopCss; }
-}, [2, "zanit-back-to-top", {
-        "pageMinHeight": [2, "page-min-height"],
-        "scrollMinHeight": [2, "scroll-min-height"],
-        "showFab": [32],
-        "currentPageHeight": [32],
-        "isMobile": [32]
-    }, [[9, "scroll", "handleScroll"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zanit-back-to-top"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zanit-back-to-top":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZanitBackTop);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ZanitBackToTop = ZanitBackTop;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZanitBackToTop, defineCustomElement };
-//# sourceMappingURL=zanit-back-to-top.js.map
-
-//# sourceMappingURL=zanit-back-to-top.js.map
+import{t,p as e,H as i,h as s,a}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}resizeObserver;mutationObserver;get host(){return this}showFab=!1;currentPageHeight;isMobile=!1;pageMinHeight=1600;scrollMinHeight=800;handleScroll(){this.updateFabVisibility()}handleResize=()=>{const t=document.body.scrollHeight;t!==this.currentPageHeight&&(this.currentPageHeight=t,this.updateFabVisibility())};connectedCallback(){this.currentPageHeight=document.body.scrollHeight,this.resizeObserver=new ResizeObserver(this.handleResize),this.resizeObserver.observe(document.body),this.mutationObserver=new MutationObserver(this.handleResize),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}),this.updateFabVisibility();const t=window.matchMedia("(width < 768px)");this.isMobile=t.matches,t.onchange=t=>{this.isMobile=t.matches}}disconnectedCallback(){this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}updateFabVisibility(){this.showFab=this.currentPageHeight>this.pageMinHeight&&window.scrollY>this.scrollMinHeight}scroll(){window.scrollTo({top:0,behavior:"smooth"})}render(){return s(a,{key:"8db557141277e71d6d2fdaad2e525df03fb78461",class:{hidden:!this.showFab},"aria-hidden":this.showFab?"false":"true"},s("button",{key:"e9a1cfcc75c39e6a5d657712306e331bbfabbcf9",class:{"z-fab":!0,"z-fab-extended":!this.isMobile},onClick:()=>this.scroll()},s("z-icon",{key:"c83accba15ee2efbbef5f17cdbb92c57f7aee0a0",name:"back-top"}),s("span",{key:"59167788a06ac2b45b4e91c944c0fefd1dc79780"},"Torna su")))}static get style(){return".sc-zanit-back-to-top-h{opacity:1;transition:all 0.2s linear;visibility:visible}.hidden.sc-zanit-back-to-top-h{opacity:0;visibility:hidden}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}"}},[514,"zanit-back-to-top",{pageMinHeight:[2,"page-min-height"],scrollMinHeight:[2,"scroll-min-height"],showFab:[32],currentPageHeight:[32],isMobile:[32]},[[9,"scroll","handleScroll"]]]);function c(){"undefined"!=typeof customElements&&["zanit-back-to-top"].forEach((e=>{"zanit-back-to-top"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}c();const n=o,h=c;export{n as ZanitBackToTop,h as defineCustomElement}

package/dist/components/zanit-menubar.js

@@ -1,455 +1 @@
-import { p as proxyCustomElement, H, h, F as Fragment } from './index.js';
-import { d as defineCustomElement$2, S as SearchEnv, c as containsTarget, m as moveFocus } from './p-DqMqkNnl.js';
-import { d as defineCustomElement$3, M as Menu } from './p-BlgoYKK3.js';
-
-const menubarCss = ":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;z-index:3;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{height:3rem;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 menuCss = ".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 ZanitMenubar$1 = /*@__PURE__*/ proxyCustomElement(class ZanitMenubar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    get host() { return this; }
-    /** Menubar items extracted from `data`. */
-    items = [];
-    /** ID of the currently open menu. */
-    openMenu = undefined;
-    /** ID of the item to show the subitems navbar for. */
-    openNavbar = undefined;
-    /** IDs of the current prop */
-    currentPath = [];
-    isMobile = false;
-    loading = false;
-    /** The data to build the menu (as an array of `MenubarItem` or a JSON array) or the url to fetch to retrieve it. */
-    data;
-    /** Path of the current item. */
-    current = undefined;
-    /** Initial search query. */
-    searchQuery = undefined;
-    /** Environment for search suggestions */
-    searchEnv = SearchEnv.PROD;
-    /** Search area (e.g. "SCUOLA", "UNIVERSITÀ", "DIZIONARI").  */
-    searchArea;
-    timerId;
-    /** Setup the list of items. */
-    async parseData(data) {
-        if (!data) {
-            return;
-        }
-        if (data instanceof URL) {
-            this.items = await this.fetchData(data);
-        }
-        else if (data instanceof Promise) {
-            this.loading = true;
-            this.items = await data;
-            this.loading = false;
-        }
-        else if (typeof data === 'string') {
-            try {
-                this.items = JSON.parse(data);
-                if (!Array.isArray(this.items) || !this.items?.every((item) => item)) {
-                    throw new Error('Expected an array of MenubarItem objects.');
-                }
-            }
-            catch {
-                let url;
-                try {
-                    url = new URL(data);
-                }
-                catch {
-                    throw new Error('Invalid string provided for `data` property: not a valid url or JSON.');
-                }
-                this.items = await this.fetchData(url);
-            }
-        }
-        else if (Array.isArray(data) && data.every((item) => item)) {
-            this.items = data;
-        }
-        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 mobileMediaQuery = window.matchMedia('(width < 768px)');
-        this.isMobile = mobileMediaQuery.matches;
-        mobileMediaQuery.onchange = (mql) => {
-            this.isMobile = mql.matches;
-            this.initTabindex();
-            this.openMenu = undefined;
-        };
-        await this.parseData(this.data);
-        this.onCurrentChange();
-        this.initTabindex();
-    }
-    /** Close any open menu when clicking outside. */
-    handleOutsideClick(event) {
-        if (!this.openMenu || containsTarget(this.host, event)) {
-            return;
-        }
-        this.openMenu = undefined;
-    }
-    /** Close any open menu when pressing Escape or Tab.
-     * Uses document-level listener to ensure Escape works from any focus location within the menu.
-     */
-    handleKeydown(event) {
-        switch (event.key) {
-            case 'Escape': {
-                if (this.openMenu) {
-                    event.preventDefault();
-                    // Return focus to the menu trigger after closing
-                    const menuTriggerId = this.openMenu;
-                    this.openMenu = undefined;
-                    // Use setTimeout(0) to defer focus until after Stencil's render cycle completes
-                    setTimeout(() => {
-                        const menuTrigger = this.host.shadowRoot.getElementById(menuTriggerId);
-                        if (menuTrigger) {
-                            menuTrigger.focus();
-                        }
-                    }, 0);
-                }
-                break;
-            }
-            case 'Tab':
-                this.openMenu = undefined;
-                break;
-        }
-    }
-    handleMouseover() {
-        clearTimeout(this.timerId);
-    }
-    /**
-     * Automatically close any open menu on mouseout after with a little delay.
-     * The delay is useful to avoid immediate closing when the pointer briefly leaves the component.
-     */
-    handleMouseout(event) {
-        this.timerId = window.setTimeout(() => {
-            if (!this.openMenu || containsTarget(this.host, event)) {
-                return;
-            }
-            this.openMenu = undefined;
-        }, 500);
-    }
-    /** Close the menu when it loses focus. */
-    handleFocusout(event) {
-        const relatedTarget = event.relatedTarget;
-        if (!this.openMenu || this.host.shadowRoot.querySelector('.menu')?.contains(relatedTarget)) {
-            return;
-        }
-        this.openMenu = undefined;
-    }
-    /** Fetch data from passed URL. */
-    async fetchData(url) {
-        try {
-            this.loading = true;
-            const data = await (await fetch(url)).json();
-            this.loading = false;
-            if (!Array.isArray(data) || !data.every((item) => item)) {
-                throw new Error('Invalid data structure. Expected an array of MenuItem objects.');
-            }
-            return data;
-        }
-        catch (error) {
-            this.loading = false;
-            console.error('Error fetching menubar data:', error);
-            throw new Error('Failed to fetch menubar data from the provided URL.', { cause: error });
-        }
-    }
-    /** Initialize tabindex on menuitems of menubars, setting -1 to all but the first one. */
-    initTabindex() {
-        setTimeout(() => {
-            this.host.shadowRoot.querySelectorAll('[role="menubar"]')?.forEach((menubar) => {
-                menubar
-                    .querySelectorAll('[role="menuitem"]')
-                    ?.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));
-            });
-        }, 100);
-    }
-    /** Indicates whether the element has to be highlighted by checking whether it is set as current or one of its descendants is. */
-    isActive(item) {
-        if (this.currentPath.length === 0) {
-            return false;
-        }
-        if (this.currentPath.includes(item.id)) {
-            return true;
-        }
-        if (item.menuItems?.length) {
-            return item.menuItems.some((menuItem) => menuItem.id === this.current);
-        }
-        if (item.navbarItems?.length) {
-            const isActive = item.navbarItems.some((navbarItem) => this.isActive(navbarItem));
-            if (isActive) {
-                return true;
-            }
-        }
-        return false;
-    }
-    /** Opens the menu associated with the menubar `item`, if any. */
-    showMenu(item) {
-        this.openMenu = undefined; // close any open menu first
-        if (!item.menuItems?.length) {
-            return;
-        }
-        this.openMenu = item.id;
-    }
-    /** Get all elements with `menuitem` role inside parent's `menubar`. * */
-    getParentMenubarElements(itemEl) {
-        return Array.from(itemEl?.closest('[role="menubar"]')?.querySelectorAll(':scope > li a[role="menuitem"]') ?? []);
-    }
-    /** Move the focus to the previous menubar item, or the last one. Then open its menu if any other menu was open. */
-    focusPreviousItem(itemEl) {
-        this.openMenu = undefined; // close any open menu first
-        const menubarElements = this.getParentMenubarElements(itemEl);
-        const currentIndex = menubarElements.indexOf(itemEl);
-        const prevItem = menubarElements[(currentIndex - 1 + menubarElements.length) % menubarElements.length]; // get previous item or last one
-        moveFocus(itemEl, prevItem);
-        // open the item's menu if any other menu was open
-        if (prevItem.ariaHasPopup === 'true' && this.openMenu) {
-            this.openMenu = prevItem.id;
-        }
-    }
-    /** Move the focus to the next menubar item, or the first one. Then open its menu if any other menu was open. */
-    focusNextItem(itemEl) {
-        this.openMenu = undefined; // close any open menu first
-        const menubarElements = this.getParentMenubarElements(itemEl);
-        const currentIndex = menubarElements.indexOf(itemEl);
-        const nextItem = menubarElements[(currentIndex + 1) % menubarElements.length]; // get next item or first one
-        moveFocus(itemEl, nextItem);
-        // open the item's menu if any other menu was open
-        if (nextItem.ariaHasPopup === 'true' && this.openMenu) {
-            this.openMenu = nextItem.id;
-        }
-    }
-    /** Handles keyboard navigation on menubar items. */
-    handleItemKeydown(event, item) {
-        const target = event.target;
-        switch (event.key) {
-            case 'Home': {
-                event.preventDefault();
-                event.stopPropagation();
-                const firstItem = this.getParentMenubarElements(target)[0];
-                moveFocus(target, firstItem);
-                break;
-            }
-            case 'End': {
-                event.preventDefault();
-                event.stopPropagation();
-                const lastItem = this.getParentMenubarElements(target).pop();
-                moveFocus(target, lastItem);
-                break;
-            }
-            case 'ArrowUp': {
-                if (!item.menuItems?.length) {
-                    break;
-                }
-                event.preventDefault();
-                event.stopPropagation();
-                this.openMenu = item.id;
-                // focus last item of the menu
-                setTimeout(() => {
-                    const menuItems = Array.from(this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${item.id}] [role="menuitem"]`));
-                    moveFocus(target, menuItems[menuItems.length - 1]);
-                }, 100);
-                break;
-            }
-            case 'ArrowRight': {
-                event.preventDefault();
-                event.stopPropagation();
-                this.focusNextItem(target);
-                break;
-            }
-            case 'ArrowDown': {
-                if (!item.menuItems?.length) {
-                    break;
-                }
-                this.openItemMenu(item);
-                break;
-            }
-            case 'ArrowLeft': {
-                event.preventDefault();
-                event.stopPropagation();
-                this.focusPreviousItem(target);
-                break;
-            }
-            case ' ': {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this.openMenu === item.id) {
-                    this.openMenu = undefined;
-                    break;
-                }
-                else if (item.menuItems?.length) {
-                    this.openItemMenu(item);
-                    break;
-                }
-            }
-        }
-    }
-    /** Get the previous element with `role=group`. */
-    getPreviousGroup(groupContainer) {
-        const groups = Array.from(groupContainer?.closest('[role="menu"]')?.querySelectorAll('[role="group"]') ?? []);
-        const currentIndex = groups.indexOf(groupContainer);
-        return groups[currentIndex - 1];
-    }
-    /** Get the next element with `role=group`. */
-    getNextGroup(groupContainer) {
-        const groups = Array.from(groupContainer?.closest('[role="menu"]')?.querySelectorAll('[role="group"]') ?? []);
-        const currentIndex = groups.indexOf(groupContainer);
-        return groups[currentIndex + 1];
-    }
-    openItemMenu(item) {
-        this.openMenu = item.id;
-        setTimeout(() => {
-            // focus first item of the menu
-            const firstMenuItem = this.host.shadowRoot.querySelector(`[aria-labelledby=${item.id}] [role="menuitem"]`);
-            firstMenuItem.tabIndex = 0;
-            firstMenuItem.focus({ preventScroll: true });
-        }, 100);
-    }
-    /** Handles keyboard navigation events from `Menu` component. */
-    handleMenuKeydown(event) {
-        const itemElement = event.target;
-        const items = Array.from(itemElement.closest('[role="menu"]')?.querySelectorAll('[role="menuitem"]') ?? []);
-        const currentIndex = items.indexOf(itemElement);
-        switch (event.key) {
-            case 'ArrowUp': {
-                event.preventDefault();
-                event.stopPropagation();
-                const prevItem = items[currentIndex - 1] || items[items.length - 1];
-                moveFocus(itemElement, prevItem);
-                break;
-            }
-            // Move the focus to the first item of the next group if any, otherwise move it to the next menubar item
-            case 'ArrowRight': {
-                event.preventDefault();
-                event.stopPropagation();
-                const currentGroup = itemElement.closest('[role=group]');
-                const nextGroup = this.getNextGroup(currentGroup);
-                if (!nextGroup) {
-                    itemElement.tabIndex = -1;
-                    const menuTriggerId = itemElement.closest('[role="menu"][aria-labelledby]').getAttribute('aria-labelledby');
-                    const focusedItem = this.host.shadowRoot.getElementById(menuTriggerId);
-                    this.focusNextItem(focusedItem);
-                    break;
-                }
-                const nextGroupItems = (nextGroup.querySelectorAll('[role="menuitem"]') ?? []);
-                moveFocus(itemElement, nextGroupItems[0]);
-                break;
-            }
-            case 'ArrowDown': {
-                event.preventDefault();
-                event.stopPropagation();
-                const nextItem = items[currentIndex + 1] || items[0];
-                moveFocus(itemElement, nextItem);
-                break;
-            }
-            // Move the focus to the first item of the previous group if any, otherwise move it to the previous menubar item
-            case 'ArrowLeft': {
-                event.preventDefault();
-                event.stopPropagation();
-                const currentGroup = itemElement.closest('[role=group]');
-                const prevGroup = this.getPreviousGroup(currentGroup);
-                if (!prevGroup) {
-                    itemElement.tabIndex = -1;
-                    const menuTriggerId = itemElement.closest('[role="menu"][aria-labelledby]').getAttribute('aria-labelledby');
-                    const focusedItem = this.host.shadowRoot.getElementById(menuTriggerId);
-                    this.focusPreviousItem(focusedItem);
-                    break;
-                }
-                const prevGroupItems = (prevGroup.querySelectorAll('[role="menuitem"]') ?? []);
-                moveFocus(itemElement, prevGroupItems[0]);
-                break;
-            }
-            case 'Home':
-                // Move to the first menu item
-                event.preventDefault();
-                event.stopPropagation();
-                moveFocus(itemElement, items[0]);
-                break;
-            case 'End':
-                // Move to the last menu item
-                event.preventDefault();
-                event.stopPropagation();
-                moveFocus(itemElement, items[items.length - 1]);
-                break;
-        }
-    }
-    render() {
-        if (this.isMobile) {
-            return (h("zanit-mobile-menubar", { items: this.items, currentPath: this.currentPath, searchQuery: this.searchQuery, loading: this.loading, searchArea: this.searchArea, searchEnv: this.searchEnv }));
-        }
-        return (h("nav", { "aria-label": "Zanichelli.it" }, h("div", { class: "shadow-wrapper" }, h("div", { class: "width-limiter" }, h("ul", { class: "menubar", role: "menubar", "aria-label": "Zanichelli.it" }, this.loading &&
-            [...new Array(4)].map((_, index) => (h(Fragment, null, h("li", { role: "none" }, h("div", { class: "menubar-item" }, h("z-ghost-loading", null))), index < 3 && h("li", { role: "separator" })))), this.items?.map((item, index) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: {
-                'menubar-item': true,
-                'active': this.isActive(item),
-            }, href: item.href, id: item.id, role: "menuitem", tabIndex: -1, "aria-expanded": item.menuItems?.length ? (this.openMenu === item.id ? 'true' : 'false') : undefined, "aria-haspopup": item.menuItems?.length ? 'true' : 'false', "aria-current": this.current.includes(item.id) ? 'page' : 'false', onPointerOver: () => this.showMenu(item), onKeyDown: (event) => this.handleItemKeydown(event, item), target: item.target }, h("span", { "data-text": item.label }, item.label), item.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === item.id ? 'chevron-up' : 'chevron-down', width: "0.875rem", height: "0.875rem" })))), index < this.items?.length - 1 && h("li", { role: "separator" }))))), h("zanit-search-form", { searchQuery: this.searchQuery, searchArea: this.searchArea, searchEnv: this.searchEnv, onResetSearch: () => (this.searchQuery = undefined) })), this.items.map((item) => this.openMenu === item.id && (h(Menu, { controlledBy: item.id, items: item.menuItems, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleMenuKeydown(event) })))), this.items
-            ?.filter((item) => this.isActive(item))
-            .map((item) => item.navbarItems?.length && (h("nav", { class: { 'sub-menubar': true, 'shadow-wrapper': true }, "aria-label": `Sezioni: ${item.label}` }, h("ul", { role: "menubar" }, item.navbarItems.map((subitem) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: {
-                'menubar-item': true,
-                'active': this.isActive(subitem),
-            }, href: subitem.href, id: subitem.id, role: "menuitem", tabIndex: -1, "aria-haspopup": subitem.menuItems?.length ? 'true' : 'false', "aria-expanded": subitem.menuItems?.length ? (this.openMenu === subitem.id ? 'true' : 'false') : undefined, "aria-current": this.current.includes(subitem.id) ? 'page' : 'false', onPointerOver: () => this.showMenu(subitem), onKeyDown: (event) => this.handleItemKeydown(event, subitem), target: item.target }, h("span", null, subitem.label), subitem.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === subitem.id ? 'chevron-up' : 'chevron-down', width: "0.75rem", height: "0.75rem" })))))))), item.navbarItems.map((subitem) => this.openMenu === subitem.id && (h(Menu, { controlledBy: subitem.id, items: subitem.menuItems, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleMenuKeydown(event) }))))))));
-    }
-    static get delegatesFocus() { return true; }
-    static get watchers() { return {
-        "data": ["parseData"],
-        "items": ["onItemsChange"],
-        "current": ["onCurrentChange"]
-    }; }
-    static get style() { return menubarCss + menuCss; }
-}, [17, "zanit-menubar", {
-        "data": [1],
-        "current": [1],
-        "searchQuery": [1025, "search-query"],
-        "searchEnv": [1, "search-env"],
-        "searchArea": [1, "search-area"],
-        "items": [32],
-        "openMenu": [32],
-        "openNavbar": [32],
-        "currentPath": [32],
-        "isMobile": [32],
-        "loading": [32]
-    }, [[5, "click", "handleOutsideClick"], [5, "keydown", "handleKeydown"], [1, "mouseover", "handleMouseover"], [1, "mouseout", "handleMouseout"], [1, "focusout", "handleFocusout"]], {
-        "data": ["parseData"],
-        "items": ["onItemsChange"],
-        "current": ["onCurrentChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zanit-menubar", "zanit-mobile-menubar", "zanit-search-form"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zanit-menubar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZanitMenubar$1);
-            }
-            break;
-        case "zanit-mobile-menubar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zanit-search-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const ZanitMenubar = ZanitMenubar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZanitMenubar, defineCustomElement };
-//# sourceMappingURL=zanit-menubar.js.map
-
-//# sourceMappingURL=zanit-menubar.js.map
+import{t as e,p as t,H as r,h as a,F as i}from"./index.js";import{d as o,S as n,c as s,m as h}from"./p-BXeRLfHX.js";import{d as l,M as u}from"./p-BMtMaJq9.js";const m=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}items=[];openMenu=void 0;openNavbar=void 0;currentPath=[];isMobile=!1;loading=!1;data;current=void 0;searchQuery=void 0;searchEnv=n.PROD;searchArea;timerId;async parseData(e){if(e)if(e instanceof URL)this.items=await this.fetchData(e);else if(e instanceof Promise)this.loading=!0,this.items=await e,this.loading=!1;else if("string"==typeof e)try{if(this.items=JSON.parse(e),!Array.isArray(this.items)||!this.items?.every((e=>e)))throw Error("Expected an array of MenubarItem objects.")}catch{let t;try{t=new URL(e)}catch{throw 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)))throw Error("Invalid `data` property value. Expected an url, a JSON or an array/promise of MenubarItem objects.");this.items=e}}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=void 0},await this.parseData(this.data),this.onCurrentChange(),this.initTabindex()}handleOutsideClick(e){this.openMenu&&!s(this.host,e)&&(this.openMenu=void 0)}handleKeydown(e){switch(e.key){case"Escape":if(this.openMenu){e.preventDefault();const t=this.openMenu;this.openMenu=void 0,setTimeout((()=>{const e=this.host.shadowRoot.getElementById(t);e&&e.focus()}),0)}break;case"Tab":this.openMenu=void 0}}handleMouseover(){clearTimeout(this.timerId)}handleMouseout(e){this.timerId=window.setTimeout((()=>{this.openMenu&&!s(this.host,e)&&(this.openMenu=void 0)}),500)}handleFocusout(e){const t=e.relatedTarget;this.openMenu&&!this.host.shadowRoot.querySelector(".menu")?.contains(t)&&(this.openMenu=void 0)}async fetchData(e){try{this.loading=!0;const t=await(await fetch(e)).json();if(this.loading=!1,!Array.isArray(t)||!t.every((e=>e)))throw Error("Invalid data structure. Expected an array of MenuItem objects.");return t}catch(e){throw this.loading=!1,console.error("Error fetching menubar data:",e),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",0===t?"0":"-1")))}))}),100)}isActive(e){return 0!==this.currentPath.length&&(!!this.currentPath.includes(e.id)||(e.menuItems?.length?e.menuItems.some((e=>e.id===this.current)):!(!e.navbarItems?.length||!e.navbarItems.some((e=>this.isActive(e))))))}showMenu(e){this.openMenu=void 0,e.menuItems?.length&&(this.openMenu=e.id)}getParentMenubarElements(e){return Array.from(e?.closest('[role="menubar"]')?.querySelectorAll(':scope > li a[role="menuitem"]')??[])}focusPreviousItem(e){this.openMenu=void 0;const t=this.getParentMenubarElements(e),r=t.indexOf(e),a=t[(r-1+t.length)%t.length];h(e,a),"true"===a.ariaHasPopup&&this.openMenu&&(this.openMenu=a.id)}focusNextItem(e){this.openMenu=void 0;const t=this.getParentMenubarElements(e),r=t.indexOf(e),a=t[(r+1)%t.length];h(e,a),"true"===a.ariaHasPopup&&this.openMenu&&(this.openMenu=a.id)}handleItemKeydown(e,t){const r=e.target;switch(e.key){case"Home":{e.preventDefault(),e.stopPropagation();const t=this.getParentMenubarElements(r)[0];h(r,t);break}case"End":{e.preventDefault(),e.stopPropagation();const t=this.getParentMenubarElements(r).pop();h(r,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"]`));h(r,e[e.length-1])}),100);break;case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.focusNextItem(r);break;case"ArrowDown":if(!t.menuItems?.length)break;this.openItemMenu(t);break;case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.focusPreviousItem(r);break;case" ":if(e.preventDefault(),e.stopPropagation(),this.openMenu===t.id){this.openMenu=void 0;break}if(t.menuItems?.length){this.openItemMenu(t);break}}}getPreviousGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]),r=t.indexOf(e);return t[r-1]}getNextGroup(e){const t=Array.from(e?.closest('[role="menu"]')?.querySelectorAll('[role="group"]')??[]),r=t.indexOf(e);return t[r+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:!0})}),100)}handleMenuKeydown(e){const t=e.target,r=Array.from(t.closest('[role="menu"]')?.querySelectorAll('[role="menuitem"]')??[]),a=r.indexOf(t);switch(e.key){case"ArrowUp":e.preventDefault(),e.stopPropagation(),h(t,r[a-1]||r[r.length-1]);break;case"ArrowRight":{e.preventDefault(),e.stopPropagation();const r=t.closest("[role=group]"),a=this.getNextGroup(r);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby"),r=this.host.shadowRoot.getElementById(e);this.focusNextItem(r);break}const i=a.querySelectorAll('[role="menuitem"]')??[];h(t,i[0]);break}case"ArrowDown":e.preventDefault(),e.stopPropagation(),h(t,r[a+1]||r[0]);break;case"ArrowLeft":{e.preventDefault(),e.stopPropagation();const r=t.closest("[role=group]"),a=this.getPreviousGroup(r);if(!a){t.tabIndex=-1;const e=t.closest('[role="menu"][aria-labelledby]').getAttribute("aria-labelledby"),r=this.host.shadowRoot.getElementById(e);this.focusPreviousItem(r);break}const i=a.querySelectorAll('[role="menuitem"]')??[];h(t,i[0]);break}case"Home":e.preventDefault(),e.stopPropagation(),h(t,r[0]);break;case"End":e.preventDefault(),e.stopPropagation(),h(t,r[r.length-1])}}render(){return this.isMobile?a("zanit-mobile-menubar",{items:this.items,currentPath:this.currentPath,searchQuery:this.searchQuery,loading:this.loading,searchArea:this.searchArea,searchEnv:this.searchEnv}):a("nav",{"aria-label":"Zanichelli.it"},a("div",{class:"shadow-wrapper"},a("div",{class:"width-limiter"},a("ul",{class:"menubar",role:"menubar","aria-label":"Zanichelli.it"},this.loading&&[...[,,,,]].map(((e,t)=>a(i,null,a("li",{role:"none"},a("div",{class:"menubar-item"},a("z-ghost-loading",null))),t<3&&a("li",{role:"separator"})))),this.items?.map(((e,t)=>a(i,null,a("li",{role:"none"},a("a",{class:{"menubar-item":!0,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":void 0,"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},a("span",{"data-text":e.label},e.label),e.menuItems?.length>0&&a("z-icon",{name:this.openMenu===e.id?"chevron-up":"chevron-down",width:"0.875rem",height:"0.875rem"}))),t<this.items?.length-1&&a("li",{role:"separator"}))))),a("zanit-search-form",{searchQuery:this.searchQuery,searchArea:this.searchArea,searchEnv:this.searchEnv,onResetSearch:()=>this.searchQuery=void 0})),this.items.map((e=>this.openMenu===e.id&&a(u,{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&&a("nav",{class:{"sub-menubar":!0,"shadow-wrapper":!0},"aria-label":"Sezioni: "+e.label},a("ul",{role:"menubar"},e.navbarItems.map((t=>a(i,null,a("li",{role:"none"},a("a",{class:{"menubar-item":!0,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":void 0,"aria-current":this.current.includes(t.id)?"page":"false",onPointerOver:()=>this.showMenu(t),onKeyDown:e=>this.handleItemKeydown(e,t),target:e.target},a("span",null,t.label),t.menuItems?.length>0&&a("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&&a(u,{controlledBy:e.id,items:e.menuItems,currentPath:this.currentPath,onItemKeyDown:e=>this.handleMenuKeydown(e)})))))))}static get delegatesFocus(){return!0}static get watchers(){return{data:[{parseData:0}],items:[{onItemsChange:0}],current:[{onCurrentChange:0}]}}static get style(){return":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;z-index:3;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{height:3rem;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}.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}}"}},[529,"zanit-menubar",{data:[1],current:[1],searchQuery:[1025,"search-query"],searchEnv:[1,"search-env"],searchArea:[1,"search-area"],items:[32],openMenu:[32],openNavbar:[32],currentPath:[32],isMobile:[32],loading:[32]},[[5,"click","handleOutsideClick"],[5,"keydown","handleKeydown"],[1,"mouseover","handleMouseover"],[1,"mouseout","handleMouseout"],[1,"focusout","handleFocusout"]],{data:[{parseData:0}],items:[{onItemsChange:0}],current:[{onCurrentChange:0}]}]);function d(){"undefined"!=typeof customElements&&["zanit-menubar","zanit-mobile-menubar","zanit-search-form"].forEach((t=>{switch(t){case"zanit-menubar":customElements.get(e(t))||customElements.define(e(t),m);break;case"zanit-mobile-menubar":customElements.get(e(t))||l();break;case"zanit-search-form":customElements.get(e(t))||o()}}))}d();const c=m,p=d;export{c as ZanitMenubar,p as defineCustomElement}