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

package/dist/collection/components/menubar/mobile-menubar/mobile-menubar.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
-import { Menu } from "../menu/menu";
 import { containsTarget, moveFocus } from "../../../utils";
 import { SearchEnv } from "../../../utils/subjects.api";
+import { Menu } from "../menu/menu";
 /** Mobile menubar component. */
 export class ZanitMobileMenubar {
     host;
@@ -23,7 +23,7 @@ export class ZanitMobileMenubar {
     menuItems = undefined;
     /** Whether the items to render come from a menubar or a menu. */
     menuType = undefined;
-    open;
+    open = false;
     onItemsChange() {
         this.lastCurrent = this.currentPath?.length ? this.currentPath[this.currentPath.length - 1] : undefined;
         this.setupData(this.items);
@@ -146,7 +146,7 @@ export class ZanitMobileMenubar {
         this.open = false;
     }
     render() {
-        return (h("nav", { key: '76079ce1e66f1b568f6e7eac1f67b91af0f2f48a', "aria-label": "Zanichelli.it" }, h("button", { key: '630b16be60aba3d7027fbe4b9e19e440cb454267', class: "burger-button", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "mobile-menu", "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: () => this.toggleMenu() }, h("z-icon", { key: '4c86d84d421ab93fb1c815c5a667dd55ce8254ac', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: '03c7b8613698098cf3a1ff4b1b8d649cb7d5b92a', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: '5a1385991eebcf17ac8c275c8c69f6662f75e3b7', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined), searchArea: this.searchArea, searchEnv: this.searchEnv }), this.open && (h("ul", { key: 'bc627e55f902beaac658f02d90ed78836fde193b', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: '4708f9ee160d62a6cbf6333e11c1b9d02ae3d34c', role: "none" }, h("a", { key: '9fd59125f8cb87f6c86108eea7ba79a04bc4d68c', class: "parent", href: this.parentItem?.href ?? '/', id: this.parentItem?.id ?? undefined, role: "menuitem", tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: this.parentItem?.target }, h("z-icon", { key: '615bc59a1f058a745bdadd90c6f51f9abc757df1', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: '66a80691639e97b2d7d7d61cc45f8b47dcdabafe' }, this.parentItem?.label || 'Home')))), this.loading ? (h("div", { class: "items-container", role: "none" }, [...new Array(4)].map(() => (h("li", { role: "none" }, h("div", { class: "menubar-item", role: "none" }, h("z-ghost-loading", null))))))) : this.menuType === 'menu' ? (h(Menu, { items: this.menuItems, controlledBy: this.parentItem?.id, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleItemKeydown(event) })) : (this.menuItems?.length > 0 && (h("div", { class: "items-container", role: "none" }, this.menuItems.map((item) => (h("li", { role: "none" }, h("a", { class: {
+        return (h("nav", { key: 'e3c4f8212d54b84206c2d40c9670263dd0f2460a', "aria-label": "Zanichelli.it" }, h("button", { key: '8f4600dbb2c530e5901127d556eee94dcd60947a', class: "burger-button", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "mobile-menu", "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: () => this.toggleMenu() }, h("z-icon", { key: 'aa3d06cca2f2c7e92cb4afb37a5085ea37ec8283', name: this.open ? 'multiply' : 'burger-menu', width: "1.5rem", height: "1.5rem" })), h("z-logo", { key: 'af3724fc7f330c7b2f7d826bd0dd2edc2dbb5742', imageAlt: "Logo Zanichelli", link: "/", height: 32, width: 126 }), h("zanit-search-form", { key: 'cc3c8e2ece6ac0428864d8affcd567c9a1272824', searchQuery: this.searchQuery, onResetSearch: () => (this.searchQuery = undefined), searchArea: this.searchArea, searchEnv: this.searchEnv }), this.open && (h("ul", { key: '0c35b0f4869ae076a1c02f07f1b19e787f4c3780', class: "mobile-menu", role: "menubar" }, !this.loading && this.currentPath && this.currentPath.length > 0 && (h("li", { key: 'ff8e9d8871ebea21ba178d1ba9d295d26b018be2', role: "none" }, h("a", { key: '4afb5ccda0e206f640f429ecfe7ac1e3491a475d', class: "parent", href: this.parentItem?.href ?? '/', id: this.parentItem?.id ?? undefined, role: "menuitem", tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: this.parentItem?.target }, h("z-icon", { key: '2db8da21ad88b937d591eac551a3599704e13147', name: "arrow-left", width: "0.5rem", height: "0.5rem" }), h("span", { key: 'd285244285ccee5e76db049cb4fba1dd591d7ce1' }, this.parentItem?.label || 'Home')))), this.loading ? (h("div", { class: "items-container", role: "none" }, [...new Array(4)].map(() => (h("li", { role: "none" }, h("div", { class: "menubar-item", role: "none" }, h("z-ghost-loading", null))))))) : this.menuType === 'menu' ? (h(Menu, { items: this.menuItems, controlledBy: this.parentItem?.id, currentPath: this.currentPath, onItemKeyDown: (event) => this.handleItemKeydown(event) })) : (this.menuItems?.length > 0 && (h("div", { class: "items-container", role: "none" }, this.menuItems.map((item) => (h("li", { role: "none" }, h("a", { class: {
                 'menu-item': this.menuType === 'menu',
                 'menubar-item': this.menuType === 'menubar',
             }, href: item.href, id: item.id, role: "menuitem", "aria-current": this.lastCurrent === item.id ? 'page' : 'false', tabIndex: -1, onKeyDown: (event) => this.handleItemKeydown(event), target: item.target }, h("span", { "data-text": item.label }, item.label))))))))))));
