@zanichelli/zanichelli-it-frontend-kit 1.4.1 → 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";
@@ -43,6 +43,7 @@ export class ZanitSearchForm {
     }
     /** 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);
@@ -193,13 +194,13 @@ export class ZanitSearchForm {
         }))));
     }
     render() {
-        return (h(Host, { key: '9535c68b8cd3e76a55785cb993bed5026f84a589' }, h("form", { key: '26271b8f9034b3ea64bbea6ff413e75d0e857612', 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: '90e9dc4252a02a00db5160d374bd4ea42c4dce17', type: "hidden", name: "area", value: this.searchArea })), h("div", { key: '6189f91f8cbf9086c1dcddac5a1b649065d4319c', class: "input-wrapper", role: "none" }, this.searchQuery && (h("button", { key: '6292dc5e90576b49993ed15d908c675b501568d9', type: "reset", "aria-label": "Svuota campo di ricerca", disabled: !this.showSearchbar, "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0 }, h("z-icon", { key: '67f07f13b459afad718d2687f5feea4271d6ec6a', name: "multiply-circled" }))), h("input", { key: 'ee4f88993f3bf1ba768eaf1b6ff63cd346bd552e', id: "searchbar-input", name: "q", type: "search", disabled: !this.showSearchbar, placeholder: "Cerca per parola chiave o ISBN", value: this.searchQuery, required: true, autocomplete: "off", role: "combobox", "aria-autocomplete": "list", "aria-expanded": this.showSuggestions ? 'true' : 'false', "aria-controls": "search-suggestions", "aria-activedescendant": this.activeSuggestion, "aria-label": "Cerca per parola chiave o ISBN", "aria-hidden": !this.showSearchbar ? 'true' : undefined, tabIndex: !this.showSearchbar ? -1 : 0, onInput: (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: '4e0feaeaff7bcecaf6a29409a6accac895810fdf', class: "searchbar-button", "aria-label": this.showSearchbar ? 'Esegui ricerca' : 'Apri il campo di ricerca', "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => this.openSearchbar() }, this.showSearchbar ? null : h("span", { class: "searchbar-button-label" }, "Cerca"), h("z-icon", { key: '49eec7e6f04c34df57fcf99f405d1c3ada1fcdfb', 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"; }
@@ -217,7 +218,6 @@ export class ZanitSearchForm {
         return {
             "searchQuery": {
                 "type": "string",
-                "attribute": "search-query",
                 "mutable": true,
                 "complexType": {
                     "original": "string | undefined",
@@ -233,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",
@@ -246,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"
                         }
                     }
                 },
@@ -259,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",
@@ -278,7 +279,8 @@ export class ZanitSearchForm {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "search-area"
             }
         };
     }
@@ -309,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"
                         }
                     }
                 }
@@ -321,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",
@@ -348,7 +351,7 @@ export class ZanitSearchForm {
     }
     static get listeners() {
         return [{
-                "name": "click",
+                "name": "mousedown",
                 "method": "handleOutsideClick",
                 "target": "document",
                 "capture": false,
@@ -368,4 +371,3 @@ export class ZanitSearchForm {
             }];
     }
 }
-//# sourceMappingURL=search-form.js.map

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

@@ -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';