@zanichelli/zanichelli-it-frontend-kit 1.3.0-RC2 → 1.3.0-RC4

package/dist/esm/{zanit-menubar_3.entry.js → zanit-back-to-top_4.entry.js}

@@ -1,4 +1,58 @@
-import { h, r as registerInstance, a as getElement, F as Fragment, c as createEvent, H as Host } from './index-B82IapZZ.js';
+import { r as registerInstance, a as getElement, h, H as Host, F as Fragment, c as createEvent } from './index-DSdvvVFj.js';
+
+const backToTopCss = ".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) {
+        registerInstance(this, hostRef);
+    }
+    resizeObserver;
+    get host() { return getElement(this); }
+    /** Indicates whether the back-to-top button is visible and usable. */
+    showFab = false;
+    /** Indicates the current height of the page. */
+    currentPageHeight;
+    /** Indicates if the viewport is mobile. */
+    isMobile = false;
+    /** Min page height from which the back-to-top button must appear. */
+    pageMinHeight = 1600;
+    /** Min scroll height from which the back-to-top button must appear. */
+    scrollMinHeight = 800;
+    handleScroll() {
+        this.updateFabVisibility();
+    }
+    handleResize = () => {
+        const newHeight = document.documentElement.scrollHeight;
+        if (newHeight !== this.currentPageHeight)
+            this.currentPageHeight = newHeight;
+    };
+    connectedCallback() {
+        this.currentPageHeight = document.body.scrollHeight;
+        this.resizeObserver = new ResizeObserver(this.handleResize);
+        this.resizeObserver.observe(document.documentElement);
+        this.updateFabVisibility();
+        const mobileMediaQuery = window.matchMedia('(width < 768px)');
+        this.isMobile = mobileMediaQuery.matches;
+        mobileMediaQuery.onchange = (mql) => {
+            this.isMobile = mql.matches;
+        };
+    }
+    disconnectedCallback() {
+        this.resizeObserver.disconnect();
+    }
+    updateFabVisibility() {
+        this.showFab = this.currentPageHeight > this.pageMinHeight && window.scrollY > this.scrollMinHeight;
+    }
+    scroll() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+    render() {
+        if (!this.showFab)
+            return null;
+        return (h(Host, null, h("button", { class: 'z-fab' + (this.isMobile ? '' : ' z-fab-extended'), onClick: () => this.scroll() }, h("z-icon", { name: "back-top" }), h("span", null, "Torna su"))));
+    }
+};
+ZanitBackTop.style = backToTopCss;
 
 /**
  * Check if an element contains an event target by checking its composedPath.
@@ -16,14 +70,6 @@ const moveFocus = (current, next) => {
     next.tabIndex = 0;
     next.focus({ preventScroll: true });
 };
-/** Check if event key is ArrowUp */
-const isArrowUpKey = (event) => event.key === 'ArrowUp';
-/** Check if event key is ArrowDown */
-const isArrowDownKey = (event) => event.key === 'ArrowDown';
-/** Check if event key is Tab */
-const isTabKey = (event) => event.key === 'Tab';
-/** Check if event key is Escape */
-const isEscKey = (event) => event.key === 'Escape';
 
 const DEFAULT_GROUP_KEY = 'default';
 const DEFAULT_GROUP = {
@@ -65,32 +111,7 @@ const Menu = ({ controlledBy, items, currentPath = [], onItemKeyDown }) => {
                 }, 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{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;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);margin-right:auto;margin-left:auto;gap:20px}.shadow-wrapper>.width-limiter,.shadow-wrapper>ul{width:100%;max-width:var(--zanit-menubar-max-width, 1366px)}ul.menubar{padding-right:0}.menubar z-ghost-loading{display:block;width:120px;height:1.25rem}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}zanit-search-form{margin-left:auto}";
 
 const 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}}";
 