@@ -168,7 +168,6 @@ export class ZanitMobileMenubar {
         return {
             "currentPath": {
                 "type": "unknown",
-                "attribute": "current-path",
                 "mutable": false,
                 "complexType": {
                     "original": "string[]",
@@ -187,7 +186,6 @@ export class ZanitMobileMenubar {
             },
             "items": {
                 "type": "unknown",
-                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "MenubarItem[]",
@@ -196,7 +194,8 @@ export class ZanitMobileMenubar {
                         "MenubarItem": {
                             "location": "import",
                             "path": "../../../utils",
-                            "id": "src/utils/index.ts::MenubarItem"
+                            "id": "src/utils/index.ts::MenubarItem",
+                            "referenceLocation": "MenubarItem"
                         }
                     }
                 },
@@ -212,7 +211,6 @@ export class ZanitMobileMenubar {
             },
             "searchQuery": {
                 "type": "string",
-                "attribute": "search-query",
                 "mutable": true,
                 "complexType": {
                     "original": "string | undefined",
@@ -228,11 +226,11 @@ export class ZanitMobileMenubar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "search-query",
                 "defaultValue": "undefined"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -248,11 +246,11 @@ export class ZanitMobileMenubar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             },
             "searchEnv": {
                 "type": "string",
-                "attribute": "search-env",
                 "mutable": false,
                 "complexType": {
                     "original": "SearchEnv",
@@ -261,7 +259,8 @@ export class ZanitMobileMenubar {
                         "SearchEnv": {
                             "location": "import",
                             "path": "../../../utils/subjects.api",
-                            "id": "src/utils/subjects.api.ts::SearchEnv"
+                            "id": "src/utils/subjects.api.ts::SearchEnv",
+                            "referenceLocation": "SearchEnv"
                         }
                     }
                 },
@@ -274,11 +273,11 @@ export class ZanitMobileMenubar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "search-env",
                 "defaultValue": "SearchEnv.PROD"
             },
             "searchArea": {
                 "type": "string",
-                "attribute": "search-area",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -293,7 +292,8 @@ export class ZanitMobileMenubar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "search-area"
             }
         };
     }
@@ -338,4 +338,3 @@ export class ZanitMobileMenubar {
             }];
     }
 }
-//# sourceMappingURL=mobile-menubar.js.map

package/dist/collection/components/menubar/search-form/search-form.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { containsTarget, isArrowDownKey, isArrowUpKey, isEscKey, isTabKey } from "../../../utils";
 import { getSubjectsByArea, SearchEnv } from "../../../utils/subjects.api";
 import { buildSuggestions } from "./suggestions";
