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

package/dist/components/p-Bk8_DaVU.js

@@ -0,0 +1,375 @@
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
+
+/**
+ * Check if an element contains an event target by checking its composedPath.
+ * Useful when an event target may come from a component's shadow DOM.
+ */
+const containsTarget = (ancestor, event) => {
+    return event
+        .composedPath()
+        .filter((el) => el !== document && el !== window.window)
+        .some((el) => ancestor.contains(el));
+};
+/** Move the focus to `next` element, set tabindex to 0 for `next` and -1 to `current`. */
+const moveFocus = (current, next) => {
+    current.tabIndex = -1;
+    next.tabIndex = 0;
+    next.focus({ preventScroll: true });
+};
+/** 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';
+
+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 {};
+    }
+}
+
+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 ZanitSearchForm = /*@__PURE__*/ proxyCustomElement(class ZanitSearchForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.search = createEvent(this, "search");
+        this.resetSearch = createEvent(this, "resetSearch");
+    }
+    formElement;
+    subjectsByArea = {};
+    timer;
+    get host() { return 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)) {
+            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;
+        }
+    }
+    openSearchbar() {
+        this.showSearchbar = true;
+        setTimeout(() => {
+            const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input');
+            searchbarInput.focus({ preventScroll: true });
+        }, 500);
+    }
+    resetSearchQuery() {
+        this.searchQuery = undefined;
+        this.resetSearch.emit();
+    }
+    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 });
+        // 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()));
+    }
+    static get watchers() { return {
+        "searchQuery": ["onSearchQueryChange"],
+        "searchArea": ["onSearchAreaChange"],
+        "showSearchbar": ["onShowSearchbarChange"],
+        "showSuggestions": ["onShowSuggestionsChange"]
+    }; }
+    static get style() { return searchFormCss; }
+}, [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"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["zanit-search-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "zanit-search-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZanitSearchForm);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SearchEnv as S, ZanitSearchForm as Z, containsTarget as c, defineCustomElement as d, moveFocus as m };
+//# sourceMappingURL=p-Bk8_DaVU.js.map
+
+//# sourceMappingURL=p-Bk8_DaVU.js.map

package/dist/components/p-Bk8_DaVU.js.map

@@ -0,0 +1 @@
+{"file":"p-Bk8_DaVU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/utils.ts","src/utils/subjects.api.ts","src/components/menubar/search-form/suggestions.ts","src/components/menubar/search-form/search-form.css?tag=zanit-search-form&encapsulation=shadow","src/components/menubar/search-form/search-form.tsx"],"sourcesContent":["/**\n * Check if an element contains an event target by checking its composedPath.\n * Useful when an event target may come from a component's shadow DOM.\n */\nexport const containsTarget = (ancestor: HTMLElement, event: Event) => {\n  return event\n    .composedPath()\n    .filter((el) => el !== document && el !== window.window)\n    .some((el) => ancestor.contains(el as HTMLElement));\n};\n\n/** Move the focus to `next` element, set tabindex to 0 for `next` and -1 to `current`. */\nexport const moveFocus = (current: HTMLElement, next: HTMLElement) => {\n  current.tabIndex = -1;\n  next.tabIndex = 0;\n  next.focus({ preventScroll: true });\n};\n\n/** Check if event key is ArrowUp */\nexport const isArrowUpKey = (event: KeyboardEvent) => event.key === 'ArrowUp';\n\n/** Check if event key is ArrowDown */\nexport const isArrowDownKey = (event: KeyboardEvent) => event.key === 'ArrowDown';\n\n/** Check if event key is Tab */\nexport const isTabKey = (event: KeyboardEvent) => event.key === 'Tab';\n\n/** Check if event key is Escape */\nexport const isEscKey = (event: KeyboardEvent) => event.key === 'Escape';\n","export enum SearchEnv {\n  DEV = 'dev',\n  TEST = 'test',\n  PROD = 'prod',\n}\n\nconst S3_SHOP_URL: Record<string, string> = {\n  dev: 'https://zanichelli-shop-dev.s3.eu-west-1.amazonaws.com',\n  test: 'https://zanichelli-shop-test.s3.eu-west-1.amazonaws.com',\n  prod: 'https://zanichelli-shop.s3.eu-west-1.amazonaws.com',\n};\n\nexport async function getSubjectsByArea(searchEnv: SearchEnv): Promise<Record<string, string[]>> {\n  try {\n    const response = await fetch(`${S3_SHOP_URL[searchEnv]}/categories.json`);\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}`);\n    }\n    return await response.json();\n  } catch (err) {\n    console.error('Error fetching subjects:', err);\n    return {};\n  }\n}\n","enum AREA_LABELS {\n  SCUOLA = 'Scuola',\n  UNIVERSITÀ = 'Università',\n  GIURIDICO = 'Giuridico',\n  DIZIONARI = 'Dizionari',\n  SAGGISTICA = 'Saggistica',\n}\n\nconst AREA_ORDER = Object.keys(AREA_LABELS);\n\nexport type SearchSuggestion = {\n  id: string;\n  label: string;\n  html_label: string;\n  url: string;\n  user_query: string;\n  query?: string;\n  area?: string;\n  subject?: string;\n};\n\nexport function buildSuggestions(\n  query: string,\n  subjectsByArea: Record<string, string[]>,\n  selectedArea?: string\n): SearchSuggestion[] {\n  const matchingSubjectAreas = findSubjectAreas(query, subjectsByArea);\n  const hasSubject = matchingSubjectAreas.length > 0;\n  const subject = hasSubject ? query.toUpperCase() : undefined;\n\n  const suggestions: SearchSuggestion[] = [];\n\n  if (selectedArea) suggestions.push(buildWordSuggestion(query, selectedArea));\n\n  suggestions.push(buildWordSuggestion(query));\n\n  if (hasSubject) {\n    if (selectedArea) {\n      const orderedSubjectAreas = [\n        ...matchingSubjectAreas.filter((area) => area === selectedArea),\n        ...matchingSubjectAreas\n          .filter((area) => area !== selectedArea)\n          .sort((a, b) => getAreaOrder(a) - getAreaOrder(b)),\n      ];\n      orderedSubjectAreas.forEach((area) => suggestions.push(buildSubjectSuggestion(query, area, subject)));\n    } else {\n      matchingSubjectAreas\n        .sort((a, b) => getAreaOrder(a) - getAreaOrder(b))\n        .forEach((subjectArea) => suggestions.push(buildSubjectSuggestion(query, subjectArea, subject)));\n    }\n  }\n\n  return suggestions;\n}\n\nconst buildWordSuggestion = (user_query: string, area?: string): SearchSuggestion => {\n  return {\n    id: buildId(`word-${user_query}-${area}`),\n    label: buildLabel(user_query, area, false, false),\n    html_label: buildLabel(user_query, area, false, true),\n    url: buildUrl({ q: user_query, ...(area ? { area } : {}), user_query }),\n    ...buildDetail(user_query, user_query, area),\n  };\n};\n\nconst buildSubjectSuggestion = (user_query: string, area: string, subject: string): SearchSuggestion => {\n  return {\n    id: buildId(`subj-${user_query}-${area}-${subject}`),\n    label: buildLabel(user_query, area, true, false),\n    html_label: buildLabel(user_query, area, true, true),\n    url: buildUrl({ area, materia: subject, user_query }),\n    ...buildDetail(user_query, undefined, area, subject),\n  };\n};\n\nconst buildId = (string: string) =>\n  string\n    .split('')\n    .map((c) => c.charCodeAt(0).toString(16))\n    .join('');\n\nconst buildUrl = (params: Record<string, string>): string => {\n  return `ricerca?${new URLSearchParams(params).toString()}`;\n};\n\nconst buildDetail = (user_query: string, query?: string, area?: string, subject?: string) => ({\n  user_query,\n  ...(query ? { query } : {}),\n  ...(area ? { area } : {}),\n  ...(subject ? { subject } : {}),\n});\n\nconst buildLabel = (user_query: string, area?: string, isSubject: boolean = false, isHtml: boolean = false) => {\n  const openStrong = isHtml ? `<strong>` : ``;\n  const closeStrong = isHtml ? `</strong>` : ``;\n\n  return `Cerca la ${isSubject ? `materia` : `parola`} ${openStrong}${user_query}${closeStrong} ${area ? `nel catalogo ${openStrong}${AREA_LABELS[area] ?? area}${closeStrong}` : `in tutto il sito`}`;\n};\n\nfunction findSubjectAreas(query: string, subjectsByArea: Record<string, string[]>): string[] {\n  const cleanedQuery = cleanSearch(query);\n  return Object.entries(subjectsByArea)\n    .filter(([, subjects]) => subjects.some((subject) => subject.toLowerCase() === cleanedQuery))\n    .map(([area]) => area);\n}\n\n/** Clear search string: lowercase, remove multiple spaces */\nconst cleanSearch = (s: string) => s.toLowerCase().replace(/\\s+/g, ' ');\n\nconst getAreaOrder = (area: string) => {\n  const index = AREA_ORDER.indexOf(area);\n  return index >= 0 ? index : 100;\n};\n",":host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\n.searchbar {\n  --searchbar-button-x-padding: 14px;\n  --searchbar-button-icon-width: 1.75rem;\n\n  /* button horizontal padding + icon size + left border */\n  --closed-searchbar-width: calc((var(--searchbar-button-x-padding) * 2) + var(--searchbar-button-icon-width) + 1px);\n\n  position: absolute;\n  z-index: 5;\n  top: 0;\n  right: 0;\n  display: flex;\n  width: var(--closed-searchbar-width);\n  justify-content: flex-end;\n  transition: width 0.4s ease-in-out;\n}\n\n.searchbar.searchbar-open {\n  width: 100%;\n}\n\n.searchbar .input-wrapper {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  align-items: center;\n  padding: 8px;\n  padding-left: var(--grid-margin);\n  background-color: #fff;\n  gap: 8px;\n  transition-duration: 0.4s;\n  transition-property: padding-right, padding-left, width;\n  transition-timing-function: ease-in-out;\n}\n\n.searchbar:not(.searchbar-open) .input-wrapper {\n  overflow: hidden;\n  width: 0;\n  padding: 0;\n}\n\n.searchbar button[type='reset'] {\n  --z-icon-width: 1rem;\n  --z-icon-height: 1rem;\n\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.searchbar input {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background-color: #fff;\n  font-family: var(--font-family-sans);\n  font-size: 1rem;\n}\n\n.searchbar.searchbar-open input:first-child {\n  padding-left: 4px;\n  margin-left: -4px; /* per evitare che la focus shadow vada fuori dallo schermo */\n}\n\n.searchbar input[type='search']::-webkit-search-cancel-button,\n.searchbar input[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n\n.searchbar input::placeholder {\n  color: var(--gray500);\n}\n\n.searchbar .searchbar-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px var(--searchbar-button-x-padding);\n  border-left: 1px solid #000;\n  background: var(--zanit-accent-color);\n  font-family: inherit;\n  font-size: inherit;\n  gap: 64px;\n  line-height: 1;\n}\n\n.searchbar .searchbar-button:focus-visible {\n  z-index: 1;\n}\n\n.searchbar-button z-icon {\n  --z-icon-width: var(--searchbar-button-icon-width);\n  --z-icon-height: var(--searchbar-button-icon-width);\n}\n\n.suggestions-wrapper {\n  position: absolute;\n  z-index: 4;\n  width: 100vw;\n  margin-left: -50vw;\n  left: 50%;\n  top: 48px;\n  background: #fff;\n  box-shadow: var(--shadow-1);\n  border-top: 1px solid var(--gray200);\n}\n\n.suggestions-wrapper.hidden {\n  display: none;\n}\n\n.suggestions {\n  display: flex;\n  padding: var(--space-unit);\n  flex-direction: column;\n  align-items: stretch;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.suggestion {\n  cursor: pointer;\n  padding: calc(var(--space-unit) * 0.75) var(--space-unit);\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.suggestion strong {\n  font-size: 1.125rem;\n}\n\n.suggestion:hover,\n.suggestion[aria-selected='true'] {\n  background: var(--gray100);\n}\n\n@media (width < 1152px) {\n  .searchbar .searchbar-button > .searchbar-button-label {\n    display: none;\n  }\n}\n\n@media (width >= 768px) {\n  .searchbar {\n    --searchbar-button-x-padding: 16px;\n    --searchbar-button-icon-width: 2rem;\n  }\n\n  .searchbar .input-wrapper {\n    gap: 14px;\n  }\n\n  .searchbar button[type='reset'] {\n    --z-icon-width: 1.5rem;\n    --z-icon-height: 1.5rem;\n  }\n\n  .searchbar input,\n  .searchbar .searchbar-button {\n    font-size: 1.5rem;\n  }\n\n  .searchbar .searchbar-button {\n    padding: 8px var(--searchbar-button-x-padding);\n  }\n\n  .suggestions {\n    padding: var(--space-unit) calc(var(--space-unit) * 2);\n  }\n}\n\n@media (width >= 1152px) {\n  .searchbar {\n    --closed-searchbar-width: 190px;\n  }\n}\n\n@media (width >= 1366px) {\n  .searchbar .searchbar-button {\n    border-right: 1px solid #000;\n  }\n\n  .suggestions {\n    padding: var(--space-unit) calc(var(--space-unit) * 3);\n    max-width: 1366px;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport { containsTarget, isArrowDownKey, isArrowUpKey, isEscKey, isTabKey, SearchEvent } from '../../../utils';\nimport { getSubjectsByArea, SearchEnv } from '../../../utils/subjects.api';\nimport { buildSuggestions, SearchSuggestion } from './suggestions';\n\n@Component({\n  tag: 'zanit-search-form',\n  styleUrl: 'search-form.css',\n  shadow: true,\n})\nexport class ZanitSearchForm {\n  private formElement: HTMLFormElement;\n  private subjectsByArea: Record<string, string[]> = {};\n  private timer: NodeJS.Timeout;\n\n  @Element() host: HTMLZanitSearchFormElement;\n\n  /** Indicates whether the searchbar is visible and usable. */\n  @State()\n  showSearchbar: boolean = false;\n\n  /** Search query to apply. */\n  @State()\n  _searchQuery: string | undefined = undefined;\n\n  /** Search suggestions to show in the autocomplete dropdown. */\n  @State() suggestions: SearchSuggestion[] = [];\n\n  /** Active suggestion - used for keyboard navigation */\n  @State() activeSuggestion: string = '';\n\n  /** Show suggestions list */\n  @State() showSuggestions: boolean = false;\n\n  /** Initial search query */\n  @Prop({ mutable: true })\n  searchQuery: string | undefined = undefined;\n\n  /** Environment for search suggestions */\n  @Prop() searchEnv: SearchEnv = SearchEnv.PROD;\n\n  /** Search area (e.g. \"SCUOLA\", \"UNIVERSITÀ\", \"DIZIONARI\").  */\n  @Prop() searchArea?: string | undefined;\n\n  @Watch('searchQuery')\n  onSearchQueryChange() {\n    this._searchQuery = this.searchQuery;\n    if (this.searchQuery) {\n      this.openSearchbar();\n    }\n    this.resetSuggestions();\n  }\n\n  @Watch('searchArea')\n  onSearchAreaChange() {\n    this.resetSuggestions();\n  }\n\n  @Watch('showSearchbar')\n  onShowSearchbarChange() {\n    if (!this.showSearchbar) {\n      this.showSuggestions = false;\n    }\n  }\n\n  @Watch('showSuggestions')\n  onShowSuggestionsChange() {\n    this.activeSuggestion = '';\n  }\n\n  /** Emitted on search form submission. */\n  @Event({ cancelable: true }) search: EventEmitter<SearchEvent>;\n\n  @Event() resetSearch: EventEmitter<void>;\n\n  async connectedCallback() {\n    this.subjectsByArea = await getSubjectsByArea(this.searchEnv);\n    this.showSearchbar = !!this.searchQuery;\n    this._searchQuery = this.searchQuery;\n  }\n\n  /** Close open searchbar when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (this.showSearchbar && this.host && !containsTarget(this.host, event)) {\n      this.showSearchbar = false;\n    }\n  }\n\n  /** Close the searchbar/suggestions when pressing Escape. */\n  @Listen('keydown', { passive: true })\n  handleEsc(event: KeyboardEvent) {\n    if (!isEscKey(event)) {\n      return;\n    }\n\n    if (this.showSuggestions) {\n      this.showSuggestions = false;\n    } else {\n      this.showSearchbar = false;\n    }\n  }\n\n  /** Close the searchbar/suggestions when pressing Tab. */\n  @Listen('keyup', { target: 'document', passive: true })\n  handleTab(event: KeyboardEvent) {\n    if (!isTabKey(event)) {\n      return;\n    }\n\n    this.showSuggestions = false;\n\n    if (!containsTarget(this.host, event)) {\n      this.showSearchbar = false;\n    }\n  }\n\n  private openSearchbar() {\n    this.showSearchbar = true;\n    setTimeout(() => {\n      const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input') as HTMLInputElement;\n      searchbarInput.focus({ preventScroll: true });\n    }, 500);\n  }\n\n  private resetSearchQuery() {\n    this.searchQuery = undefined;\n    this.resetSearch.emit();\n  }\n\n  private resetSuggestions() {\n    this.suggestions = [];\n    this.showSuggestions = false;\n  }\n\n  private handleInputChange(event: InputEvent) {\n    this._searchQuery = (event.target as HTMLInputElement).value;\n    if (!this._searchQuery) {\n      this.searchQuery = undefined;\n    }\n\n    this.updateSuggestions();\n  }\n\n  private updateSuggestions() {\n    clearTimeout(this.timer);\n\n    const query = (this._searchQuery || '').trim();\n\n    if (query.length < 3) {\n      this.resetSuggestions();\n      return;\n    }\n\n    this.timer = setTimeout(() => {\n      this.resetSuggestions();\n      this.suggestions = buildSuggestions(query, this.subjectsByArea, this.searchArea?.toUpperCase());\n      this.showSuggestions = true;\n    }, 300);\n  }\n\n  private onSearchSubmit(event: Event) {\n    event.preventDefault();\n    if (!this._searchQuery) {\n      return;\n    }\n\n    if (this.activeSuggestion) {\n      const suggestion = this.suggestions.find((s) => s.id === this.activeSuggestion);\n      if (suggestion) {\n        this.submitSuggestionSearch(suggestion);\n        this.showSuggestions = false;\n        return;\n      }\n    }\n\n    this.showSearchbar = false;\n\n    const searchEv = this.search.emit({ query: this._searchQuery, area: this.searchArea });\n    // do not submit the form if the event default behavior was prevented\n    if (searchEv.defaultPrevented) {\n      return;\n    }\n\n    this.formElement.submit();\n  }\n\n  private submitSuggestionSearch(suggestion: SearchSuggestion) {\n    const ev = this.search.emit({\n      user_query: suggestion.user_query,\n      query: suggestion.query,\n      area: suggestion.area,\n      subject: suggestion.subject,\n    });\n    if (!ev.defaultPrevented) {\n      window.location.href = suggestion.url;\n    }\n  }\n\n  private handleSuggestionsNav(event: KeyboardEvent) {\n    if (!isArrowDownKey(event) && !isArrowUpKey(event)) {\n      return;\n    }\n\n    if (!this.suggestions.length) {\n      return;\n    }\n\n    const options = this.suggestions.map((o) => o.id);\n\n    if (!options.length) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.showSuggestions) {\n      this.showSuggestions = true;\n    }\n\n    let nextId = null;\n    const firstId = options[0];\n    const lastId = options[options.length - 1];\n    const currOption = options.indexOf(this.activeSuggestion);\n    if (currOption < 0) {\n      nextId = isArrowDownKey(event) ? firstId : lastId;\n    } else {\n      if (isArrowDownKey(event)) {\n        nextId = options[currOption + 1] || lastId;\n      } else {\n        nextId = options[currOption - 1] || firstId;\n      }\n    }\n    this.activeSuggestion = nextId;\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        class={{ 'suggestions-wrapper': true, 'hidden': !this.showSuggestions || !this.suggestions.length }}\n        onPointerOver={(e) => e.preventDefault()}\n      >\n        <div\n          id=\"search-suggestions\"\n          class=\"suggestions\"\n          role=\"listbox\"\n          aria-label=\"Seleziona tra i suggerimenti\"\n        >\n          {this.suggestions.map((suggestion, k) => {\n            return (\n              <span\n                key={k}\n                innerHTML={suggestion.html_label}\n                id={suggestion.id}\n                class=\"suggestion\"\n                role=\"option\"\n                aria-label={suggestion.label}\n                aria-selected={this.activeSuggestion === suggestion.id ? 'true' : undefined}\n                onClick={() => this.submitSuggestionSearch(suggestion)}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <form\n          class={{ 'searchbar': true, 'searchbar-open': this.showSearchbar }}\n          ref={(el) => (this.formElement = el)}\n          role=\"search\"\n          aria-label=\"Cerca nel sito\"\n          method=\"get\"\n          action=\"/ricerca\"\n          onSubmit={(event) => this.onSearchSubmit(event)}\n          onReset={() => this.resetSearchQuery()}\n        >\n          {!!this.searchArea && (\n            <input\n              type=\"hidden\"\n              name=\"area\"\n              value={this.searchArea}\n            />\n          )}\n\n          <div\n            class=\"input-wrapper\"\n            role=\"none\"\n          >\n            {this.searchQuery && (\n              <button\n                type=\"reset\"\n                aria-label=\"Svuota campo di ricerca\"\n                disabled={!this.showSearchbar}\n                aria-hidden={!this.showSearchbar ? 'true' : undefined}\n                tabIndex={!this.showSearchbar ? -1 : 0}\n              >\n                <z-icon name=\"multiply-circled\" />\n              </button>\n            )}\n            <input\n              id=\"searchbar-input\"\n              name=\"q\"\n              type=\"search\"\n              disabled={!this.showSearchbar}\n              placeholder=\"Cerca per parola chiave o ISBN\"\n              value={this.searchQuery}\n              required\n              autocomplete=\"off\"\n              role=\"combobox\"\n              aria-autocomplete=\"list\"\n              aria-expanded={this.showSuggestions ? 'true' : 'false'}\n              aria-controls=\"search-suggestions\"\n              aria-activedescendant={this.activeSuggestion}\n              aria-label=\"Cerca per parola chiave o ISBN\"\n              aria-hidden={!this.showSearchbar ? 'true' : undefined}\n              tabIndex={!this.showSearchbar ? -1 : 0}\n              onInput={(event) => this.handleInputChange(event)}\n              onKeyDown={(e) => {\n                // INFO: prevent ESC from clearing input\n                if (isEscKey(e)) {\n                  e.preventDefault();\n                }\n\n                this.handleSuggestionsNav(e);\n              }}\n            />\n          </div>\n\n          <button\n            class=\"searchbar-button\"\n            aria-label={this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca'}\n            aria-controls=\"searchbar-input\"\n            type={this.showSearchbar ? 'submit' : 'button'}\n            onClick={() => this.openSearchbar()}\n          >\n            {this.showSearchbar ? null : <span class=\"searchbar-button-label\">Cerca</span>}\n            <z-icon name=\"search\"></z-icon>\n          </button>\n        </form>\n\n        {this.renderSuggestions()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DCsoOA4v.js → p-Cs52y6qp.js}

@@ -1,5 +1,5 @@
 import { h, p as proxyCustomElement, H } from './index.js';
-import { d as defineCustomElement$1, m as moveFocus, c as containsTarget } from './p-C_SXGfG9.js';
+import { d as defineCustomElement$1, S as SearchEnv, m as moveFocus, c as containsTarget } from './p-Bk8_DaVU.js';
 
 const DEFAULT_GROUP_KEY = 'default';
 const DEFAULT_GROUP = {
@@ -60,6 +60,10 @@ const ZanitMobileMenubar = /*@__PURE__*/ proxyCustomElement(class ZanitMobileMen
     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;
@@ -189,21 +193,24 @@ const ZanitMobileMenubar = /*@__PURE__*/ proxyCustomElement(class ZanitMobileMen
         this.open = false;
     }
     render() {
-        return (h("nav", { key: '76e97e007f3c36327d5c7f7371291a0040b1c038', "aria-label": "Zanichelli.it" }, h("button", { key: 'a34b37a84c4423f6fbe2ea8611e93f75ba32b6a1', 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: 'db42a489e05e9b1e212ab1f9dc2a4bde73b6ba7d', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: '13cbfe2dc5dfb58b15fafd867d9c45d133477fc3', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: '42f7adc46d9ebde887383b96e31e923b089dc2e7', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined) }), this.open && (h("ul", { key: 'caa8767a400209c41b03efff6b4c956a35fd84c1', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: '7e40d46655ecc72a54324a218b7b3c2d06930f7a', role: "none" }, h("a", { key: 'a8baf45c65730b6a7081c2c587ff1fd2e8616c29', 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: '9f861cdfa8dd51b49f3d6f28088e98716760c6b1', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: '4d0a838917f5349671fac40be5b73eaf8e505627' }, 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: '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: {
                 '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"]
     }; }
     static get style() { return mobileMenubarCss + menuCss; }
-}, [1, "zanit-mobile-menubar", {
+}, [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],
@@ -234,6 +241,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Menu as M, ZanitMobileMenubar as Z, defineCustomElement as d };
-//# sourceMappingURL=p-DCsoOA4v.js.map
+//# sourceMappingURL=p-Cs52y6qp.js.map
 
-//# sourceMappingURL=p-DCsoOA4v.js.map
+//# sourceMappingURL=p-Cs52y6qp.js.map

package/dist/components/p-Cs52y6qp.js.map

@@ -0,0 +1 @@
+{"file":"p-Cs52y6qp.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menubar/menu/menu.tsx","src/components/menubar/mobile-menubar/mobile-menubar.css?tag=zanit-mobile-menubar&encapsulation=shadow","src/components/menubar/menu/menu.css?tag=zanit-mobile-menubar&encapsulation=shadow","src/components/menubar/mobile-menubar/mobile-menubar.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { MenuItem } from '../../../utils';\n\n/**\n * Menu of items that can be grouped.\n * @member {string} controlledBy - The HTML id of the element that controls the menu.\n * @member {MenuItem[]} items - The items to show in the menu.\n * @member {string[]} currentPath - Path of current item.\n * @member {function} onItemKeyDown - The function to call when a key is pressed from a menuitem.\n */\nexport interface MenuProps {\n  controlledBy?: string;\n  items?: MenuItem[];\n  currentPath?: string[];\n  onItemKeyDown?: (event: KeyboardEvent) => void;\n}\n\nconst DEFAULT_GROUP_KEY = 'default';\nconst DEFAULT_GROUP = {\n  id: DEFAULT_GROUP_KEY,\n  label: DEFAULT_GROUP_KEY,\n};\n\n/** Get the items grouped by their group. */\nconst getGroupedItems = (items: MenuItem[]) => {\n  const groups = items.reduce<{ group: MenuProps['items'][number]['group']; items: MenuItem[] }[]>((grouped, item) => {\n    const itemGroup = grouped.find(({ group }) => group.id === (item.group?.id || DEFAULT_GROUP.id));\n    if (!itemGroup) {\n      grouped.push({ group: item.group ?? DEFAULT_GROUP, items: [item] });\n    } else {\n      itemGroup.items.push(item);\n    }\n\n    return grouped;\n  }, []);\n\n  // Sort to keep default group at the end\n  return groups.sort((a, b) => (a.group.id === DEFAULT_GROUP_KEY ? 1 : b.group.id === DEFAULT_GROUP_KEY ? -1 : 0));\n};\n\n/**\n * Floating menu component. It shows a list of items that can be grouped.\n */\nexport const Menu: FunctionalComponent<MenuProps> = ({ controlledBy, items, currentPath = [], onItemKeyDown }) => {\n  if (!items?.length) {\n    return null;\n  }\n\n  const groups = getGroupedItems(items);\n\n  const isActive = (item: MenuItem) => currentPath.includes(controlledBy) && currentPath.includes(item.id);\n\n  return (\n    <div\n      class=\"menu-wrapper\"\n      role=\"none\"\n    >\n      <div\n        class=\"menu\"\n        aria-labelledby={controlledBy ?? undefined}\n        role=\"menu\"\n      >\n        {groups.map(({ group, items }) => (\n          <div class={{ group: true, highlight: items.some((item) => item.highlight) }}>\n            {group.id !== DEFAULT_GROUP_KEY ? (\n              <div\n                class=\"group-name\"\n                id={group.id}\n              >\n                {group.label}\n              </div>\n            ) : groups.length > 1 ? (\n              // empty div to keep the same height as the other groups\n              <div class=\"group-name\" />\n            ) : null}\n            <ul\n              class=\"menu-list\"\n              role=\"group\"\n              aria-labelledby={group.id !== DEFAULT_GROUP_KEY ? group.id : undefined}\n            >\n              {items.map((item) => (\n                <li role=\"none\">\n                  {item.href && (\n                    <a\n                      class={{\n                        'menu-item': true,\n                        'active': isActive(item),\n                      }}\n                      href={item.href}\n                      role=\"menuitem\"\n                      tabIndex={-1}\n                      aria-current={isActive(item) ? 'page' : 'false'}\n                      onKeyDown={(event) => onItemKeyDown(event)}\n                      target={item.target}\n                    >\n                      {item.label}\n                    </a>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n",":host {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  background-color: #fff;\n  color: var(--gray900);\n  fill: var(--gray900);\n  font-family: var(--font-family-sans);\n}\n\n:host,\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\na {\n  color: var(--gray900);\n  cursor: pointer;\n  text-decoration: none;\n}\n\nbutton {\n  all: unset;\n  cursor: pointer;\n}\n\nnav {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding-left: var(--grid-margin);\n  gap: 8px;\n}\n\nnav::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  box-shadow: var(--shadow-1);\n  content: '';\n  pointer-events: none;\n}\n\nz-logo {\n  margin: 8px 0;\n}\n\n.mobile-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  max-height: calc(100vh - 48px - var(--zanit-menubar-top-offset, 0px));\n  flex-direction: column;\n  padding: 16px var(--grid-margin) 32px;\n  background-color: #fff;\n  box-shadow: var(--shadow-2);\n  gap: 8px;\n}\n\n.mobile-menu li {\n  width: 100%;\n}\n\n.mobile-menu .items-container {\n  display: flex;\n  min-height: 256px;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-menu .items-container z-ghost-loading {\n  width: 40%;\n  height: 1.2rem;\n}\n\n.mobile-menu .items-container .menubar-item {\n  display: block;\n  width: 100%;\n  padding: 8px 0;\n  font-size: 1rem;\n  text-align: left;\n}\n\n.mobile-menu .items-container li:not(:last-child) .menubar-item {\n  border-bottom: 1px solid #000;\n}\n\n[role='menuitem'].parent {\n  display: flex;\n  width: fit-content;\n  align-items: center;\n  padding: 0;\n  border: none;\n  font-size: 0.875rem;\n  gap: 8px;\n}\n\nzanit-search-form {\n  margin-left: auto;\n}\n",".menu-wrapper {\n  width: 100%;\n  background-color: #fff;\n}\n\n.menu {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 32px 0;\n}\n\n.menu .group {\n  display: flex;\n  flex-direction: column;\n}\n\n.menu .group .group-name {\n  border-bottom: 1px solid currentcolor;\n  margin-bottom: 4px;\n  color: var(--red500);\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .group .menu-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.menu .group .menu-list .menu-item {\n  display: block;\n  border-bottom: 2px solid transparent;\n  font-size: 0.875rem;\n  font-weight: var(--font-md);\n}\n\n.menu .menu-list .menu-item.active,\n.menu .menu-list .menu-item:hover {\n  border-bottom-color: var(--red500);\n}\n\n.menu .group.highlight .menu-list .menu-item {\n  font-size: 1rem;\n}\n\n@media (width >= 768px) {\n  .menu-wrapper {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    box-shadow: var(--shadow-1);\n  }\n\n  .menu {\n    display: grid;\n    width: 100%;\n    max-width: var(--zanit-menubar-max-width, 1366px);\n    padding: 16px var(--grid-margin);\n    gap: 0 24px;\n    grid-auto-columns: minmax(0, max-content);\n    grid-auto-flow: column;\n    grid-template-rows: minmax(0, max-content) max-content;\n  }\n\n  .menu .group {\n    display: grid;\n    grid-row: 1 / -1;\n    grid-template-columns: 1fr;\n    grid-template-rows: subgrid;\n  }\n\n  @supports not (grid-template-rows: subgrid) {\n    .menu .group {\n      grid-template-rows: repeat(auto-fit, minmax(0, max-content));\n    }\n  }\n\n  .menu .group .group-name {\n    border: none;\n    margin-bottom: 16px;\n  }\n\n  .menu .group .menu-list .menu-item {\n    font-size: 1rem;\n  }\n\n  .menu .group.highlight .menu-list .menu-item {\n    font-size: 1.5rem;\n  }\n}\n","import { Component, Element, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { MenubarItem, MenuItem } from '../../../utils';\nimport { Menu } from '../menu/menu';\nimport { containsTarget, moveFocus } from '../../../utils';\nimport { SearchEnv } from '../../../utils/subjects.api';\n\n/** Mobile menubar component. */\n@Component({\n  tag: 'zanit-mobile-menubar',\n  styleUrls: ['mobile-menubar.css', '../menu/menu.css'],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ZanitMobileMenubar {\n  @Element() host: HTMLZanitMobileMenubarElement;\n\n  /** IDs path of the current item. */\n  @Prop() currentPath: string[] = [];\n\n  /** Menubar items. */\n  @Prop() items: MenubarItem[] = [];\n\n  /** Initial search query. */\n  @Prop({ mutable: true }) searchQuery: string | undefined = undefined;\n\n  /** Whether the menubar is loading the data. */\n  @Prop() loading: boolean = false;\n\n  /** Environment for search suggestions */\n  @Prop() searchEnv: SearchEnv = SearchEnv.PROD;\n\n  /** Search area (e.g. \"SCUOLA\", \"UNIVERSITÀ\", \"DIZIONARI\").  */\n  @Prop() searchArea?: string | undefined;\n\n  /** Last active item ID. */\n  @State() lastCurrent: string | undefined = undefined;\n  @State() parentItem: MenubarItem | undefined = undefined;\n  @State() menuItems: MenubarItem[] | MenuItem[] | undefined = undefined;\n  /** Whether the items to render come from a menubar or a menu. */\n  @State() menuType: 'menubar' | 'menu' | undefined = undefined;\n  @State() open: boolean;\n\n  @Watch('items')\n  @Watch('currentPath')\n  onItemsChange() {\n    this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;\n    this.setupData(this.items);\n  }\n\n  /**\n   * Find the current item and take its parent, `menuItems` or the `navbarItems`.\n   */\n  private setupData(items: MenubarItem[], parent?: MenubarItem) {\n    // If no current item is defined, we show all items\n    if (this.lastCurrent === undefined) {\n      this.parentItem = undefined;\n      this.menuType = 'menubar';\n      this.menuItems = items;\n      return;\n    }\n\n    for (const item of items) {\n      if (item.id === this.lastCurrent) {\n        this.parentItem = parent;\n        this.menuType = item.menuItems?.length ? 'menu' : 'menubar';\n        this.menuItems = item.menuItems || item.navbarItems;\n        return;\n      }\n\n      if (\n        this.currentPath.length > 1 &&\n        item.id === this.currentPath[this.currentPath.length - 2] &&\n        item.menuItems?.some(({ id }) => id === this.lastCurrent)\n      ) {\n        this.parentItem = item;\n        this.menuType = item.menuItems?.length ? 'menu' : 'menubar';\n        this.menuItems = item.menuItems || item.navbarItems;\n        return;\n      }\n\n      if (item.navbarItems?.length) {\n        this.setupData(item.navbarItems, item);\n      }\n    }\n  }\n\n  private get menuItemsElement() {\n    return Array.from(this.host.shadowRoot.querySelectorAll('[role=\"menuitem\"]')) as HTMLElement[];\n  }\n\n  /** Initialize tabindex on menuitems, setting -1 to all but the first one. */\n  private initTabindex() {\n    this.menuItemsElement.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));\n  }\n\n  private toggleMenu() {\n    if (this.open) {\n      this.open = false;\n    } else {\n      this.open = true;\n      setTimeout(() => {\n        this.initTabindex();\n        this.menuItemsElement[0]?.focus({ preventScroll: true });\n      }, 200);\n    }\n  }\n\n  /** Handles keyboard navigation on mobile menu. */\n  private handleItemKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        event.stopPropagation();\n        const items = this.menuItemsElement;\n        const currentIndex = items.indexOf(event.target as HTMLElement);\n        const prevItem = items[(currentIndex - 1 + items.length) % items.length];\n        moveFocus(items[currentIndex], prevItem);\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        event.stopPropagation();\n        const items = this.menuItemsElement;\n        const currentIndex = items.indexOf(event.target as HTMLElement);\n        const nextItem = items[(currentIndex + 1) % items.length];\n        moveFocus(items[currentIndex], nextItem);\n        break;\n      }\n      case 'Home': {\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(event.target as HTMLElement, this.menuItemsElement[0]);\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(event.target as HTMLElement, this.menuItemsElement.pop());\n        break;\n      }\n    }\n  }\n\n  connectedCallback() {\n    this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;\n    this.setupData(this.items);\n  }\n\n  /** Close the menu when clicking outside. */\n  @Listen('click', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  /** Close the menu when pressing Escape or Tab. */\n  @Listen('keydown', { passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape':\n        this.open = false;\n        break;\n      case 'Tab':\n        if (containsTarget(this.host, event)) {\n          break;\n        }\n\n        this.open = false;\n        break;\n    }\n  }\n\n  /** Close the menu when the focus goes out. */\n  @Listen('focusin', { target: 'document', passive: true })\n  handleFocusout(event: FocusEvent) {\n    if (containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  render() {\n    return (\n      <nav aria-label=\"Zanichelli.it\">\n        <button\n          class=\"burger-button\"\n          type=\"button\"\n          aria-expanded={this.open ? 'true' : 'false'}\n          aria-controls=\"mobile-menu\"\n          aria-label={this.open ? 'Chiudi menù' : 'Apri menù'}\n          onClick={() => this.toggleMenu()}\n        >\n          <z-icon\n            name={this.open ? 'multiply' : 'burger-menu'}\n            width=\"1.5rem\"\n            height=\"1.5rem\"\n          ></z-icon>\n        </button>\n\n        <z-logo\n          imageAlt=\"Logo Zanichelli\"\n          link=\"/\"\n          height={32}\n          width={126}\n        ></z-logo>\n\n        <zanit-search-form\n          searchQuery={this.searchQuery}\n          onResetSearch={() => (this.searchQuery = undefined)}\n          searchArea={this.searchArea}\n          searchEnv={this.searchEnv}\n        />\n\n        {this.open && (\n          <ul\n            class=\"mobile-menu\"\n            role=\"menubar\"\n          >\n            {!this.loading && this.currentPath && this.currentPath.length > 0 && (\n              <li role=\"none\">\n                <a\n                  class=\"parent\"\n                  href={this.parentItem?.href ?? '/'}\n                  id={this.parentItem?.id ?? undefined}\n                  role=\"menuitem\"\n                  tabIndex={-1}\n                  onKeyDown={(event) => this.handleItemKeydown(event)}\n                  target={this.parentItem?.target}\n                >\n                  <z-icon\n                    name=\"arrow-left\"\n                    width=\"0.5rem\"\n                    height=\"0.5rem\"\n                  ></z-icon>\n                  <span>\n                    {/* Show the 'Home' label if the current item is a root child. */}\n                    {this.parentItem?.label || 'Home'}\n                  </span>\n                </a>\n              </li>\n            )}\n\n            {this.loading ? (\n              <div\n                class=\"items-container\"\n                role=\"none\"\n              >\n                {[...new Array(4)].map(() => (\n                  <li role=\"none\">\n                    <div\n                      class=\"menubar-item\"\n                      role=\"none\"\n                    >\n                      <z-ghost-loading></z-ghost-loading>\n                    </div>\n                  </li>\n                ))}\n              </div>\n            ) : this.menuType === 'menu' ? (\n              <Menu\n                items={this.menuItems}\n                controlledBy={this.parentItem?.id}\n                currentPath={this.currentPath}\n                onItemKeyDown={(event) => this.handleItemKeydown(event)}\n              />\n            ) : (\n              this.menuItems?.length > 0 && (\n                <div\n                  class=\"items-container\"\n                  role=\"none\"\n                >\n                  {this.menuItems.map((item) => (\n                    <li role=\"none\">\n                      <a\n                        class={{\n                          'menu-item': this.menuType === 'menu',\n                          'menubar-item': this.menuType === 'menubar',\n                        }}\n                        href={item.href}\n                        id={item.id}\n                        role=\"menuitem\"\n                        aria-current={this.lastCurrent === item.id ? 'page' : 'false'}\n                        tabIndex={-1}\n                        onKeyDown={(event) => this.handleItemKeydown(event)}\n                        target={item.target}\n                      >\n                        <span data-text={item.label}>{item.label}</span>\n                      </a>\n                    </li>\n                  ))}\n                </div>\n              )\n            )}\n          </ul>\n        )}\n      </nav>\n    );\n  }\n}\n"],"version":3}