npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 1.4.0 → 1.4.1-RC1 - Mend

@zanichelli/zanichelli-it-frontend-kit 1.4.0 → 1.4.1-RC1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/www/build/{p-0f6b9e37.entry.js → p-12c6519e.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-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{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 o=class{constructor(t){e(this,t)}resizeObserver;mutationObserver;get host(){return t(this)}showFab=false;currentPageHeight;isMobile=false;pageMinHeight=1600;scrollMinHeight=800;handleScroll(){this.updateFabVisibility()}handleResize=()=>{const e=document.body.scrollHeight;if(e!==this.currentPageHeight){this.currentPageHeight=e;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 e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.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 i(a,{key:"3abd8ab70075d8042285d8ed6fab0729c4b5ec42",class:{hidden:!this.showFab},"aria-hidden":this.showFab?"false":"true"},i("button",{key:"11b149d5f1d75720d4bdd329e9897da782092ed1",class:{"z-fab":true,"z-fab-extended":!this.isMobile},onClick:()=>this.scroll()},i("z-icon",{key:"fbdff1419da6d20ab594ffd11c58d7bf25fb7aa6",name:"back-top"}),i("span",{key:"0292f761b5459c372f003ed514abbd3403570c75"},"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=e=>e.key==="ArrowUp";const u=e=>e.key==="ArrowDown";const l=e=>e.key==="Tab";const m=e=>e.key==="Escape";const p="default";const b={id:p,label:p};const f=e=>{const t=e.reduce(((e,t)=>{const i=e.find((({group:e})=>e.id===(t.group?.id||b.id)));if(!i){e.push({group:t.group??b,items:[t]})}else{i.items.push(t)}return e}),[]);return t.sort(((e,t)=>e.group.id===p?1:t.group.id===p?-1:0))};const g=({controlledBy:e,items:t,currentPath:a=[],onItemKeyDown:r})=>{if(!t?.length){return null}const n=f(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!==p?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!==p?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))))))))))};var w;(function(e){e["DEV"]="dev";e["TEST"]="test";e["PROD"]="prod"})(w||(w={}));const x={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"};async function y(e){try{const t=await fetch(`${x[e]}/categories.json`);if(!t.ok){throw new Error(`HTTP ${t.status}`)}return await t.json()}catch(e){console.error("Error fetching subjects:",e);return{}}}const v=":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 k=".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 z=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;searchEnv=w.PROD;searchArea;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,searchArea:this.searchArea,searchEnv:this.searchEnv})}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,searchArea:this.searchArea,searchEnv:this.searchEnv,onResetSearch:()=>this.searchQuery=undefined})),this.items.map((e=>this.openMenu===e.id&&i(g,{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(g,{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"]}}};z.style=v+k;const S=":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}";const C=".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 A=class{constructor(t){e(this,t)}get host(){return t(this)}currentPath=[];items=[];searchQuery=undefined;loading=false;searchEnv=w.PROD;searchArea;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:"76079ce1e66f1b568f6e7eac1f67b91af0f2f48a","aria-label":"Zanichelli.it"},i("button",{key:"630b16be60aba3d7027fbe4b9e19e440cb454267",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:"4c86d84d421ab93fb1c815c5a667dd55ce8254ac",name:this.open?"multiply":"burger-menu",width:"1.5rem",height:"1.5rem"})),i("z-logo",{key:"03c7b8613698098cf3a1ff4b1b8d649cb7d5b92a",imageAlt:"Logo Zanichelli",link:"/",height:32,width:126}),i("zanit-search-form",{key:"5a1385991eebcf17ac8c275c8c69f6662f75e3b7",searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined,searchArea:this.searchArea,searchEnv:this.searchEnv}),this.open&&i("ul",{key:"bc627e55f902beaac658f02d90ed78836fde193b",class:"mobile-menu",role:"menubar"},!this.loading&&this.currentPath&&this.currentPath.length>0&&i("li",{key:"4708f9ee160d62a6cbf6333e11c1b9d02ae3d34c",role:"none"},i("a",{key:"9fd59125f8cb87f6c86108eea7ba79a04bc4d68c",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:"615bc59a1f058a745bdadd90c6f51f9abc757df1",name:"arrow-left",width:"0.5rem",height:"0.5rem"}),i("span",{key:"66a80691639e97b2d7d7d61cc45f8b47dcdabafe"},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(g,{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"]}}};A.style=S+C;var I;(function(e){e["SCUOLA"]="Scuola";e["UNIVERSITÀ"]="Università";e["GIURIDICO"]="Giuridico";e["DIZIONARI"]="Dizionari";e["SAGGISTICA"]="Saggistica"})(I||(I={}));const E=Object.keys(I);function D(e,t,i){const a=_(e,t);const r=a.length>0;const n=r?e.toUpperCase():undefined;const s=[];if(i)s.push(T(e,i));s.push(T(e));if(r){if(i){const t=[...a.filter((e=>e===i)),...a.filter((e=>e!==i)).sort(((e,t)=>R(e)-R(t)))];t.forEach((t=>s.push(j(e,t,n))))}else{a.sort(((e,t)=>R(e)-R(t))).forEach((t=>s.push(j(e,t,n))))}}return s}const T=(e,t)=>({id:P(`word-${e}-${t}`),label:K(e,t),aria_label:O(e,t,false),url:$({q:e,...t?{area:t}:{},user_query:e}),...M(e,e,t)});const j=(e,t,i)=>({id:P(`subj-${e}-${t}-${i}`),label:K(e,t),aria_label:O(e,t,true),url:$({area:t,materia:i,user_query:e}),...M(e,undefined,t,i)});const P=e=>e.split("").map((e=>e.charCodeAt(0).toString(16))).join("");const $=e=>`ricerca?${new URLSearchParams(e).toString()}`;const M=(e,t,i,a)=>({user_query:e,...t?{query:t}:{},...i?{area:i}:{},...a?{subject:a}:{}});const K=(e,t)=>`<mark>${e}</mark> in <strong>${t?`${I[t]??t}`:`tutto il sito`}</strong>`;const O=(e,t,i=false)=>`Cerca la ${i?`materia`:`parola`} ${e} ${t?`nel catalogo ${I[t]??t}`:`in tutto il sito`}`;function _(e,t){const i=Q(e);return Object.entries(t).filter((([,e])=>e.some((e=>e.toLowerCase()===i)))).map((([e])=>e))}const Q=e=>e.toLowerCase().replace(/\s+/g," ");const R=e=>{const t=E.indexOf(e);return t>=0?t:100};const q=":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)}}";const H=class{constructor(t){e(this,t);this.search=n(this,"search");this.resetSearch=n(this,"resetSearch")}formElement;subjectsByArea={};timer;get host(){return t(this)}showSearchbar=false;_searchQuery=undefined;suggestions=[];activeSuggestion="";showSuggestions=false;searchQuery=undefined;searchEnv=w.PROD;searchArea;onSearchQueryChange(){this._searchQuery=this.searchQuery;if(this.searchQuery){this.openSearchbar()}this.resetSuggestions()}onSearchAreaChange(){this.resetSuggestions()}onShowSearchbarChange(){if(!this.showSearchbar){this.showSuggestions=false}}onShowSuggestionsChange(){this.activeSuggestion=""}search;resetSearch;async connectedCallback(){this.subjectsByArea=await y(this.searchEnv);this.showSearchbar=!!this.searchQuery;this._searchQuery=this.searchQuery}handleOutsideClick(e){if(this.showSearchbar&&this.host&&!h(this.host,e)){this.showSearchbar=false}}handleEsc(e){if(!m(e)){return}if(this.showSuggestions){this.showSuggestions=false}else{this.showSearchbar=false}}handleTab(e){if(!l(e)){return}this.showSuggestions=false;if(!h(this.host,e)){this.showSearchbar=false}}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()}resetSuggestions(){this.suggestions=[];this.showSuggestions=false}handleInputChange(e){this._searchQuery=e.target.value;if(!this._searchQuery){this.searchQuery=undefined}this.updateSuggestions()}updateSuggestions(){clearTimeout(this.timer);const e=(this._searchQuery||"").trim();if(e.length<3){this.resetSuggestions();return}this.timer=setTimeout((()=>{this.resetSuggestions();this.suggestions=D(e,this.subjectsByArea,this.searchArea?.toUpperCase());this.showSuggestions=true}),300)}onSearchSubmit(e){e.preventDefault();if(!this._searchQuery){return}if(this.activeSuggestion){const e=this.suggestions.find((e=>e.id===this.activeSuggestion));if(e){this.submitSuggestionSearch(e);this.showSuggestions=false;return}}this.showSearchbar=false;const t=this.search.emit({query:this._searchQuery,area:this.searchArea});if(t.defaultPrevented){return}this.formElement.submit()}submitSuggestionSearch(e){const t=this.search.emit({user_query:e.user_query,query:e.query,area:e.area,subject:e.subject});if(!t.defaultPrevented){window.location.href=e.url}}handleSuggestionsNav(e){if(!u(e)&&!d(e)){return}if(!this.suggestions.length){return}const t=this.suggestions.map((e=>e.id));if(!t.length){return}e.preventDefault();e.stopPropagation();if(!this.showSuggestions){this.showSuggestions=true}let i=null;const a=t[0];const r=t[t.length-1];const n=t.indexOf(this.activeSuggestion);if(n<0){i=u(e)?a:r}else{if(u(e)){i=t[n+1]||r}else{i=t[n-1]||a}}this.activeSuggestion=i}renderSuggestions(){const e=(e,t)=>i("span",{key:t,class:"suggestion-head","aria-hidden":"true"},e);return i("div",{class:{"suggestions-wrapper":true,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(((t,a)=>{const r=[];if(a===0){r.push(e("Cerca la parola","word-head"))}else if(t.subject&&!this.suggestions[a-1].subject){r.push(i("z-divider",{"aria-hidden":"true"}));r.push(e("Cerca la materia","subj-head"))}r.push(i("span",{key:a,id:t.id,class:"suggestion",role:"option","aria-label":t.aria_label,"aria-selected":this.activeSuggestion===t.id?"true":undefined,onClick:()=>this.submitSuggestionSearch(t)},i("z-icon",{name:"left-magnifying-glass"}),i("span",{"aria-hidden":"true",innerHTML:t.label})));return r}))))}render(){return i(a,{key:"9535c68b8cd3e76a55785cb993bed5026f84a589"},i("form",{key:"26271b8f9034b3ea64bbea6ff413e75d0e857612",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()},!!this.searchArea&&i("input",{key:"90e9dc4252a02a00db5160d374bd4ea42c4dce17",type:"hidden",name:"area",value:this.searchArea}),i("div",{key:"6189f91f8cbf9086c1dcddac5a1b649065d4319c",class:"input-wrapper",role:"none"},this.searchQuery&&i("button",{key:"6292dc5e90576b49993ed15d908c675b501568d9",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:"67f07f13b459afad718d2687f5feea4271d6ec6a",name:"multiply-circled"})),i("input",{key:"ee4f88993f3bf1ba768eaf1b6ff63cd346bd552e",id:"searchbar-input",name:"q",type:"search",disabled:!this.showSearchbar,placeholder:"Cerca per parola chiave o ISBN",value:this.searchQuery,required:true,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?"true":undefined,tabIndex:!this.showSearchbar?-1:0,onInput:e=>this.handleInputChange(e),onKeyDown:e=>{if(m(e)){e.preventDefault()}this.handleSuggestionsNav(e)}})),i("button",{key:"4e0feaeaff7bcecaf6a29409a6accac895810fdf",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:"49eec7e6f04c34df57fcf99f405d1c3ada1fcdfb",name:"search"}))),this.renderSuggestions())}static get watchers(){return{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}}};H.style=q;export{o as zanit_back_to_top,z as zanit_menubar,A as zanit_mobile_menubar,H as zanit_search_form};
-//# sourceMappingURL=p-0f6b9e37.entry.js.map
+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{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 o=class{constructor(t){e(this,t)}resizeObserver;mutationObserver;get host(){return t(this)}showFab=false;currentPageHeight;isMobile=false;pageMinHeight=1600;scrollMinHeight=800;handleScroll(){this.updateFabVisibility()}handleResize=()=>{const e=document.body.scrollHeight;if(e!==this.currentPageHeight){this.currentPageHeight=e;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 e=window.matchMedia("(width < 768px)");this.isMobile=e.matches;e.onchange=e=>{this.isMobile=e.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 i(a,{key:"3abd8ab70075d8042285d8ed6fab0729c4b5ec42",class:{hidden:!this.showFab},"aria-hidden":this.showFab?"false":"true"},i("button",{key:"11b149d5f1d75720d4bdd329e9897da782092ed1",class:{"z-fab":true,"z-fab-extended":!this.isMobile},onClick:()=>this.scroll()},i("z-icon",{key:"fbdff1419da6d20ab594ffd11c58d7bf25fb7aa6",name:"back-top"}),i("span",{key:"0292f761b5459c372f003ed514abbd3403570c75"},"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=e=>e.key==="ArrowUp";const u=e=>e.key==="ArrowDown";const l=e=>e.key==="Tab";const m=e=>e.key==="Escape";const b="default";const p={id:b,label:b};const f=e=>{const t=e.reduce(((e,t)=>{const i=e.find((({group:e})=>e.id===(t.group?.id||p.id)));if(!i){e.push({group:t.group??p,items:[t]})}else{i.items.push(t)}return e}),[]);return t.sort(((e,t)=>e.group.id===b?1:t.group.id===b?-1:0))};const g=({controlledBy:e,items:t,currentPath:a=[],onItemKeyDown:r})=>{if(!t?.length){return null}const n=f(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!==b?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!==b?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))))))))))};var w;(function(e){e["DEV"]="dev";e["TEST"]="test";e["PROD"]="prod"})(w||(w={}));const x={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"};async function y(e){try{const t=await fetch(`${x[e]}/categories.json`);if(!t.ok){throw new Error(`HTTP ${t.status}`)}return await t.json()}catch(e){console.error("Error fetching subjects:",e);return{}}}const v=":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 k=".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 z=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;searchEnv=w.PROD;searchArea;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,searchArea:this.searchArea,searchEnv:this.searchEnv})}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,searchArea:this.searchArea,searchEnv:this.searchEnv,onResetSearch:()=>this.searchQuery=undefined})),this.items.map((e=>this.openMenu===e.id&&i(g,{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(g,{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"]}}};z.style=v+k;const S=":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}";const C=".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 A=class{constructor(t){e(this,t)}get host(){return t(this)}currentPath=[];items=[];searchQuery=undefined;loading=false;searchEnv=w.PROD;searchArea;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:"76079ce1e66f1b568f6e7eac1f67b91af0f2f48a","aria-label":"Zanichelli.it"},i("button",{key:"630b16be60aba3d7027fbe4b9e19e440cb454267",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:"4c86d84d421ab93fb1c815c5a667dd55ce8254ac",name:this.open?"multiply":"burger-menu",width:"1.5rem",height:"1.5rem"})),i("z-logo",{key:"03c7b8613698098cf3a1ff4b1b8d649cb7d5b92a",imageAlt:"Logo Zanichelli",link:"/",height:32,width:126}),i("zanit-search-form",{key:"5a1385991eebcf17ac8c275c8c69f6662f75e3b7",searchQuery:this.searchQuery,onResetSearch:()=>this.searchQuery=undefined,searchArea:this.searchArea,searchEnv:this.searchEnv}),this.open&&i("ul",{key:"bc627e55f902beaac658f02d90ed78836fde193b",class:"mobile-menu",role:"menubar"},!this.loading&&this.currentPath&&this.currentPath.length>0&&i("li",{key:"4708f9ee160d62a6cbf6333e11c1b9d02ae3d34c",role:"none"},i("a",{key:"9fd59125f8cb87f6c86108eea7ba79a04bc4d68c",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:"615bc59a1f058a745bdadd90c6f51f9abc757df1",name:"arrow-left",width:"0.5rem",height:"0.5rem"}),i("span",{key:"66a80691639e97b2d7d7d61cc45f8b47dcdabafe"},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(g,{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"]}}};A.style=S+C;var I;(function(e){e["SCUOLA"]="Scuola";e["UNIVERSITÀ"]="Università";e["GIURIDICO"]="Giuridico";e["DIZIONARI"]="Dizionari";e["SAGGISTICA"]="Saggistica"})(I||(I={}));const E=Object.keys(I);function D(e,t,i){const a=_(e,t);const r=a.length>0;const n=r?e.toUpperCase():undefined;const s=[];if(i)s.push(T(e,i));s.push(T(e));if(r){if(i){const t=[...a.filter((e=>e===i)),...a.filter((e=>e!==i)).sort(((e,t)=>R(e)-R(t)))];t.forEach((t=>s.push(j(e,t,n))))}else{a.sort(((e,t)=>R(e)-R(t))).forEach((t=>s.push(j(e,t,n))))}}return s}const T=(e,t)=>({id:P(`word-${e}-${t}`),label:K(e,t),aria_label:O(e,t,false),url:$({q:e,...t?{area:t}:{},user_query:e}),...M(e,e,t)});const j=(e,t,i)=>({id:P(`subj-${e}-${t}-${i}`),label:K(e,t),aria_label:O(e,t,true),url:$({area:t,materia:i,user_query:e}),...M(e,undefined,t,i)});const P=e=>e.split("").map((e=>e.charCodeAt(0).toString(16))).join("");const $=e=>`ricerca?${new URLSearchParams(e).toString()}`;const M=(e,t,i,a)=>({user_query:e,...t?{query:t}:{},...i?{area:i}:{},...a?{subject:a}:{}});const K=(e,t)=>`<mark>${e}</mark> in <strong>${t?`${I[t]??t}`:`tutto il sito`}</strong>`;const O=(e,t,i=false)=>`Cerca la ${i?`materia`:`parola`} ${e} ${t?`nel catalogo ${I[t]??t}`:`in tutto il sito`}`;function _(e,t){const i=Q(e);return Object.entries(t).filter((([,e])=>e.some((e=>e.toLowerCase()===i)))).map((([e])=>e))}const Q=e=>e.toLowerCase().replace(/\s+/g," ");const R=e=>{const t=E.indexOf(e);return t>=0?t:100};const q=":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)}}";const H=class{constructor(t){e(this,t);this.search=n(this,"search");this.resetSearch=n(this,"resetSearch")}formElement;subjectsByArea={};timer;get host(){return t(this)}showSearchbar=false;_searchQuery=undefined;suggestions=[];activeSuggestion="";showSuggestions=false;searchQuery=undefined;searchEnv=w.PROD;searchArea;onSearchQueryChange(){this._searchQuery=this.searchQuery;if(this.searchQuery){this.openSearchbar()}this.resetSuggestions()}onSearchAreaChange(){this.resetSuggestions()}onShowSearchbarChange(){if(!this.showSearchbar){this.showSuggestions=false}}onShowSuggestionsChange(){this.activeSuggestion="";document.body.style.overflowX=this.showSuggestions?"hidden":"initial"}search;resetSearch;async connectedCallback(){this.subjectsByArea=await y(this.searchEnv);this.showSearchbar=!!this.searchQuery;this._searchQuery=this.searchQuery}handleOutsideClick(e){if(this.showSearchbar&&this.host&&!h(this.host,e)){this.showSearchbar=false}}handleEsc(e){if(!m(e)){return}if(this.showSuggestions){this.showSuggestions=false}else{this.showSearchbar=false}}handleTab(e){if(!l(e)){return}this.showSuggestions=false;if(!h(this.host,e)){this.showSearchbar=false}}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()}resetSuggestions(){this.suggestions=[];this.showSuggestions=false}handleInputChange(e){this._searchQuery=e.target.value;if(!this._searchQuery){this.searchQuery=undefined}this.updateSuggestions()}updateSuggestions(){clearTimeout(this.timer);const e=(this._searchQuery||"").trim();if(e.length<3){this.resetSuggestions();return}this.timer=setTimeout((()=>{this.resetSuggestions();this.suggestions=D(e,this.subjectsByArea,this.searchArea?.toUpperCase());this.showSuggestions=true}),300)}onSearchSubmit(e){e.preventDefault();if(!this._searchQuery){return}if(this.activeSuggestion){const e=this.suggestions.find((e=>e.id===this.activeSuggestion));if(e){this.submitSuggestionSearch(e);this.showSuggestions=false;return}}this.showSearchbar=false;const t=this.search.emit({query:this._searchQuery,area:this.searchArea});if(t.defaultPrevented){return}this.formElement.submit()}submitSuggestionSearch(e){const t=this.search.emit({user_query:e.user_query,query:e.query,area:e.area,subject:e.subject});if(!t.defaultPrevented){window.location.href=e.url}}handleSuggestionsNav(e){if(!u(e)&&!d(e)){return}if(!this.suggestions.length){return}const t=this.suggestions.map((e=>e.id));if(!t.length){return}e.preventDefault();e.stopPropagation();if(!this.showSuggestions){this.showSuggestions=true}let i=null;const a=t[0];const r=t[t.length-1];const n=t.indexOf(this.activeSuggestion);if(n<0){i=u(e)?a:r}else{if(u(e)){i=t[n+1]||r}else{i=t[n-1]||a}}this.activeSuggestion=i}renderSuggestions(){const e=(e,t)=>i("span",{key:t,class:"suggestion-head","aria-hidden":"true"},e);return i("div",{class:{"suggestions-wrapper":true,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(((t,a)=>{const r=[];if(a===0){r.push(e("Cerca la parola","word-head"))}else if(t.subject&&!this.suggestions[a-1].subject){r.push(i("z-divider",{"aria-hidden":"true"}));r.push(e("Cerca la materia","subj-head"))}r.push(i("span",{key:a,id:t.id,class:"suggestion",role:"option","aria-label":t.aria_label,"aria-selected":this.activeSuggestion===t.id?"true":undefined,onClick:()=>this.submitSuggestionSearch(t)},i("z-icon",{name:"left-magnifying-glass"}),i("span",{"aria-hidden":"true",innerHTML:t.label})));return r}))))}render(){return i(a,{key:"eca37a74f1b1e24984df9e7f6abf0ff9536ac8f3"},i("form",{key:"1bc377ee03f3b531b330578529093bff98f0ddeb",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()},!!this.searchArea&&i("input",{key:"8498c000300a0baa3feab516867ebfa2a839466a",type:"hidden",name:"area",value:this.searchArea}),i("div",{key:"14ccf45a79c1dabf6eaf952ffdb36a6d02257fe7",class:"input-wrapper",role:"none"},this.searchQuery&&i("button",{key:"bebed5a5bde68bb5bb205dd105f84fe3af7b66b0",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:"aeea33d31b4f56d5693bdced8dd585cb1fc2dd45",name:"multiply-circled"})),i("input",{key:"2eaf5d138fa5eb8ec475dbaf7eac94ffa5190ff0",id:"searchbar-input",name:"q",type:"search",disabled:!this.showSearchbar,placeholder:"Cerca per parola chiave o ISBN",value:this.searchQuery,required:true,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?"true":undefined,tabIndex:!this.showSearchbar?-1:0,onInput:e=>this.handleInputChange(e),onKeyDown:e=>{if(m(e)){e.preventDefault()}this.handleSuggestionsNav(e)}})),i("button",{key:"9f4c4347617baa38acbef12e91d7fc6d5b03fce4",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:"3f7cce2943258a7d27313b4a92945734d6dbe735",name:"search"}))),this.renderSuggestions())}static get watchers(){return{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}}};H.style=q;export{o as zanit_back_to_top,z as zanit_menubar,A as zanit_mobile_menubar,H as zanit_search_form};
+//# sourceMappingURL=p-12c6519e.entry.js.map

package/www/build/p-12c6519e.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["backToTopCss","ZanitBackTop","resizeObserver","mutationObserver","showFab","currentPageHeight","isMobile","pageMinHeight","scrollMinHeight","handleScroll","this","updateFabVisibility","handleResize","newHeight","document","body","scrollHeight","connectedCallback","ResizeObserver","observe","MutationObserver","childList","subtree","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","isArrowUpKey","isArrowDownKey","isTabKey","isEscKey","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","SearchEnv","S3_SHOP_URL","dev","test","prod","async","getSubjectsByArea","searchEnv","response","fetch","ok","Error","status","json","err","console","error","menubarCss","menuCss","ZanitMenubar","openMenu","openNavbar","loading","data","searchQuery","PROD","searchArea","timerId","parseData","URL","fetchData","Promise","JSON","parse","Array","isArray","every","url","onItemsChange","initTabindex","onCurrentChange","split","Boolean","handleOutsideClick","host","handleKeydown","preventDefault","menuTriggerId","setTimeout","menuTrigger","shadowRoot","getElementById","handleMouseover","clearTimeout","handleMouseout","handleFocusout","relatedTarget","querySelector","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","AREA_LABELS","AREA_ORDER","Object","keys","buildSuggestions","query","subjectsByArea","selectedArea","matchingSubjectAreas","findSubjectAreas","hasSubject","subject","toUpperCase","suggestions","buildWordSuggestion","orderedSubjectAreas","area","getAreaOrder","buildSubjectSuggestion","subjectArea","user_query","buildId","buildLabel","aria_label","buildAriaLabel","buildUrl","q","buildDetail","materia","string","c","charCodeAt","toString","join","params","URLSearchParams","isSubject","cleanedQuery","cleanSearch","entries","subjects","toLowerCase","s","replace","searchFormCss","ZanitSearchForm","formElement","timer","showSearchbar","_searchQuery","activeSuggestion","showSuggestions","onSearchQueryChange","openSearchbar","resetSuggestions","onSearchAreaChange","onShowSearchbarChange","onShowSuggestionsChange","style","overflowX","search","resetSearch","handleEsc","handleTab","searchbarInput","resetSearchQuery","emit","handleInputChange","value","updateSuggestions","trim","onSearchSubmit","suggestion","submitSuggestionSearch","searchEv","defaultPrevented","submit","ev","location","handleSuggestionsNav","options","o","nextId","firstId","lastId","currOption","renderSuggestions","renderHeading","e","k","innerHTML","searchbar","ref","method","action","onSubmit","onReset","disabled","placeholder","required","autocomplete","onInput"],"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/utils/subjects.api.ts","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/suggestions.ts","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 opacity: 1;\n transition: all 0.2s linear;\n visibility: visible;\n}\n\n:host.hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n:host .z-fab {\n --color-primary01: var(--gray950);\n\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 private mutationObserver: MutationObserver;\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.body.scrollHeight;\n if (newHeight !== this.currentPageHeight) {\n this.currentPageHeight = newHeight;\n this.updateFabVisibility();\n }\n };\n\n connectedCallback() {\n this.currentPageHeight = document.body.scrollHeight;\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(document.body);\n this.mutationObserver = new MutationObserver(this.handleResize);\n this.mutationObserver.observe(document.body, { childList: true, subtree: true });\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 this.mutationObserver.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\n/** Check if event key is ArrowUp */\nexport const isArrowUpKey = (event: KeyboardEvent) => event.key === 'ArrowUp';\n\n/** Check if event key is ArrowDown */\nexport const isArrowDownKey = (event: KeyboardEvent) => event.key === 'ArrowDown';\n\n/** Check if event key is Tab */\nexport const isTabKey = (event: KeyboardEvent) => event.key === 'Tab';\n\n/** Check if event key is Escape */\nexport const isEscKey = (event: KeyboardEvent) => event.key === 'Escape';\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","export enum SearchEnv {\n DEV = 'dev',\n TEST = 'test',\n PROD = 'prod',\n}\n\nconst S3_SHOP_URL: Record<string, string> = {\n dev: 'https://zanichelli-shop-dev.s3.eu-west-1.amazonaws.com',\n test: 'https://zanichelli-shop-test.s3.eu-west-1.amazonaws.com',\n prod: 'https://zanichelli-shop.s3.eu-west-1.amazonaws.com',\n};\n\nexport async function getSubjectsByArea(searchEnv: SearchEnv): Promise<Record<string, string[]>> {\n try {\n const response = await fetch(`${S3_SHOP_URL[searchEnv]}/categories.json`);\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}`);\n }\n return await response.json();\n } catch (err) {\n console.error('Error fetching subjects:', err);\n return {};\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 z-index: 3;\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 height: 3rem;\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';\nimport { SearchEnv } from '../../utils/subjects.api';\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 /** Environment for search suggestions */\n @Prop() searchEnv: SearchEnv = SearchEnv.PROD;\n\n /** Search area (e.g. \"SCUOLA\", \"UNIVERSITÀ\", \"DIZIONARI\"). */\n @Prop() searchArea?: string | 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 searchArea={this.searchArea}\n searchEnv={this.searchEnv}\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 searchArea={this.searchArea}\n searchEnv={this.searchEnv}\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 height: 3rem;\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';\nimport { SearchEnv } from '../../../utils/subjects.api';\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 /** Environment for search suggestions */\n @Prop() searchEnv: SearchEnv = SearchEnv.PROD;\n\n /** Search area (e.g. \"SCUOLA\", \"UNIVERSITÀ\", \"DIZIONARI\"). */\n @Prop() searchArea?: string | undefined;\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 searchArea={this.searchArea}\n searchEnv={this.searchEnv}\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","enum AREA_LABELS {\n SCUOLA = 'Scuola',\n UNIVERSITÀ = 'Università',\n GIURIDICO = 'Giuridico',\n DIZIONARI = 'Dizionari',\n SAGGISTICA = 'Saggistica',\n}\n\nconst AREA_ORDER = Object.keys(AREA_LABELS);\n\nexport type SearchSuggestion = {\n id: string;\n label: string;\n aria_label: string;\n url: string;\n user_query: string;\n query?: string;\n area?: string;\n subject?: string;\n};\n\nexport function buildSuggestions(\n query: string,\n subjectsByArea: Record<string, string[]>,\n selectedArea?: string\n): SearchSuggestion[] {\n const matchingSubjectAreas = findSubjectAreas(query, subjectsByArea);\n const hasSubject = matchingSubjectAreas.length > 0;\n const subject = hasSubject ? query.toUpperCase() : undefined;\n\n const suggestions: SearchSuggestion[] = [];\n\n if (selectedArea) suggestions.push(buildWordSuggestion(query, selectedArea));\n\n suggestions.push(buildWordSuggestion(query));\n\n if (hasSubject) {\n if (selectedArea) {\n const orderedSubjectAreas = [\n ...matchingSubjectAreas.filter((area) => area === selectedArea),\n ...matchingSubjectAreas\n .filter((area) => area !== selectedArea)\n .sort((a, b) => getAreaOrder(a) - getAreaOrder(b)),\n ];\n orderedSubjectAreas.forEach((area) => suggestions.push(buildSubjectSuggestion(query, area, subject)));\n } else {\n matchingSubjectAreas\n .sort((a, b) => getAreaOrder(a) - getAreaOrder(b))\n .forEach((subjectArea) => suggestions.push(buildSubjectSuggestion(query, subjectArea, subject)));\n }\n }\n\n return suggestions;\n}\n\nconst buildWordSuggestion = (user_query: string, area?: string): SearchSuggestion => {\n return {\n id: buildId(`word-${user_query}-${area}`),\n label: buildLabel(user_query, area),\n aria_label: buildAriaLabel(user_query, area, false),\n url: buildUrl({ q: user_query, ...(area ? { area } : {}), user_query }),\n ...buildDetail(user_query, user_query, area),\n };\n};\n\nconst buildSubjectSuggestion = (user_query: string, area: string, subject: string): SearchSuggestion => {\n return {\n id: buildId(`subj-${user_query}-${area}-${subject}`),\n label: buildLabel(user_query, area),\n aria_label: buildAriaLabel(user_query, area, true),\n url: buildUrl({ area, materia: subject, user_query }),\n ...buildDetail(user_query, undefined, area, subject),\n };\n};\n\nconst buildId = (string: string) =>\n string\n .split('')\n .map((c) => c.charCodeAt(0).toString(16))\n .join('');\n\nconst buildUrl = (params: Record<string, string>): string => {\n return `ricerca?${new URLSearchParams(params).toString()}`;\n};\n\nconst buildDetail = (user_query: string, query?: string, area?: string, subject?: string) => ({\n user_query,\n ...(query ? { query } : {}),\n ...(area ? { area } : {}),\n ...(subject ? { subject } : {}),\n});\n\nconst buildLabel = (user_query: string, area?: string) => {\n return `<mark>${user_query}</mark> in <strong>${area ? `${AREA_LABELS[area] ?? area}` : `tutto il sito`}</strong>`;\n};\n\nconst buildAriaLabel = (user_query: string, area?: string, isSubject: boolean = false) => {\n return `Cerca la ${isSubject ? `materia` : `parola`} ${user_query} ${area ? `nel catalogo ${AREA_LABELS[area] ?? area}` : `in tutto il sito`}`;\n};\n\nfunction findSubjectAreas(query: string, subjectsByArea: Record<string, string[]>): string[] {\n const cleanedQuery = cleanSearch(query);\n return Object.entries(subjectsByArea)\n .filter(([, subjects]) => subjects.some((subject) => subject.toLowerCase() === cleanedQuery))\n .map(([area]) => area);\n}\n\n/** Clear search string: lowercase, remove multiple spaces */\nconst cleanSearch = (s: string) => s.toLowerCase().replace(/\\s+/g, ' ');\n\nconst getAreaOrder = (area: string) => {\n const index = AREA_ORDER.indexOf(area);\n return index >= 0 ? index : 100;\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 z-index: 5;\n top: 0;\n right: 0;\n display: flex;\n width: var(--closed-searchbar-width);\n height: 3rem;\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.suggestions-wrapper {\n position: absolute;\n z-index: 4;\n top: 3rem;\n left: 50%;\n width: 100vw;\n border-top: 1px solid var(--gray200);\n margin-left: -50vw;\n background: #fff;\n box-shadow: var(--shadow-1);\n}\n\n.suggestions-wrapper.hidden {\n display: none;\n}\n\n.suggestions {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: stretch;\n padding: var(--space-unit);\n margin: 0 auto;\n}\n\n.suggestion-head {\n padding: calc(var(--space-unit) * 0.75) var(--space-unit);\n color: var(--gray700);\n font-size: 0.875rem;\n font-weight: var(--font-md);\n line-height: 1.125rem;\n}\n\n.suggestion {\n display: flex;\n padding: calc(var(--space-unit) * 0.75) var(--space-unit);\n color: var(--gray900);\n cursor: pointer;\n font-size: 1rem;\n gap: var(--space-unit);\n line-height: 1.5rem;\n}\n\n.suggestion:hover,\n.suggestion[aria-selected='true'] {\n background: var(--gray100);\n}\n\n.suggestion strong {\n font-weight: var(--font-bd);\n}\n\n.suggestion mark {\n background-color: var(--red50);\n}\n\n.suggestion z-icon {\n --z-icon-height: 1.125rem;\n\n margin-top: 0.125rem;\n}\n\n.suggestions z-divider {\n margin: var(--space-unit) 0;\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 .suggestions {\n padding: var(--space-unit) calc(var(--space-unit) * 2);\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 .suggestions {\n max-width: 1366px;\n padding: var(--space-unit) calc(var(--space-unit) * 3);\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport { containsTarget, isArrowDownKey, isArrowUpKey, isEscKey, isTabKey, SearchEvent } from '../../../utils';\nimport { getSubjectsByArea, SearchEnv } from '../../../utils/subjects.api';\nimport { buildSuggestions, SearchSuggestion } from './suggestions';\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 private subjectsByArea: Record<string, string[]> = {};\n private timer: NodeJS.Timeout;\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 /** Search suggestions to show in the autocomplete dropdown. */\n @State() suggestions: SearchSuggestion[] = [];\n\n /** Active suggestion - used for keyboard navigation */\n @State() activeSuggestion: string = '';\n\n /** Show suggestions list */\n @State() showSuggestions: boolean = false;\n\n /** Initial search query */\n @Prop({ mutable: true })\n searchQuery: string | undefined = undefined;\n\n /** Environment for search suggestions */\n @Prop() searchEnv: SearchEnv = SearchEnv.PROD;\n\n /** Search area (e.g. \"SCUOLA\", \"UNIVERSITÀ\", \"DIZIONARI\"). */\n @Prop() searchArea?: string | undefined;\n\n @Watch('searchQuery')\n onSearchQueryChange() {\n this._searchQuery = this.searchQuery;\n if (this.searchQuery) {\n this.openSearchbar();\n }\n this.resetSuggestions();\n }\n\n @Watch('searchArea')\n onSearchAreaChange() {\n this.resetSuggestions();\n }\n\n @Watch('showSearchbar')\n onShowSearchbarChange() {\n if (!this.showSearchbar) {\n this.showSuggestions = false;\n }\n }\n\n @Watch('showSuggestions')\n onShowSuggestionsChange() {\n this.activeSuggestion = '';\n\n document.body.style.overflowX = this.showSuggestions ? 'hidden' : 'initial';\n }\n\n /** Emitted on search form submission. */\n @Event({ cancelable: true }) search: EventEmitter<SearchEvent>;\n\n @Event() resetSearch: EventEmitter<void>;\n\n async connectedCallback() {\n this.subjectsByArea = await getSubjectsByArea(this.searchEnv);\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.host && !containsTarget(this.host, event)) {\n this.showSearchbar = false;\n }\n }\n\n /** Close the searchbar/suggestions when pressing Escape. */\n @Listen('keydown', { passive: true })\n handleEsc(event: KeyboardEvent) {\n if (!isEscKey(event)) {\n return;\n }\n\n if (this.showSuggestions) {\n this.showSuggestions = false;\n } else {\n this.showSearchbar = false;\n }\n }\n\n /** Close the searchbar/suggestions when pressing Tab. */\n @Listen('keyup', { target: 'document', passive: true })\n handleTab(event: KeyboardEvent) {\n if (!isTabKey(event)) {\n return;\n }\n\n this.showSuggestions = false;\n\n if (!containsTarget(this.host, event)) {\n this.showSearchbar = false;\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 resetSuggestions() {\n this.suggestions = [];\n this.showSuggestions = false;\n }\n\n private handleInputChange(event: InputEvent) {\n this._searchQuery = (event.target as HTMLInputElement).value;\n if (!this._searchQuery) {\n this.searchQuery = undefined;\n }\n\n this.updateSuggestions();\n }\n\n private updateSuggestions() {\n clearTimeout(this.timer);\n\n const query = (this._searchQuery || '').trim();\n\n if (query.length < 3) {\n this.resetSuggestions();\n return;\n }\n\n this.timer = setTimeout(() => {\n this.resetSuggestions();\n this.suggestions = buildSuggestions(query, this.subjectsByArea, this.searchArea?.toUpperCase());\n this.showSuggestions = true;\n }, 300);\n }\n\n private onSearchSubmit(event: Event) {\n event.preventDefault();\n if (!this._searchQuery) {\n return;\n }\n\n if (this.activeSuggestion) {\n const suggestion = this.suggestions.find((s) => s.id === this.activeSuggestion);\n if (suggestion) {\n this.submitSuggestionSearch(suggestion);\n this.showSuggestions = false;\n return;\n }\n }\n\n this.showSearchbar = false;\n\n const searchEv = this.search.emit({ query: this._searchQuery, area: this.searchArea });\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 private submitSuggestionSearch(suggestion: SearchSuggestion) {\n const ev = this.search.emit({\n user_query: suggestion.user_query,\n query: suggestion.query,\n area: suggestion.area,\n subject: suggestion.subject,\n });\n if (!ev.defaultPrevented) {\n window.location.href = suggestion.url;\n }\n }\n\n private handleSuggestionsNav(event: KeyboardEvent) {\n if (!isArrowDownKey(event) && !isArrowUpKey(event)) {\n return;\n }\n\n if (!this.suggestions.length) {\n return;\n }\n\n const options = this.suggestions.map((o) => o.id);\n\n if (!options.length) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (!this.showSuggestions) {\n this.showSuggestions = true;\n }\n\n let nextId = null;\n const firstId = options[0];\n const lastId = options[options.length - 1];\n const currOption = options.indexOf(this.activeSuggestion);\n if (currOption < 0) {\n nextId = isArrowDownKey(event) ? firstId : lastId;\n } else {\n if (isArrowDownKey(event)) {\n nextId = options[currOption + 1] || lastId;\n } else {\n nextId = options[currOption - 1] || firstId;\n }\n }\n this.activeSuggestion = nextId;\n }\n\n private renderSuggestions() {\n const renderHeading = (label: string, key: string) => (\n <span\n key={key}\n class=\"suggestion-head\"\n aria-hidden=\"true\"\n >\n {label}\n </span>\n );\n\n return (\n <div\n class={{ 'suggestions-wrapper': true, 'hidden': !this.showSuggestions || !this.suggestions.length }}\n onPointerOver={(e) => e.preventDefault()}\n >\n <div\n id=\"search-suggestions\"\n class=\"suggestions\"\n role=\"listbox\"\n aria-label=\"Seleziona tra i suggerimenti\"\n >\n {this.suggestions.map((suggestion, k) => {\n const items = [];\n\n if (k === 0) {\n items.push(renderHeading('Cerca la parola', 'word-head'));\n } else if (suggestion.subject && !this.suggestions[k - 1].subject) {\n items.push(<z-divider aria-hidden=\"true\" />);\n items.push(renderHeading('Cerca la materia', 'subj-head'));\n }\n\n items.push(\n <span\n key={k}\n id={suggestion.id}\n class=\"suggestion\"\n role=\"option\"\n aria-label={suggestion.aria_label}\n aria-selected={this.activeSuggestion === suggestion.id ? 'true' : undefined}\n onClick={() => this.submitSuggestionSearch(suggestion)}\n >\n <z-icon name=\"left-magnifying-glass\" />\n <span\n aria-hidden=\"true\"\n innerHTML={suggestion.label}\n />\n </span>\n );\n\n return items;\n })}\n </div>\n </div>\n );\n }\n\n render() {\n return (\n <Host>\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 {!!this.searchArea && (\n <input\n type=\"hidden\"\n name=\"area\"\n value={this.searchArea}\n />\n )}\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 value={this.searchQuery}\n required\n autocomplete=\"off\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded={this.showSuggestions ? 'true' : 'false'}\n aria-controls=\"search-suggestions\"\n aria-activedescendant={this.activeSuggestion}\n aria-label=\"Cerca per parola chiave o ISBN\"\n aria-hidden={!this.showSearchbar ? 'true' : undefined}\n tabIndex={!this.showSearchbar ? -1 : 0}\n onInput={(event) => this.handleInputChange(event)}\n onKeyDown={(e) => {\n // INFO: prevent ESC from clearing input\n if (isEscKey(e)) {\n e.preventDefault();\n }\n\n this.handleSuggestionsNav(e);\n }}\n />\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 {this.renderSuggestions()}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/{p-9134b2b7.js → p-17633e25.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{p as e,g as a,b as r}from"./p-DSdvvVFj.js";export{s as setNonce}from"./p-DSdvvVFj.js";var n=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};n().then((async e=>{await a();return r([["p-0f6b9e37",[[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"]}],[2,"zanit-back-to-top",{pageMinHeight:[2,"page-min-height"],scrollMinHeight:[2,"scroll-min-height"],showFab:[32],currentPageHeight:[32],isMobile:[32]},[[9,"scroll","handleScroll"]]],[17,"zanit-mobile-menubar",{currentPath:[16,"current-path"],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"],currentPath:["onItemsChange"]}],[1,"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,"click","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}]]]],e)}));
+import{p as e,g as a,b as r}from"./p-DSdvvVFj.js";export{s as setNonce}from"./p-DSdvvVFj.js";var n=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};n().then((async e=>{await a();return r([["p-12c6519e",[[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"]}],[2,"zanit-back-to-top",{pageMinHeight:[2,"page-min-height"],scrollMinHeight:[2,"scroll-min-height"],showFab:[32],currentPageHeight:[32],isMobile:[32]},[[9,"scroll","handleScroll"]]],[17,"zanit-mobile-menubar",{currentPath:[16,"current-path"],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"],currentPath:["onItemsChange"]}],[1,"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,"click","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}]]]],e)}));
 //# sourceMappingURL=zanichelli-it-frontend-kit.esm.js.map

package/www/build/zanichelli-it-frontend-kit.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,g as a,b as r}from"./p-DSdvvVFj.js";export{s as setNonce}from"./p-DSdvvVFj.js";var n=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};n().then((async e=>{await a();return r([["p-0f6b9e37",[[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"]}],[2,"zanit-back-to-top",{pageMinHeight:[2,"page-min-height"],scrollMinHeight:[2,"scroll-min-height"],showFab:[32],currentPageHeight:[32],isMobile:[32]},[[9,"scroll","handleScroll"]]],[17,"zanit-mobile-menubar",{currentPath:[16,"current-path"],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"],currentPath:["onItemsChange"]}],[1,"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,"click","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}]]]],e)}));
+import{p as e,g as a,b as r}from"./p-DSdvvVFj.js";export{s as setNonce}from"./p-DSdvvVFj.js";var n=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};n().then((async e=>{await a();return r([["p-12c6519e",[[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"]}],[2,"zanit-back-to-top",{pageMinHeight:[2,"page-min-height"],scrollMinHeight:[2,"scroll-min-height"],showFab:[32],currentPageHeight:[32],isMobile:[32]},[[9,"scroll","handleScroll"]]],[17,"zanit-mobile-menubar",{currentPath:[16,"current-path"],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"],currentPath:["onItemsChange"]}],[1,"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,"click","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{searchQuery:["onSearchQueryChange"],searchArea:["onSearchAreaChange"],showSearchbar:["onShowSearchbarChange"],showSuggestions:["onShowSuggestionsChange"]}]]]],e)}));
 //# sourceMappingURL=zanichelli-it-frontend-kit.esm.js.map