@@ -40,10 +40,10 @@ export class ZanitSearchForm {
     }
     onShowSuggestionsChange() {
         this.activeSuggestion = '';
-        document.body.style.overflowX = this.showSuggestions ? 'hidden' : 'initial';
     }
     /** Emitted on search form submission. */
     search;
+    /** Emitted when the search query is reset by the user (e.g. by clicking the reset button). */
     resetSearch;
     async connectedCallback() {
         this.subjectsByArea = await getSubjectsByArea(this.searchEnv);
@@ -194,13 +194,13 @@ export class ZanitSearchForm {
         }))));
     }
     render() {
-        return (h(Host, { key: 'eca37a74f1b1e24984df9e7f6abf0ff9536ac8f3' }, h("form", { key: '1bc377ee03f3b531b330578529093bff98f0ddeb', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, !!this.searchArea && (h("input", { key: '8498c000300a0baa3feab516867ebfa2a839466a', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: '14ccf45a79c1dabf6eaf952ffdb36a6d02257fe7', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: 'bebed5a5bde68bb5bb205dd105f84fe3af7b66b0', type: "reset", "aria-label": "Svuota campo di ricerca", disabled: !this.showSearchbar, "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 }, h("z-icon", { key: 'aeea33d31b4f56d5693bdced8dd585cb1fc2dd45', name: "multiply-circled" }))), h("input", { key: '2eaf5d138fa5eb8ec475dbaf7eac94ffa5190ff0', id: "searchbar-input", name: "q", type: "search", disabled: !this.showSearchbar, placeholder: "Cerca per parola chiave o ISBN", value: this.searchQuery, required: true, autocomplete: "off", role: "combobox", "aria-autocomplete": "list", "aria-expanded": this.showSuggestions ? 'true' : 'false', "aria-controls": "search-suggestions", "aria-activedescendant": this.activeSuggestion, "aria-label": "Cerca per parola chiave o ISBN", "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0, onInput: (event) => this.handleInputChange(event), onKeyDown: (e) => {
+        return (h(Host, { key: 'c87ecbcbff0205ddb35fb96bbfbcca6bb7ac8802' }, h("form", { key: '77f2951f88ae0361897161688f3a9875d555b20c', class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, ref: (el) => (this.formElement = el), role: "search", "aria-label": "Cerca nel sito", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), onReset: () => this.resetSearchQuery() }, !!this.searchArea && (h("input", { key: '3cf0dceef1acc58c3c0e637f974db6c7587be081', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: 'd797f9832f29b723010ca486298f0c4a4aabe3ee', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: '2d5971957d84e83120fc96f49e359635e3792104', type: "reset", "aria-label": "Svuota campo di ricerca", disabled: !this.showSearchbar, "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 }, h("z-icon", { key: '7027abe8c6a2211433048041a4ef2a5e273ca226', name: "multiply-circled" }))), h("input", { key: '2184d3fa615d94bf3615606a4624abdbb81cb2ae', id: "searchbar-input", name: "q", type: "search", disabled: !this.showSearchbar, placeholder: "Cerca per parola chiave o ISBN", value: this.searchQuery, required: true, autocomplete: "off", role: "combobox", "aria-autocomplete": "list", "aria-expanded": this.showSuggestions ? 'true' : 'false', "aria-controls": "search-suggestions", "aria-activedescendant": this.activeSuggestion, "aria-label": "Cerca per parola chiave o ISBN", "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0, onInput: (event) => this.handleInputChange(event), onKeyDown: (e) => {
                 // INFO: prevent ESC from clearing input
                 if (isEscKey(e)) {
                     e.preventDefault();
                 }
                 this.handleSuggestionsNav(e);
-            } })), h("button", { key: '9f4c4347617baa38acbef12e91d7fc6d5b03fce4', class: "searchbar-button", "aria-label": this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca', "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => this.openSearchbar() }, this.showSearchbar ? null : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '3f7cce2943258a7d27313b4a92945734d6dbe735', name: "search" }))), this.renderSuggestions()));
+            } })), h("button", { key: '06a7ad6e3e4c74f2dd3bd56fb6f2da006c8d59c0', class: "searchbar-button", "aria-label": this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca', "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => this.openSearchbar() }, this.showSearchbar ? null : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '72e66f0280f0b835e760c1631076b71fa5dc03fa', name: "search" }))), this.renderSuggestions()));
     }
     static get is() { return "zanit-search-form"; }
     static get encapsulation() { return "shadow"; }
@@ -218,7 +218,6 @@ export class ZanitSearchForm {
         return {
             "searchQuery": {
                 "type": "string",
-                "attribute": "search-query",
                 "mutable": true,
                 "complexType": {
                     "original": "string | undefined",
@@ -234,11 +233,11 @@ export class ZanitSearchForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "search-query",
                 "defaultValue": "undefined"
             },
             "searchEnv": {
                 "type": "string",
-                "attribute": "search-env",
                 "mutable": false,
                 "complexType": {
                     "original": "SearchEnv",
@@ -247,7 +246,8 @@ export class ZanitSearchForm {
                         "SearchEnv": {
                             "location": "import",
                             "path": "../../../utils/subjects.api",
-                            "id": "src/utils/subjects.api.ts::SearchEnv"
+                            "id": "src/utils/subjects.api.ts::SearchEnv",
+                            "referenceLocation": "SearchEnv"
                         }
                     }
                 },
@@ -260,11 +260,11 @@ export class ZanitSearchForm {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "search-env",
                 "defaultValue": "SearchEnv.PROD"
             },
             "searchArea": {
                 "type": "string",
-                "attribute": "search-area",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -279,7 +279,8 @@ export class ZanitSearchForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "search-area"
             }
         };
     }
@@ -310,7 +311,8 @@ export class ZanitSearchForm {
                         "SearchEvent": {
                             "location": "import",
                             "path": "../../../utils",
-                            "id": "src/utils/index.ts::SearchEvent"
+                            "id": "src/utils/index.ts::SearchEvent",
+                            "referenceLocation": "SearchEvent"
                         }
                     }
                 }
@@ -322,7 +324,7 @@ export class ZanitSearchForm {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Emitted when the search query is reset by the user (e.g. by clicking the reset button)."
                 },
                 "complexType": {
                     "original": "void",
@@ -349,7 +351,7 @@ export class ZanitSearchForm {
     }
     static get listeners() {
         return [{
-                "name": "click",
+                "name": "mousedown",
                 "method": "handleOutsideClick",
                 "target": "document",
                 "capture": false,
@@ -369,4 +371,3 @@ export class ZanitSearchForm {
             }];
     }
 }
-//# sourceMappingURL=search-form.js.map

package/dist/collection/components/menubar/search-form/suggestions.js

@@ -56,7 +56,7 @@ const buildId = (string) => string
     .map((c) => c.charCodeAt(0).toString(16))
     .join('');
 const buildUrl = (params) => {
-    return `ricerca?${new URLSearchParams(params).toString()}`;
+    return `/ricerca?${new URLSearchParams(params).toString()}`;
 };
 const buildDetail = (user_query, query, area, subject) => ({
     user_query,
@@ -82,4 +82,3 @@ const getAreaOrder = (area) => {
     const index = AREA_ORDER.indexOf(area);
     return index >= 0 ? index : 100;
 };
-//# sourceMappingURL=suggestions.js.map

package/dist/collection/index.js

@@ -8,4 +8,3 @@
  * to consume components of this package as outlined in the `README.md`.
  */
 export * from './utils/types';
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/index.js

@@ -1,2 +1 @@
 export * from './utils';
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/subjects.api.js

@@ -22,4 +22,3 @@ export async function getSubjectsByArea(searchEnv) {
         return {};
     }
 }
-//# sourceMappingURL=subjects.api.js.map

package/dist/collection/utils/utils.js

@@ -22,4 +22,3 @@ export const isArrowDownKey = (event) => event.key === 'ArrowDown';
 export const isTabKey = (event) => event.key === 'Tab';
 /** Check if event key is Escape */
 export const isEscKey = (event) => event.key === 'Escape';
-//# sourceMappingURL=utils.js.map

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';