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

package/dist/esm/index.js

@@ -1,4 +1 @@
 
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,13 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DSdvvVFj.js';
-export { s as setNonce } from './index-DSdvvVFj.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-CFgcJxsy.js';
+export { s as setNonce } from './index-CFgcJxsy.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["zanit-back-to-top_4",[[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"]}]]]], options);
+  return bootstrapLazy([["zanit-back-to-top_4",[[529,"zanit-menubar",{"data":[1],"current":[1],"searchQuery":[1025,"search-query"],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"items":[32],"openMenu":[32],"openNavbar":[32],"currentPath":[32],"isMobile":[32],"loading":[32]},[[5,"click","handleOutsideClick"],[5,"keydown","handleKeydown"],[1,"mouseover","handleMouseover"],[1,"mouseout","handleMouseout"],[1,"focusout","handleFocusout"]],{"data":[{"parseData":0}],"items":[{"onItemsChange":0}],"current":[{"onCurrentChange":0}]}],[514,"zanit-back-to-top",{"pageMinHeight":[2,"page-min-height"],"scrollMinHeight":[2,"scroll-min-height"],"showFab":[32],"currentPageHeight":[32],"isMobile":[32]},[[9,"scroll","handleScroll"]]],[529,"zanit-mobile-menubar",{"currentPath":[16],"items":[16],"searchQuery":[1025,"search-query"],"loading":[4],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"lastCurrent":[32],"parentItem":[32],"menuItems":[32],"menuType":[32],"open":[32]},[[5,"click","handleOutsideClick"],[1,"keydown","handleKeydown"],[5,"focusin","handleFocusout"]],{"items":[{"onItemsChange":0}],"currentPath":[{"onItemsChange":0}]}],[513,"zanit-search-form",{"searchQuery":[1025,"search-query"],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"showSearchbar":[32],"_searchQuery":[32],"suggestions":[32],"activeSuggestion":[32],"showSuggestions":[32]},[[5,"mousedown","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{"searchQuery":[{"onSearchQueryChange":0}],"searchArea":[{"onSearchAreaChange":0}],"showSearchbar":[{"onShowSearchbarChange":0}],"showSuggestions":[{"onShowSuggestionsChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=loader.js.map
-
-//# sourceMappingURL=loader.js.map

package/dist/esm/zanichelli-it-frontend-kit.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DSdvvVFj.js';
-export { s as setNonce } from './index-DSdvvVFj.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CFgcJxsy.js';
+export { s as setNonce } from './index-CFgcJxsy.js';
 
 /*
- Stencil Client Patch Browser v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -16,8 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["zanit-back-to-top_4",[[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"]}]]]], options);
+  return bootstrapLazy([["zanit-back-to-top_4",[[529,"zanit-menubar",{"data":[1],"current":[1],"searchQuery":[1025,"search-query"],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"items":[32],"openMenu":[32],"openNavbar":[32],"currentPath":[32],"isMobile":[32],"loading":[32]},[[5,"click","handleOutsideClick"],[5,"keydown","handleKeydown"],[1,"mouseover","handleMouseover"],[1,"mouseout","handleMouseout"],[1,"focusout","handleFocusout"]],{"data":[{"parseData":0}],"items":[{"onItemsChange":0}],"current":[{"onCurrentChange":0}]}],[514,"zanit-back-to-top",{"pageMinHeight":[2,"page-min-height"],"scrollMinHeight":[2,"scroll-min-height"],"showFab":[32],"currentPageHeight":[32],"isMobile":[32]},[[9,"scroll","handleScroll"]]],[529,"zanit-mobile-menubar",{"currentPath":[16],"items":[16],"searchQuery":[1025,"search-query"],"loading":[4],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"lastCurrent":[32],"parentItem":[32],"menuItems":[32],"menuType":[32],"open":[32]},[[5,"click","handleOutsideClick"],[1,"keydown","handleKeydown"],[5,"focusin","handleFocusout"]],{"items":[{"onItemsChange":0}],"currentPath":[{"onItemsChange":0}]}],[513,"zanit-search-form",{"searchQuery":[1025,"search-query"],"searchEnv":[1,"search-env"],"searchArea":[1,"search-area"],"showSearchbar":[32],"_searchQuery":[32],"suggestions":[32],"activeSuggestion":[32],"showSuggestions":[32]},[[5,"mousedown","handleOutsideClick"],[1,"keydown","handleEsc"],[5,"keyup","handleTab"]],{"searchQuery":[{"onSearchQueryChange":0}],"searchArea":[{"onSearchAreaChange":0}],"showSearchbar":[{"onShowSearchbarChange":0}],"showSuggestions":[{"onShowSuggestionsChange":0}]}]]]], options);
 });
-//# sourceMappingURL=zanichelli-it-frontend-kit.js.map
-
-//# sourceMappingURL=zanichelli-it-frontend-kit.js.map

package/dist/esm/zanit-back-to-top_4.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, a as getElement, h, H as Host, F as Fragment, c as createEvent } from './index-DSdvvVFj.js';
+import { r as registerInstance, a as getElement, h, H as Host, F as Fragment, c as createEvent } from './index-CFgcJxsy.js';
 
-const backToTopCss = ".sc-zanit-back-to-top-h{opacity:1;transition:all 0.2s linear;visibility:visible}.hidden.sc-zanit-back-to-top-h{opacity:0;visibility:hidden}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}";
+const backToTopCss = () => `.sc-zanit-back-to-top-h{opacity:1;transition:all 0.2s linear;visibility:visible}.hidden.sc-zanit-back-to-top-h{opacity:0;visibility:hidden}.sc-zanit-back-to-top-h .z-fab.sc-zanit-back-to-top{--color-primary01:var(--gray950);outline:1px solid var(--color-white)}`;
 
 const ZanitBackTop = class {
     constructor(hostRef) {
@@ -53,10 +53,10 @@ const ZanitBackTop = class {
         window.scrollTo({ top: 0, behavior: 'smooth' });
     }
     render() {
-        return (h(Host, { key: '3abd8ab70075d8042285d8ed6fab0729c4b5ec42', class: { hidden: !this.showFab }, "aria-hidden": this.showFab ? 'false' : 'true' }, h("button", { key: '11b149d5f1d75720d4bdd329e9897da782092ed1', class: { 'z-fab': true, 'z-fab-extended': !this.isMobile }, onClick: () => this.scroll() }, h("z-icon", { key: 'fbdff1419da6d20ab594ffd11c58d7bf25fb7aa6', name: "back-top" }), h("span", { key: '0292f761b5459c372f003ed514abbd3403570c75' }, "Torna su"))));
+        return (h(Host, { key: '8db557141277e71d6d2fdaad2e525df03fb78461', class: { hidden: !this.showFab }, "aria-hidden": this.showFab ? 'false' : 'true' }, h("button", { key: 'e9a1cfcc75c39e6a5d657712306e331bbfabbcf9', class: { 'z-fab': true, 'z-fab-extended': !this.isMobile }, onClick: () => this.scroll() }, h("z-icon", { key: 'c83accba15ee2efbbef5f17cdbb92c57f7aee0a0', name: "back-top" }), h("span", { key: '59167788a06ac2b45b4e91c944c0fefd1dc79780' }, "Torna su"))));
     }
 };
-ZanitBackTop.style = backToTopCss;
+ZanitBackTop.style = backToTopCss();
 
 /**
  * Check if an element contains an event target by checking its composedPath.
@@ -83,6 +83,31 @@ const isTabKey = (event) => event.key === 'Tab';
 /** Check if event key is Escape */
 const isEscKey = (event) => event.key === 'Escape';
 
+var SearchEnv;
+(function (SearchEnv) {
+    SearchEnv["DEV"] = "dev";
+    SearchEnv["TEST"] = "test";
+    SearchEnv["PROD"] = "prod";
+})(SearchEnv || (SearchEnv = {}));
+const S3_SHOP_URL = {
+    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 getSubjectsByArea(searchEnv) {
+    try {
+        const response = await fetch(`${S3_SHOP_URL[searchEnv]}/categories.json`);
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status}`);
+        }
+        return await response.json();
+    }
+    catch (err) {
+        console.error('Error fetching subjects:', err);
+        return {};
+    }
+}
+
 const DEFAULT_GROUP_KEY = 'default';
 const DEFAULT_GROUP = {
     id: DEFAULT_GROUP_KEY,
@@ -112,45 +137,17 @@ const Menu = ({ controlledBy, items, currentPath = [], onItemKeyDown }) => {
     }
     const groups = getGroupedItems(items);
     const isActive = (item) => currentPath.includes(controlledBy) && currentPath.includes(item.id);
-    return (h("div", { class: "menu-wrapper", role: "none" },
-        h("div", { class: "menu", "aria-labelledby": controlledBy ?? undefined, role: "menu" }, groups.map(({ group, items }) => (h("div", { class: { group: true, highlight: items.some((item) => item.highlight) } },
-            group.id !== DEFAULT_GROUP_KEY ? (h("div", { class: "group-name", id: group.id }, group.label)) : groups.length > 1 ? (
-            // empty div to keep the same height as the other groups
-            h("div", { class: "group-name" })) : null,
-            h("ul", { class: "menu-list", role: "group", "aria-labelledby": group.id !== DEFAULT_GROUP_KEY ? group.id : undefined }, items.map((item) => (h("li", { role: "none" }, item.href && (h("a", { class: {
-                    'menu-item': true,
-                    'active': isActive(item),
-                }, href: item.href, role: "menuitem", tabIndex: -1, "aria-current": isActive(item) ? 'page' : 'false', onKeyDown: (event) => onItemKeyDown(event), target: item.target }, item.label))))))))))));
+    return (h("div", { class: "menu-wrapper", role: "none" }, h("div", { class: "menu", "aria-labelledby": controlledBy ?? undefined, role: "menu" }, groups.map(({ group, items }) => (h("div", { class: { group: true, highlight: items.some((item) => item.highlight) } }, group.id !== DEFAULT_GROUP_KEY ? (h("div", { class: "group-name", id: group.id }, group.label)) : groups.length > 1 ? (
+    // empty div to keep the same height as the other groups
+    h("div", { class: "group-name" })) : null, h("ul", { class: "menu-list", role: "group", "aria-labelledby": group.id !== DEFAULT_GROUP_KEY ? group.id : undefined }, items.map((item) => (h("li", { role: "none" }, item.href && (h("a", { class: {
+            'menu-item': true,
+            'active': isActive(item),
+        }, href: item.href, role: "menuitem", tabIndex: -1, "aria-current": isActive(item) ? 'page' : 'false', onKeyDown: (event) => onItemKeyDown(event), target: item.target }, item.label))))))))))));
 };
 
-var SearchEnv;
-(function (SearchEnv) {
-    SearchEnv["DEV"] = "dev";
-    SearchEnv["TEST"] = "test";
-    SearchEnv["PROD"] = "prod";
-})(SearchEnv || (SearchEnv = {}));
-const S3_SHOP_URL = {
-    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 getSubjectsByArea(searchEnv) {
-    try {
-        const response = await fetch(`${S3_SHOP_URL[searchEnv]}/categories.json`);
-        if (!response.ok) {
-            throw new Error(`HTTP ${response.status}`);
-        }
-        return await response.json();
-    }
-    catch (err) {
-        console.error('Error fetching subjects:', err);
-        return {};
-    }
-}
-
-const menubarCss = ":host{position:relative;z-index:2;display:flex;width:100%;background-color:#fff;color:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}:host nav{width:100%}.shadow-wrapper{position:relative;z-index:1;display:flex;width:100%}.shadow-wrapper::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}.width-limiter{position:relative;display:flex;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);margin:0 auto}.shadow-wrapper+.shadow-wrapper{z-index:0}.sub-menubar>ul{gap:28px}.width-limiter>ul,.sub-menubar>ul{position:relative;z-index:3;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);margin-right:auto;margin-left:auto;gap:20px}.shadow-wrapper>.width-limiter,.shadow-wrapper>ul{width:100%;max-width:var(--zanit-menubar-max-width, 1366px)}ul.menubar{height:3rem;padding-right:0}.menubar z-ghost-loading{display:block;width:120px;height:1.25rem}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}zanit-search-form{margin-left:auto}";
+const menubarCss = () => `:host{position:relative;z-index:2;display:flex;width:100%;background-color:#fff;color:var(--gray900);font-family:var(--font-family-sans)}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}:host nav{width:100%}.shadow-wrapper{position:relative;z-index:1;display:flex;width:100%}.shadow-wrapper::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}.width-limiter{position:relative;display:flex;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);margin:0 auto}.shadow-wrapper+.shadow-wrapper{z-index:0}.sub-menubar>ul{gap:28px}.width-limiter>ul,.sub-menubar>ul{position:relative;z-index:3;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);margin-right:auto;margin-left:auto;gap:20px}.shadow-wrapper>.width-limiter,.shadow-wrapper>ul{width:100%;max-width:var(--zanit-menubar-max-width, 1366px)}ul.menubar{height:3rem;padding-right:0}.menubar z-ghost-loading{display:block;width:120px;height:1.25rem}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}zanit-search-form{margin-left:auto}`;
 
-const menuCss$1 = ".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 menuCss$1 = () => `.menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}`;
 
 const ZanitMenubar = class {
     constructor(hostRef) {
@@ -543,16 +540,22 @@ const ZanitMenubar = class {
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
-        "data": ["parseData"],
-        "items": ["onItemsChange"],
-        "current": ["onCurrentChange"]
+        "data": [{
+                "parseData": 0
+            }],
+        "items": [{
+                "onItemsChange": 0
+            }],
+        "current": [{
+                "onCurrentChange": 0
+            }]
     }; }
 };
-ZanitMenubar.style = menubarCss + menuCss$1;
+ZanitMenubar.style = menubarCss() + menuCss$1();
 
-const mobileMenubarCss = ":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 mobileMenubarCss = () => `: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 menuCss = ".menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}";
+const menuCss = () => `.menu-wrapper{width:100%;background-color:#fff}.menu{position:relative;display:flex;width:100%;flex-direction:column;gap:32px 0}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;color:var(--red500);font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list{display:flex;flex-direction:column;gap:8px}.menu .group .menu-list .menu-item{display:block;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:var(--font-md)}.menu .menu-list .menu-item.active,.menu .menu-list .menu-item:hover{border-bottom-color:var(--red500)}.menu .group.highlight .menu-list .menu-item{font-size:1rem}@media (width >= 768px){.menu-wrapper{position:absolute;top:100%;left:0;display:flex;justify-content:center;box-shadow:var(--shadow-1)}.menu{display:grid;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);padding:16px var(--grid-margin);gap:0 24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{border:none;margin-bottom:16px}.menu .group .menu-list .menu-item{font-size:1rem}.menu .group.highlight .menu-list .menu-item{font-size:1.5rem}}`;
 
 const ZanitMobileMenubar = class {
     constructor(hostRef) {
@@ -577,7 +580,7 @@ const ZanitMobileMenubar = class {
     menuItems = undefined;
     /** Whether the items to render come from a menubar or a menu. */
     menuType = undefined;
-    open;
+    open = false;
     onItemsChange() {
         this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;
         this.setupData(this.items);
@@ -700,18 +703,22 @@ const ZanitMobileMenubar = class {
         this.open = false;
     }
     render() {
-        return (h("nav", { key: '76079ce1e66f1b568f6e7eac1f67b91af0f2f48a', "aria-label": "Zanichelli.it" }, h("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() }, h("z-icon", { key: '4c86d84d421ab93fb1c815c5a667dd55ce8254ac', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: '03c7b8613698098cf3a1ff4b1b8d649cb7d5b92a', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: '5a1385991eebcf17ac8c275c8c69f6662f75e3b7', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined), searchArea: this.searchArea, searchEnv: this.searchEnv }), this.open && (h("ul", { key: 'bc627e55f902beaac658f02d90ed78836fde193b', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: '4708f9ee160d62a6cbf6333e11c1b9d02ae3d34c', role: "none" }, h("a", { key: '9fd59125f8cb87f6c86108eea7ba79a04bc4d68c', class: "parent", href: this.parentItem?.href ?? '/', id: this.parentItem?.id ?? undefined, role: "menuitem", tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: this.parentItem?.target }, h("z-icon", { key: '615bc59a1f058a745bdadd90c6f51f9abc757df1', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: '66a80691639e97b2d7d7d61cc45f8b47dcdabafe' }, this.parentItem?.label || 'Home')))), this.loading ? (h("div", { class: "items-container", role: "none" }, [...new Array(4)].map(() => (h("li", { role: "none" }, h("div", { class: "menubar-item", role: "none" }, h("z-ghost-loading", null))))))) : this.menuType === 'menu' ? (h(Menu, { items: this.menuItems, controlledBy: this.parentItem?.id, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleItemKeydown(event) })) : (this.menuItems?.length > 0 && (h("div", { class: "items-container", role: "none" }, this.menuItems.map((item) => (h("li", { role: "none" }, h("a", { class: {
+        return (h("nav", { key: 'e3c4f8212d54b84206c2d40c9670263dd0f2460a', "aria-label": "Zanichelli.it" }, h("button", { key: '8f4600dbb2c530e5901127d556eee94dcd60947a', class: "burger-button", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "mobile-menu", "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: () => this.toggleMenu() }, h("z-icon", { key: 'aa3d06cca2f2c7e92cb4afb37a5085ea37ec8283', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: 'af3724fc7f330c7b2f7d826bd0dd2edc2dbb5742', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: 'cc3c8e2ece6ac0428864d8affcd567c9a1272824', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined), searchArea: this.searchArea, searchEnv: this.searchEnv }), this.open && (h("ul", { key: '0c35b0f4869ae076a1c02f07f1b19e787f4c3780', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: 'ff8e9d8871ebea21ba178d1ba9d295d26b018be2', role: "none" }, h("a", { key: '4afb5ccda0e206f640f429ecfe7ac1e3491a475d', class: "parent", href: this.parentItem?.href ?? '/', id: this.parentItem?.id ?? undefined, role: "menuitem", tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: this.parentItem?.target }, h("z-icon", { key: '2db8da21ad88b937d591eac551a3599704e13147', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: 'd285244285ccee5e76db049cb4fba1dd591d7ce1' }, this.parentItem?.label || 'Home')))), this.loading ? (h("div", { class: "items-container", role: "none" }, [...new Array(4)].map(() => (h("li", { role: "none" }, h("div", { class: "menubar-item", role: "none" }, h("z-ghost-loading", null))))))) : this.menuType === 'menu' ? (h(Menu, { items: this.menuItems, controlledBy: this.parentItem?.id, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleItemKeydown(event) })) : (this.menuItems?.length > 0 && (h("div", { class: "items-container", role: "none" }, this.menuItems.map((item) => (h("li", { role: "none" }, h("a", { class: {
                 'menu-item': this.menuType === 'menu',
                 'menubar-item': this.menuType === 'menubar',
             }, href: item.href, id: item.id, role: "menuitem", "aria-current": this.lastCurrent === item.id ? 'page' : 'false', tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: item.target }, h("span", { "data-text": item.label }, item.label))))))))))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
-        "items": ["onItemsChange"],
-        "currentPath": ["onItemsChange"]
+        "items": [{
+                "onItemsChange": 0
+            }],
+        "currentPath": [{
+                "onItemsChange": 0
+            }]
     }; }
 };
-ZanitMobileMenubar.style = mobileMenubarCss + menuCss;
+ZanitMobileMenubar.style = mobileMenubarCss() + menuCss();
 
 var AREA_LABELS;
 (function (AREA_LABELS) {
@@ -771,7 +778,7 @@ const buildId = (string) => string
     .map((c) => c.charCodeAt(0).toString(16))
     .join('');
 const buildUrl = (params) => {
-    return `ricerca?${new URLSearchParams(params).toString()}`;
+    return `/ricerca?${new URLSearchParams(params).toString()}`;
 };
 const buildDetail = (user_query, query, area, subject) => ({
     user_query,
@@ -798,7 +805,7 @@ const getAreaOrder = (area) => {
     return index >= 0 ? index : 100;
 };
 
-const searchFormCss = ":host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;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 searchFormCss = () => `:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;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 ZanitSearchForm = class {
     constructor(hostRef) {
@@ -843,10 +850,10 @@ const ZanitSearchForm = class {
     }
     onShowSuggestionsChange() {
         this.activeSuggestion = '';
-        document.body.style.overflowX = this.showSuggestions ? 'hidden' : 'initial';
     }
     /** Emitted on search form submission. */
     search;
+    /** Emitted when the search query is reset by the user (e.g. by clicking the reset button). */
     resetSearch;
     async connectedCallback() {
         this.subjectsByArea = await getSubjectsByArea(this.searchEnv);
@@ -997,24 +1004,29 @@ const ZanitSearchForm = class {
         }))));
     }
     render() {
-        return (h(Host, { key: 'eca37a74f1b1e24984df9e7f6abf0ff9536ac8f3' }, h("form", { key: '1bc377ee03f3b531b330578529093bff98f0ddeb', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, !!this.searchArea && (h("input", { key: '8498c000300a0baa3feab516867ebfa2a839466a', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: '14ccf45a79c1dabf6eaf952ffdb36a6d02257fe7', class: "input-wrapper", role: "none" }, this.searchQuery && (h("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 }, h("z-icon", { key: 'aeea33d31b4f56d5693bdced8dd585cb1fc2dd45', name: "multiply-circled" }))), h("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: (event) => this.handleInputChange(event), onKeyDown: (e) => {
+        return (h(Host, { key: 'c87ecbcbff0205ddb35fb96bbfbcca6bb7ac8802' }, h("form", { key: '77f2951f88ae0361897161688f3a9875d555b20c', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, !!this.searchArea && (h("input", { key: '3cf0dceef1acc58c3c0e637f974db6c7587be081', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: 'd797f9832f29b723010ca486298f0c4a4aabe3ee', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: '2d5971957d84e83120fc96f49e359635e3792104', type: "reset", "aria-label": "Svuota campo di ricerca", disabled: !this.showSearchbar, "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 }, h("z-icon", { key: '7027abe8c6a2211433048041a4ef2a5e273ca226', name: "multiply-circled" }))), h("input", { key: '2184d3fa615d94bf3615606a4624abdbb81cb2ae', 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: (event) => this.handleInputChange(event), onKeyDown: (e) => {
                 // INFO: prevent ESC from clearing input
                 if (isEscKey(e)) {
                     e.preventDefault();
                 }
                 this.handleSuggestionsNav(e);
-            } })), h("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 : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '3f7cce2943258a7d27313b4a92945734d6dbe735', name: "search" }))), this.renderSuggestions()));
+            } })), h("button", { key: '06a7ad6e3e4c74f2dd3bd56fb6f2da006c8d59c0', class: "searchbar-button", "aria-label": this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca', "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => this.openSearchbar() }, this.showSearchbar ? null : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '72e66f0280f0b835e760c1631076b71fa5dc03fa', name: "search" }))), this.renderSuggestions()));
     }
     static get watchers() { return {
-        "searchQuery": ["onSearchQueryChange"],
-        "searchArea": ["onSearchAreaChange"],
-        "showSearchbar": ["onShowSearchbarChange"],
-        "showSuggestions": ["onShowSuggestionsChange"]
+        "searchQuery": [{
+                "onSearchQueryChange": 0
+            }],
+        "searchArea": [{
+                "onSearchAreaChange": 0
+            }],
+        "showSearchbar": [{
+                "onShowSearchbarChange": 0
+            }],
+        "showSuggestions": [{
+                "onShowSuggestionsChange": 0
+            }]
     }; }
 };
-ZanitSearchForm.style = searchFormCss;
+ZanitSearchForm.style = searchFormCss();
 
 export { ZanitBackTop as zanit_back_to_top, ZanitMenubar as zanit_menubar, ZanitMobileMenubar as zanit_mobile_menubar, ZanitSearchForm as zanit_search_form };
-//# sourceMappingURL=zanit-back-to-top.zanit-menubar.zanit-mobile-menubar.zanit-search-form.entry.js.map
-
-//# sourceMappingURL=zanit-back-to-top_4.entry.js.map

package/dist/types/components/back-to-top/back-to-top.d.ts

@@ -1,8 +1,9 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
 /**
  * Back to top floating action button component.
  * Appears on scroll, given a min height for both scroll height and page height.
  */
-export declare class ZanitBackTop {
+export declare class ZanitBackTop implements ComponentInterface {
     private resizeObserver;
     private mutationObserver;
     host: HTMLZanitBackToTopElement;

package/dist/types/components/menubar/menubar.d.ts

@@ -1,3 +1,4 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
 import { MenubarItem } from '../../utils';
 import { SearchEnv } from '../../utils/subjects.api';
 /**
@@ -5,7 +6,7 @@ import { SearchEnv } from '../../utils/subjects.api';
  * When a main menubar item is the current active one, a sub-menubar is shown and each subitem can have a menu with subitems.
  * @cssprop {--zanit-menubar-max-width} Maximum width of the menubar.
  */
-export declare class ZanitMenubar {
+export declare class ZanitMenubar implements ComponentInterface {
     host: HTMLZanitMenubarElement;
     /** Menubar items extracted from `data`. */
     items: MenubarItem[];

package/dist/types/components/menubar/mobile-menubar/mobile-menubar.d.ts

@@ -1,7 +1,8 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
 import { MenubarItem, MenuItem } from '../../../utils';
 import { SearchEnv } from '../../../utils/subjects.api';
 /** Mobile menubar component. */
-export declare class ZanitMobileMenubar {
+export declare class ZanitMobileMenubar implements ComponentInterface {
     host: HTMLZanitMobileMenubarElement;
     /** IDs path of the current item. */
     currentPath: string[];

package/dist/types/components/menubar/search-form/search-form.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 import { SearchEvent } from '../../../utils';
 import { SearchEnv } from '../../../utils/subjects.api';
 import { SearchSuggestion } from './suggestions';
-export declare class ZanitSearchForm {
+export declare class ZanitSearchForm implements ComponentInterface {
     private formElement;
     private subjectsByArea;
     private timer;
@@ -29,6 +29,7 @@ export declare class ZanitSearchForm {
     onShowSuggestionsChange(): void;
     /** Emitted on search form submission. */
     search: EventEmitter<SearchEvent>;
+    /** Emitted when the search query is reset by the user (e.g. by clicking the reset button). */
     resetSearch: EventEmitter<void>;
     connectedCallback(): Promise<void>;
     /** Close open searchbar when clicking outside. */

package/dist/types/components.d.ts

@@ -249,6 +249,9 @@ declare namespace LocalJSX {
         "searchQuery"?: string | undefined;
     }
     interface ZanitSearchForm {
+        /**
+          * Emitted when the search query is reset by the user (e.g. by clicking the reset button).
+         */
         "onResetSearch"?: (event: ZanitSearchFormCustomEvent<void>) => void;
         /**
           * Emitted on search form submission.
@@ -269,11 +272,35 @@ declare namespace LocalJSX {
          */
         "searchQuery"?: string | undefined;
     }
+
+    interface ZanitBackToTopAttributes {
+        "pageMinHeight": number;
+        "scrollMinHeight": number;
+    }
+    interface ZanitMenubarAttributes {
+        "data": Promise<MenubarItem[]> | MenubarItem[] | URL | string;
+        "current": string | undefined;
+        "searchQuery": string | undefined;
+        "searchEnv": SearchEnv;
+        "searchArea": string | undefined;
+    }
+    interface ZanitMobileMenubarAttributes {
+        "searchQuery": string | undefined;
+        "loading": boolean;
+        "searchEnv": SearchEnv;
+        "searchArea": string | undefined;
+    }
+    interface ZanitSearchFormAttributes {
+        "searchQuery": string | undefined;
+        "searchEnv": SearchEnv;
+        "searchArea": string | undefined;
+    }
+
     interface IntrinsicElements {
-        "zanit-back-to-top": ZanitBackToTop;
-        "zanit-menubar": ZanitMenubar;
-        "zanit-mobile-menubar": ZanitMobileMenubar;
-        "zanit-search-form": ZanitSearchForm;
+        "zanit-back-to-top": Omit<ZanitBackToTop, keyof ZanitBackToTopAttributes> & { [K in keyof ZanitBackToTop & keyof ZanitBackToTopAttributes]?: ZanitBackToTop[K] } & { [K in keyof ZanitBackToTop & keyof ZanitBackToTopAttributes as `attr:${K}`]?: ZanitBackToTopAttributes[K] } & { [K in keyof ZanitBackToTop & keyof ZanitBackToTopAttributes as `prop:${K}`]?: ZanitBackToTop[K] };
+        "zanit-menubar": Omit<ZanitMenubar, keyof ZanitMenubarAttributes> & { [K in keyof ZanitMenubar & keyof ZanitMenubarAttributes]?: ZanitMenubar[K] } & { [K in keyof ZanitMenubar & keyof ZanitMenubarAttributes as `attr:${K}`]?: ZanitMenubarAttributes[K] } & { [K in keyof ZanitMenubar & keyof ZanitMenubarAttributes as `prop:${K}`]?: ZanitMenubar[K] };
+        "zanit-mobile-menubar": Omit<ZanitMobileMenubar, keyof ZanitMobileMenubarAttributes> & { [K in keyof ZanitMobileMenubar & keyof ZanitMobileMenubarAttributes]?: ZanitMobileMenubar[K] } & { [K in keyof ZanitMobileMenubar & keyof ZanitMobileMenubarAttributes as `attr:${K}`]?: ZanitMobileMenubarAttributes[K] } & { [K in keyof ZanitMobileMenubar & keyof ZanitMobileMenubarAttributes as `prop:${K}`]?: ZanitMobileMenubar[K] };
+        "zanit-search-form": Omit<ZanitSearchForm, keyof ZanitSearchFormAttributes> & { [K in keyof ZanitSearchForm & keyof ZanitSearchFormAttributes]?: ZanitSearchForm[K] } & { [K in keyof ZanitSearchForm & keyof ZanitSearchFormAttributes as `attr:${K}`]?: ZanitSearchFormAttributes[K] } & { [K in keyof ZanitSearchForm & keyof ZanitSearchFormAttributes as `prop:${K}`]?: ZanitSearchForm[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -284,18 +311,18 @@ declare module "@stencil/core" {
              * Back to top floating action button component.
              * Appears on scroll, given a min height for both scroll height and page height.
              */
-            "zanit-back-to-top": LocalJSX.ZanitBackToTop & JSXBase.HTMLAttributes<HTMLZanitBackToTopElement>;
+            "zanit-back-to-top": LocalJSX.IntrinsicElements["zanit-back-to-top"] & JSXBase.HTMLAttributes<HTMLZanitBackToTopElement>;
             /**
              * Main menubar component. Each item can have a menu with subitems
              * When a main menubar item is the current active one, a sub-menubar is shown and each subitem can have a menu with subitems.
              * @cssprop {--zanit-menubar-max-width} Maximum width of the menubar.
              */
-            "zanit-menubar": LocalJSX.ZanitMenubar & JSXBase.HTMLAttributes<HTMLZanitMenubarElement>;
+            "zanit-menubar": LocalJSX.IntrinsicElements["zanit-menubar"] & JSXBase.HTMLAttributes<HTMLZanitMenubarElement>;
             /**
              * Mobile menubar component.
              */
-            "zanit-mobile-menubar": LocalJSX.ZanitMobileMenubar & JSXBase.HTMLAttributes<HTMLZanitMobileMenubarElement>;
-            "zanit-search-form": LocalJSX.ZanitSearchForm & JSXBase.HTMLAttributes<HTMLZanitSearchFormElement>;
+            "zanit-mobile-menubar": LocalJSX.IntrinsicElements["zanit-mobile-menubar"] & JSXBase.HTMLAttributes<HTMLZanitMobileMenubarElement>;
+            "zanit-search-form": LocalJSX.IntrinsicElements["zanit-search-form"] & JSXBase.HTMLAttributes<HTMLZanitSearchFormElement>;
         }
     }
 }