@@ -115,10 +136,6 @@ const ZanitMenubar = class {
     current = undefined;
     /** Initial search query. */
     searchQuery = undefined;
-    /** Environment for search suggestions */
-    searchEnv = SearchEnv.PROD;
-    /** Search area (e.g. "SCUOLA", "UNIVERSITÀ", "DIZIONARI").  */
-    searchArea;
     timerId;
     /** Setup the list of items. */
     async parseData(data) {
@@ -470,13 +487,13 @@ const ZanitMenubar = class {
     }
     render() {
         if (this.isMobile) {
-            return (h("zanit-mobile-menubar", { items: this.items, currentPath: this.currentPath, searchQuery: this.searchQuery, loading: this.loading, searchArea: this.searchArea, searchEnv: this.searchEnv }));
+            return (h("zanit-mobile-menubar", { items: this.items, currentPath: this.currentPath, searchQuery: this.searchQuery, loading: this.loading }));
         }
         return (h("nav", { "aria-label": "Zanichelli.it" }, h("div", { class: "shadow-wrapper" }, h("div", { class: "width-limiter" }, h("ul", { class: "menubar", role: "menubar", "aria-label": "Zanichelli.it" }, this.loading &&
             [...new Array(4)].map((_, index) => (h(Fragment, null, h("li", { role: "none" }, h("div", { class: "menubar-item" }, h("z-ghost-loading", null))), index < 3 && h("li", { role: "separator" })))), this.items?.map((item, index) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: {
                 'menubar-item': true,
                 'active': this.isActive(item),
-            }, href: item.href, id: item.id, role: "menuitem", tabIndex: -1, "aria-expanded": item.menuItems?.length ? (this.openMenu === item.id ? 'true' : 'false') : undefined, "aria-haspopup": item.menuItems?.length ? 'true' : 'false', "aria-current": this.current.includes(item.id) ? 'page' : 'false', onPointerOver: () => this.showMenu(item), onKeyDown: (event) => this.handleItemKeydown(event, item), target: item.target }, h("span", { "data-text": item.label }, item.label), item.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === item.id ? 'chevron-up' : 'chevron-down', width: "0.875rem", height: "0.875rem" })))), index < this.items?.length - 1 && h("li", { role: "separator" }))))), h("zanit-search-form", { searchQuery: this.searchQuery, searchArea: this.searchArea, searchEnv: this.searchEnv, onResetSearch: () => (this.searchQuery = undefined) })), this.items.map((item) => this.openMenu === item.id && (h(Menu, { controlledBy: item.id, items: item.menuItems, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleMenuKeydown(event) })))), this.items
+            }, href: item.href, id: item.id, role: "menuitem", tabIndex: -1, "aria-expanded": item.menuItems?.length ? (this.openMenu === item.id ? 'true' : 'false') : undefined, "aria-haspopup": item.menuItems?.length ? 'true' : 'false', "aria-current": this.current.includes(item.id) ? 'page' : 'false', onPointerOver: () => this.showMenu(item), onKeyDown: (event) => this.handleItemKeydown(event, item), target: item.target }, h("span", { "data-text": item.label }, item.label), item.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === item.id ? 'chevron-up' : 'chevron-down', width: "0.875rem", height: "0.875rem" })))), index < this.items?.length - 1 && h("li", { role: "separator" }))))), h("zanit-search-form", { searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined) })), this.items.map((item) => this.openMenu === item.id && (h(Menu, { controlledBy: item.id, items: item.menuItems, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleMenuKeydown(event) })))), this.items
             ?.filter((item) => this.isActive(item))
             .map((item) => item.navbarItems?.length && (h("nav", { class: { 'sub-menubar': true, 'shadow-wrapper': true }, "aria-label": `Sezioni: ${item.label}` }, h("ul", { role: "menubar" }, item.navbarItems.map((subitem) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: {
                 'menubar-item': true,
@@ -509,10 +526,6 @@ const ZanitMobileMenubar = class {
     searchQuery = undefined;
     /** Whether the menubar is loading the data. */
     loading = false;
-    /** Environment for search suggestions */
-    searchEnv = SearchEnv.PROD;
-    /** Search area (e.g. "SCUOLA", "UNIVERSITÀ", "DIZIONARI").  */
-    searchArea;
     /** Last active item ID. */
     lastCurrent = undefined;
     parentItem = undefined;
@@ -642,7 +655,7 @@ const ZanitMobileMenubar = class {
         this.open = false;
     }
     render() {
-        return (h("nav", { key: 'f21d484bf0c81aa8e4583f71bf8a8523c57b791f', "aria-label": "Zanichelli.it" }, h("button", { key: '5331948d9f25ebf2812b9538ba2654ccd98a376a', 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: '14b6264bd1aa3383a90d0f38924cc73b407af7fb', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: 'ad25511bb218bdfae227a6f84c2f84790da5495a', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: 'a76767d008e17c8c22baef76eb5ef6237764a665', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined), searchArea: this.searchArea, searchEnv: this.searchEnv }), this.open && (h("ul", { key: 'dc7159a8a0342825a7828323204dd10e32ea30ee', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: '60f03b21375d3cdc89242a67b89c42a6d2aad5ca', role: "none" }, h("a", { key: '143c13385480d4860d95cc073af0d53aa8f622f2', 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: 'a433613bd001bcbd44ba98305291d8d585349f21', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: '237cc68a00c57e71ef564444ab872a4d47bf7071' }, 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: 'd2626f2d4b495a709d763767535149a289928780', "aria-label": "Zanichelli.it" }, h("button", { key: '9bef721633c0e50b0632a3570087dc5688111ac1', 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: '3a80e9e7a1a111b51ebec8cb788156b575b0dbdf', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: '8207e15841cae3814a341b5c0d196637e654425f', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: '18677ed749261738894e83057ef37020f305ba3a', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined) }), this.open && (h("ul", { key: 'f7106ae095e6c17bcf602e7b1104c6cd18639b30', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: 'a2d02aa7496511366e19637676909ff64aaffc0b', role: "none" }, h("a", { key: '8e81f272f0c5568157bc67f7e3c62f476b9e9a76', 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: 'b7dd58ad912541b2d9703a01e5c07aacfbb51f95', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: '7755b2c9aa025e272ab2f65c3d6b3e45ca1feb4c' }, 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))))))))))));
@@ -655,91 +668,7 @@ const ZanitMobileMenubar = class {
 };
 ZanitMobileMenubar.style = mobileMenubarCss + menuCss;
 
-var AREA_LABELS;
-(function (AREA_LABELS) {
-    AREA_LABELS["SCUOLA"] = "Scuola";
-    AREA_LABELS["UNIVERSIT\u00C0"] = "Universit\u00E0";
-    AREA_LABELS["GIURIDICO"] = "Giuridico";
-    AREA_LABELS["DIZIONARI"] = "Dizionari";
-    AREA_LABELS["SAGGISTICA"] = "Saggistica";
-})(AREA_LABELS || (AREA_LABELS = {}));
-const AREA_ORDER = Object.keys(AREA_LABELS);
-function buildSuggestions(query, subjectsByArea, selectedArea) {
-    const matchingSubjectAreas = findSubjectAreas(query, subjectsByArea);
-    const hasSubject = matchingSubjectAreas.length > 0;
-    const subject = hasSubject ? query.toUpperCase() : undefined;
-    const suggestions = [];
-    if (selectedArea)
-        suggestions.push(buildWordSuggestion(query, selectedArea));
-    suggestions.push(buildWordSuggestion(query));
-    if (hasSubject) {
-        if (selectedArea) {
-            const orderedSubjectAreas = [
-                ...matchingSubjectAreas.filter((area) => area === selectedArea),
-                ...matchingSubjectAreas
-                    .filter((area) => area !== selectedArea)
-                    .sort((a, b) => getAreaOrder(a) - getAreaOrder(b)),
-            ];
-            orderedSubjectAreas.forEach((area) => suggestions.push(buildSubjectSuggestion(query, area, subject)));
-        }
-        else {
-            matchingSubjectAreas
-                .sort((a, b) => getAreaOrder(a) - getAreaOrder(b))
-                .forEach((subjectArea) => suggestions.push(buildSubjectSuggestion(query, subjectArea, subject)));
-        }
-    }
-    return suggestions;
-}
-const buildWordSuggestion = (user_query, area) => {
-    return {
-        id: buildId(`word-${user_query}-${area}`),
-        label: buildLabel(user_query, area, false, false),
-        html_label: buildLabel(user_query, area, false, true),
-        url: buildUrl({ q: user_query, ...(area ? { area } : {}), user_query }),
-        ...buildDetail(user_query, user_query, area),
-    };
-};
-const buildSubjectSuggestion = (user_query, area, subject) => {
-    return {
-        id: buildId(`subj-${user_query}-${area}-${subject}`),
-        label: buildLabel(user_query, area, true, false),
-        html_label: buildLabel(user_query, area, true, true),
-        url: buildUrl({ area, materia: subject, user_query }),
-        ...buildDetail(user_query, undefined, area, subject),
-    };
-};
-const buildId = (string) => string
-    .split('')
-    .map((c) => c.charCodeAt(0).toString(16))
-    .join('');
-const buildUrl = (params) => {
-    return `ricerca?${new URLSearchParams(params).toString()}`;
-};
-const buildDetail = (user_query, query, area, subject) => ({
-    user_query,
-    ...(query ? { query } : {}),
-    ...(area ? { area } : {}),
-    ...(subject ? { subject } : {}),
-});
-const buildLabel = (user_query, area, isSubject = false, isHtml = false) => {
-    const openStrong = isHtml ? `<strong>` : ``;
-    const closeStrong = isHtml ? `</strong>` : ``;
-    return `Cerca la ${isSubject ? `materia` : `parola`} ${openStrong}${user_query}${closeStrong} ${area ? `nel catalogo ${openStrong}${AREA_LABELS[area] ?? area}${closeStrong}` : `in tutto il sito`}`;
-};
-function findSubjectAreas(query, subjectsByArea) {
-    const cleanedQuery = cleanSearch(query);
-    return Object.entries(subjectsByArea)
-        .filter(([, subjects]) => subjects.some((subject) => subject.toLowerCase() === cleanedQuery))
-        .map(([area]) => area);
-}
-/** Clear search string: lowercase, remove multiple spaces */
-const cleanSearch = (s) => s.toLowerCase().replace(/\s+/g, ' ');
-const getAreaOrder = (area) => {
-    const index = AREA_ORDER.indexOf(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);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;width:100vw;margin-left:-50vw;left:50%;top:48px;background:#fff;box-shadow:var(--shadow-1);border-top:1px solid var(--gray200)}.suggestions-wrapper.hidden{display:none}.suggestions{display:flex;padding:var(--space-unit);flex-direction:column;align-items:stretch;width:100%;margin:0 auto}.suggestion{cursor:pointer;padding:calc(var(--space-unit) * 0.75) var(--space-unit);font-size:1rem;line-height:1.5rem}.suggestion strong{font-size:1.125rem}.suggestion:hover,.suggestion[aria-selected='true']{background:var(--gray100)}@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{padding:var(--space-unit) calc(var(--space-unit) * 3);max-width:1366px}}";
+const searchFormCss = ":host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}button{all:unset;cursor:pointer}.searchbar{--searchbar-button-x-padding:14px;--searchbar-button-icon-width:1.75rem;--closed-searchbar-width:calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);position:absolute;top:0;right:0;display:flex;width:var(--closed-searchbar-width);justify-content:flex-end;transition:width 0.4s ease-in-out}.searchbar.searchbar-open{width:100%}.searchbar .input-wrapper{display:flex;overflow:hidden;width:100%;align-items:center;padding:8px;padding-left:var(--grid-margin);background-color:#fff;gap:8px;transition-duration:0.4s;transition-property:padding-right, padding-left, width;transition-timing-function:ease-in-out}.searchbar:not(.searchbar-open) .input-wrapper{overflow:hidden;width:0;padding:0}.searchbar button[type='reset']{--z-icon-width:1rem;--z-icon-height:1rem;display:flex;align-items:center;cursor:pointer}.searchbar input{z-index:1;width:100%;height:100%;padding:0;border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:1rem}.searchbar.searchbar-open input:first-child{padding-left:4px;margin-left:-4px;}.searchbar input[type='search']::-webkit-search-cancel-button,.searchbar input[type='search']::-webkit-search-decoration{appearance:none}.searchbar input::placeholder{color:var(--gray500)}.searchbar .searchbar-button{display:flex;align-items:center;justify-content:center;padding:10px var(--searchbar-button-x-padding);border-left:1px solid #000;background:var(--zanit-accent-color);font-family:inherit;font-size:inherit;gap:64px;line-height:1}.searchbar .searchbar-button:focus-visible{z-index:1}.searchbar-button z-icon{--z-icon-width:var(--searchbar-button-icon-width);--z-icon-height:var(--searchbar-button-icon-width)}@media (width < 1152px){.searchbar .searchbar-button>.searchbar-button-label{display:none}}@media (width >= 768px){.searchbar{--searchbar-button-x-padding:16px;--searchbar-button-icon-width:2rem}.searchbar .input-wrapper{gap:14px}.searchbar button[type='reset']{--z-icon-width:1.5rem;--z-icon-height:1.5rem}.searchbar input,.searchbar .searchbar-button{font-size:1.5rem}.searchbar .searchbar-button{padding:8px var(--searchbar-button-x-padding)}}@media (width >= 1152px){.searchbar{--closed-searchbar-width:190px}}@media (width >= 1366px){.searchbar .searchbar-button{border-right:1px solid #000}}";
 
 const ZanitSearchForm = class {
     constructor(hostRef) {
@@ -748,77 +677,44 @@ const ZanitSearchForm = class {
         this.resetSearch = createEvent(this, "resetSearch");
     }
     formElement;
-    subjectsByArea = {};
-    timer;
     get host() { return getElement(this); }
     /** Indicates whether the searchbar is visible and usable. */
     showSearchbar = false;
     /** Search query to apply. */
     _searchQuery = undefined;
-    /** Search suggestions to show in the autocomplete dropdown. */
-    suggestions = [];
-    /** Active suggestion - used for keyboard navigation */
-    activeSuggestion = '';
-    /** Show suggestions list */
-    showSuggestions = false;
     /** Initial search query */
     searchQuery = undefined;
-    /** Environment for search suggestions */
-    searchEnv = SearchEnv.PROD;
-    /** Search area (e.g. "SCUOLA", "UNIVERSITÀ", "DIZIONARI").  */
-    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 = '';
     }
     /** Emitted on search form submission. */
     search;
     resetSearch;
     async connectedCallback() {
-        this.subjectsByArea = await getSubjectsByArea(this.searchEnv);
         this.showSearchbar = !!this.searchQuery;
         this._searchQuery = this.searchQuery;
     }
     /** Close open searchbar when clicking outside. */
     handleOutsideClick(event) {
-        if (this.showSearchbar && this.host && !containsTarget(this.host, event)) {
+        if (this.showSearchbar && this.formElement && !containsTarget(this.formElement, event)) {
             this.showSearchbar = false;
         }
     }
-    /** Close the searchbar/suggestions when pressing Escape. */
-    handleEsc(event) {
-        if (!isEscKey(event)) {
-            return;
-        }
-        if (this.showSuggestions) {
-            this.showSuggestions = false;
-        }
-        else {
-            this.showSearchbar = false;
-        }
-    }
-    /** Close the searchbar/suggestions when pressing Tab. */
-    handleTab(event) {
-        if (!isTabKey(event)) {
-            return;
-        }
-        this.showSuggestions = false;
-        if (!containsTarget(this.host, event)) {
-            this.showSearchbar = false;
+    /** Close the menu when pressing Escape or Tab. */
+    handleKeydown(event) {
+        switch (event.key) {
+            case 'Escape':
+                this.showSearchbar = false;
+                break;
+            case 'Tab':
+                if (containsTarget(this.host, event)) {
+                    break;
+                }
+                this.showSearchbar = false;
+                break;
         }
     }
     openSearchbar() {
@@ -832,119 +728,35 @@ const ZanitSearchForm = class {
         this.searchQuery = undefined;
         this.resetSearch.emit();
     }
-    resetSuggestions() {
-        this.suggestions = [];
-        this.showSuggestions = false;
-    }
     handleInputChange(event) {
         this._searchQuery = event.target.value;
         if (!this._searchQuery) {
             this.searchQuery = undefined;
         }
-        this.updateSuggestions();
-    }
-    updateSuggestions() {
-        clearTimeout(this.timer);
-        const query = (this._searchQuery || '').trim();
-        if (query.length < 3) {
-            this.resetSuggestions();
-            return;
-        }
-        this.timer = setTimeout(() => {
-            this.resetSuggestions();
-            this.suggestions = buildSuggestions(query, this.subjectsByArea, this.searchArea?.toUpperCase());
-            this.showSuggestions = true;
-        }, 300);
     }
     onSearchSubmit(event) {
         event.preventDefault();
         if (!this._searchQuery) {
             return;
         }
-        if (this.activeSuggestion) {
-            const suggestion = this.suggestions.find((s) => s.id === this.activeSuggestion);
-            if (suggestion) {
-                this.submitSuggestionSearch(suggestion);
-                this.showSuggestions = false;
-                return;
-            }
-        }
         this.showSearchbar = false;
-        const searchEv = this.search.emit({ query: this._searchQuery, area: this.searchArea });
+        const searchEv = this.search.emit({ query: this._searchQuery });
         // do not submit the form if the event default behavior was prevented
         if (searchEv.defaultPrevented) {
             return;
         }
         this.formElement.submit();
     }
-    submitSuggestionSearch(suggestion) {
-        const ev = this.search.emit({
-            user_query: suggestion.user_query,
-            query: suggestion.query,
-            area: suggestion.area,
-            subject: suggestion.subject,
-        });
-        if (!ev.defaultPrevented) {
-            window.location.href = suggestion.url;
-        }
-    }
-    handleSuggestionsNav(event) {
-        if (!isArrowDownKey(event) && !isArrowUpKey(event)) {
-            return;
-        }
-        if (!this.suggestions.length) {
-            return;
-        }
-        const options = this.suggestions.map((o) => o.id);
-        if (!options.length) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        if (!this.showSuggestions) {
-            this.showSuggestions = true;
-        }
-        let nextId = null;
-        const firstId = options[0];
-        const lastId = options[options.length - 1];
-        const currOption = options.indexOf(this.activeSuggestion);
-        if (currOption < 0) {
-            nextId = isArrowDownKey(event) ? firstId : lastId;
-        }
-        else {
-            if (isArrowDownKey(event)) {
-                nextId = options[currOption + 1] || lastId;
-            }
-            else {
-                nextId = options[currOption - 1] || firstId;
-            }
-        }
-        this.activeSuggestion = nextId;
-    }
-    renderSuggestions() {
-        return (h("div", { class: { 'suggestions-wrapper': true, 'hidden': !this.showSuggestions || !this.suggestions.length }, onPointerOver: (e) => e.preventDefault() }, h("div", { id: "search-suggestions", class: "suggestions", role: "listbox", "aria-label": "Seleziona tra i suggerimenti" }, this.suggestions.map((suggestion, k) => {
-            return (h("span", { key: k, innerHTML: suggestion.html_label, id: suggestion.id, class: "suggestion", role: "option", "aria-label": suggestion.label, "aria-selected": this.activeSuggestion === suggestion.id ? 'true' : undefined, onClick: () => this.submitSuggestionSearch(suggestion) }));
-        }))));
-    }
     render() {
-        return (h(Host, { key: '7ac06128ddbb7b5eed2d579d615607f725a3d922' }, h("form", { key: '238b35f0aa41c95b3329da5fc80e17f3a47dfff6', 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: 'bdd71f66a0947eeae7f657298cc2397f512884ab', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: '9e40abc78a5d1910ace9bc628f10035696df7e7f', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: 'f84706b7c06dabb0b6a81eae6530e26eddc95a04', 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: '6ff774cf791dc2f7ebb1861a5697e27ae040206f', name: "multiply-circled" }))), h("input", { key: 'e53291d60e203c72a79af09eb9072dde62b6a916', 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: '836604e75ca90d451cba93236509f20a3a22cf16', 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: '1616128d97c04a1e4768f163fcc20a21664daca4', name: "search" }))), this.renderSuggestions()));
+        return (h("form", { key: 'fe6f284342dbd746e36d5cb3c5707dcce305c161', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, h("div", { key: '593b2cccc1d01244e4d9dbf5a1cc90cf1e9075f2', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: '2dbf7c03d16d83cc75e10f6931c2f55131794ca3', 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: 'dd4efe874001e675b31317e914b8c0e95dad4a0b', name: "multiply-circled" }))), h("input", { key: '8030e45506f54d7478658829dcea62953b0b4659', id: "searchbar-input", name: "q", type: "search", disabled: !this.showSearchbar, placeholder: "Cerca per parola chiave o ISBN", onInput: (event) => this.handleInputChange(event), value: this.searchQuery, required: true, "aria-label": "Cerca per parola chiave o ISBN", "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 })), h("button", { key: 'f9f28df512a832c6ee1327e5dbeb5bd4648e44b7', 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: '2b0f78db129b77e011be643da542f392d521dfc8', name: "search" }))));
     }
     static get watchers() { return {
-        "searchQuery": ["onSearchQueryChange"],
-        "searchArea": ["onSearchAreaChange"],
-        "showSearchbar": ["onShowSearchbarChange"],
-        "showSuggestions": ["onShowSuggestionsChange"]
+        "searchQuery": ["onSearchQueryChange"]
     }; }
 };
 ZanitSearchForm.style = searchFormCss;
 
-export { ZanitMenubar as zanit_menubar, ZanitMobileMenubar as zanit_mobile_menubar, ZanitSearchForm as zanit_search_form };
-//# sourceMappingURL=zanit-menubar.zanit-mobile-menubar.zanit-search-form.entry.js.map
+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-menubar_3.entry.js.map
+//# sourceMappingURL=zanit-back-to-top_4.entry.js.map