@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/components/zanit-menubar.js

@@ -0,0 +1,420 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$2, c as containsTarget, m as moveFocus, M as Menu } from './p-BnlxWpkO.js';
+import { d as defineCustomElement$4 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$3 } from './p-KDKAI9M0.js';
+
+const menubarCss = ":host{position:relative;z-index:2;display:block;width:100%;max-width:var(--zanit-menubar-max-width, 1366px);background-color:#fff;color:var(--gray900);font-family:var(--font-family-sans);overflow-x:clip}:host,*,::before,::after{box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}ul{padding:0;margin:0;list-style:none}a{color:var(--gray900);cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer}:host>nav{position:relative}nav>ul{position:relative;display:flex;width:100%;align-items:center;padding:0 var(--grid-margin);gap:20px}.menubar{z-index:2;padding-right:0}nav>ul::after{position:absolute;top:0;right:0;width:100%;height:100%;background:transparent;box-shadow:var(--shadow-1);content:'';pointer-events:none}.menubar>li[role='separator']{width:1px;height:1.25rem;background-color:#000}.menubar-item{position:relative;display:flex;align-items:center;padding:14px 0;font-size:1rem;gap:8px;line-height:1.25rem}.menubar .menubar-item{text-transform:uppercase}.menubar-item [data-text]{display:flex;flex-direction:column}.menubar-item.active>[data-text],.menubar-item:hover>[data-text],.menubar-item:focus:focus-visible>[data-text]{font-weight:var(--font-bd)}.menubar-item>[data-text]::after{height:0;content:attr(data-text) / '';font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}.sub-menubar{z-index:1}.sub-menubar:not(.visible){display:none}.sub-menubar>ul{gap:28px}.sub-menubar .menubar-item.active::after{position:absolute;z-index:-1;bottom:0;left:-4px;width:calc(100% + 8px);height:4px;background-color:var(--red500);content:''}.searchbar-container{margin-left:auto}.searchbar{display:flex;font-size:1.5rem}.searchbar.searchbar-open{position:absolute;width:100%;height:100%;inset:0}.searchbar input{z-index:1;width:100%;height:100%;padding:8px var(--grid-margin);border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:inherit}.searchbar input::placeholder{color:var(--gray500)}.searchbar .searchbar-button{display:flex;align-items:center;padding:8px 16px;border-left:1px solid #000;background:var(--zanit-accent-color);font-family:inherit;font-size:inherit;gap:64px;line-height:1}.searchbar input:focus:focus-visible,.searchbar .searchbar-button:focus:focus-visible{z-index:1}";
+
+const menuCss = ".menu{position:absolute;top:100%;left:0;display:grid;width:100%;padding:16px var(--grid-margin);background-color:#fff;box-shadow:var(--shadow-1);column-gap:24px;grid-auto-columns:minmax(0, max-content);grid-auto-flow:column;grid-template-rows:minmax(0, max-content) max-content}.menu .group{display:grid;color:var(--red500);grid-row:1 / -1;grid-template-columns:1fr;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.menu .group{grid-template-rows:repeat(auto-fit, minmax(0, max-content))}}.menu .group .group-name{margin-bottom:16px;color:var(--red500);font-size:1rem;font-weight:var(--font-md);line-height:1.5}.menu .menu-list{display:flex;flex-direction:column;gap:4px}.menu .menu-list>li>.menu-item{border-bottom:2px solid transparent;font-size:1rem}.menu .menu-list>li>.menu-item.active,.menu .menu-list>li>.menu-item:hover{border-bottom-color:var(--red500)}.menu .group .menu-list .menu-item.highlight{font-size:1.5rem}@media (width < 768px){.menu{position:relative;display:flex !important;flex-direction:column;padding:0;box-shadow:none;row-gap:32px}.menu .group{display:flex;flex-direction:column}.menu .group .group-name{border-bottom:1px solid currentcolor;margin-bottom:4px;font-size:0.875rem}.menu .group .menu-list .menu-item{font-size:0.875rem;font-weight:var(--font-md)}.menu .group .menu-list .menu-item.highlight{font-size:1rem}}";
+
+const ZanitMenubar$1 = /*@__PURE__*/ proxyCustomElement(class ZanitMenubar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.search = createEvent(this, "search", 7);
+    }
+    formElement;
+    get host() { return this; }
+    /** Menubar items extracted from `data`. */
+    items = [];
+    /** ID of the currently open menu. */
+    openMenu = undefined;
+    /** ID of the item to show the subitems navbar for. */
+    openNavbar = undefined;
+    /** Indicates whether the searchbar is visible and usable. */
+    showSearchbar = false;
+    /** Search query to apply. */
+    _searchQuery = undefined;
+    isMobile = false;
+    /** The data to build the menu (as an array of `MenuItem` or a JSON array) or the url to fetch to retrieve it. */
+    data;
+    /** ID of the current active item. */
+    current = undefined;
+    /** Initial search query. */
+    searchQuery = undefined;
+    /** Setup the list of items. */
+    async parseData(data) {
+        if (!data) {
+            return;
+        }
+        if (data instanceof URL) {
+            this.items = await this.fetchData(data);
+        }
+        else if (data instanceof Promise) {
+            this.items = await data;
+        }
+        else if (typeof data === 'string') {
+            try {
+                this.items = JSON.parse(data);
+                if (!Array.isArray(this.items) || !this.items.every((item) => item)) {
+                    throw new Error('Expected an array of MenuItem objects.');
+                }
+            }
+            catch {
+                let url;
+                try {
+                    url = new URL(data);
+                }
+                catch (error) {
+                    throw new Error('Invalid string provided for `data` property: not a valid url or JSON.');
+                }
+                this.items = await this.fetchData(url);
+            }
+        }
+        else if (Array.isArray(data) && data.every((item) => item)) {
+            this.items = data;
+        }
+        else {
+            throw new Error('Invalid `data` property value. Expected an url, a JSON or an array/promise of MenuItem objects.');
+        }
+    }
+    onItemsChange() {
+        this.initTabindex();
+    }
+    /** Focus searchbar input when it becomes visible. */
+    onShowSearchbar() {
+        if (!this.showSearchbar) {
+            return;
+        }
+        setTimeout(() => {
+            const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input');
+            if (this.showSearchbar) {
+                searchbarInput.focus();
+            }
+        }, 10);
+    }
+    /** Emitted on search form submission. */
+    search;
+    async connectedCallback() {
+        await this.parseData(this.data);
+        this.initTabindex();
+        const mobileMediaQuery = window.matchMedia('(width < 768px)');
+        this.isMobile = mobileMediaQuery.matches;
+        mobileMediaQuery.onchange = (mql) => {
+            this.isMobile = mql.matches;
+            this.initTabindex();
+            this.openMenu = undefined;
+            this.showSearchbar = false;
+        };
+    }
+    /** Close open searchbar or any open menu when clicking outside. */
+    handleOutsideClick(event) {
+        if (this.showSearchbar && !containsTarget(this.formElement, event)) {
+            this.showSearchbar = false;
+        }
+        if (containsTarget(this.host, event)) {
+            return;
+        }
+        this.openMenu = undefined;
+    }
+    /** Close any open menu when pressing Escape or Tab. */
+    handleKeydown(event) {
+        switch (event.key) {
+            case 'Escape':
+            case 'Tab':
+                this.openMenu = undefined;
+                break;
+        }
+    }
+    /** Close the menu when it loses focus. */
+    handleFocusout(event) {
+        const relatedTarget = event.relatedTarget;
+        if (this.host.shadowRoot.querySelector('.menu')?.contains(relatedTarget)) {
+            return;
+        }
+        this.openMenu = undefined;
+    }
+    /** Fetch data from passed URL. */
+    async fetchData(url) {
+        try {
+            const data = await (await fetch(url)).json();
+            if (!Array.isArray(data) || !data.every((item) => item)) {
+                throw new Error('Invalid data structure. Expected an array of MenuItem objects.');
+            }
+            return data;
+        }
+        catch (error) {
+            console.error('Error fetching menubar data:', error);
+            throw new Error('Failed to fetch menubar data from the provided URL.', { cause: error });
+        }
+    }
+    /** Initialize tabindex on menuitems of menubars, setting -1 to all but the first one. */
+    initTabindex() {
+        setTimeout(() => {
+            this.host.shadowRoot.querySelectorAll('[role="menubar"]')?.forEach((menubar) => {
+                menubar
+                    .querySelectorAll('[role="menuitem"]')
+                    ?.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));
+            });
+        }, 100);
+    }
+    /** Indicates whether the element has to be highlighted by checking whether it is set as current or one of its descendants is. */
+    isActive(item) {
+        if (item.id === this.current) {
+            return true;
+        }
+        if (item.menuItems?.length) {
+            return item.menuItems.some((menuItem) => menuItem.id === this.current);
+        }
+        if (item.navbarItems?.length) {
+            const isActive = item.navbarItems.some((navbarItem) => this.isActive(navbarItem));
+            if (isActive) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /** Opens the menu associated with the menubar `item`, if any. */
+    showMenu(item) {
+        if (!item.menuItems?.length) {
+            return;
+        }
+        this.openMenu = item.id;
+    }
+    /** Get all elements with `menuitem` role inside parent's `menubar`. * */
+    getParentMenubarElements(itemEl) {
+        return Array.from(itemEl?.closest('[role="menubar"]')?.querySelectorAll(':scope > li a[role="menuitem"]') ?? []);
+    }
+    /** Move the focus to the previous menubar item, or the last one. Then open its menu if any other menu was open. */
+    focusPreviousItem(itemEl) {
+        const menubarElements = this.getParentMenubarElements(itemEl);
+        itemEl.tabIndex = -1;
+        const currentIndex = menubarElements.indexOf(itemEl);
+        const prevItem = menubarElements[(currentIndex - 1 + menubarElements.length) % menubarElements.length]; // get previous item or last one
+        prevItem.tabIndex = 0;
+        prevItem.focus();
+        // open the item's menu if any other menu was open
+        if (prevItem.ariaHasPopup === 'true' && this.openMenu) {
+            this.openMenu = prevItem.id;
+        }
+    }
+    /** Move the focus to the next menubar item, or the first one. Then open its menu if any other menu was open. */
+    focusNextItem(itemEl) {
+        const menubarElements = this.getParentMenubarElements(itemEl);
+        itemEl.tabIndex = -1;
+        const currentIndex = menubarElements.indexOf(itemEl);
+        const nextItem = menubarElements[(currentIndex + 1) % menubarElements.length]; // get next item or first one
+        nextItem.tabIndex = 0;
+        nextItem.focus();
+        // open the item's menu if any other menu was open
+        if (nextItem.ariaHasPopup === 'true' && this.openMenu) {
+            this.openMenu = nextItem.id;
+        }
+    }
+    /** Handles keyboard navigation on menubar items. */
+    handleItemKeydown(event, item) {
+        const target = event.target;
+        switch (event.key) {
+            case 'Home': {
+                event.preventDefault();
+                event.stopPropagation();
+                const firstItem = this.getParentMenubarElements(target)[0];
+                moveFocus(target, firstItem);
+                break;
+            }
+            case 'End': {
+                event.preventDefault();
+                event.stopPropagation();
+                const lastItem = this.getParentMenubarElements(target).pop();
+                moveFocus(target, lastItem);
+                break;
+            }
+            case 'ArrowUp': {
+                if (!item.menuItems?.length) {
+                    break;
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                this.openMenu = item.id;
+                // focus last item of the menu
+                setTimeout(() => {
+                    const menuItems = Array.from(this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${item.id}] [role="menuitem"]`));
+                    moveFocus(target, menuItems[menuItems.length - 1]);
+                }, 100);
+                break;
+            }
+            case 'ArrowRight': {
+                event.preventDefault();
+                event.stopPropagation();
+                this.focusNextItem(target);
+                break;
+            }
+            case 'ArrowDown': {
+                if (!item.menuItems?.length) {
+                    break;
+                }
+                this.openMenu = item.id;
+                setTimeout(() => {
+                    // focus first item of the menu
+                    const firsMenuItem = this.host.shadowRoot.querySelector(`[aria-labelledby=${item.id}] [role="menuitem"]`);
+                    firsMenuItem.tabIndex = 0;
+                    firsMenuItem.focus();
+                }, 100);
+                break;
+            }
+            case 'ArrowLeft': {
+                event.preventDefault();
+                event.stopPropagation();
+                this.focusPreviousItem(target);
+                break;
+            }
+        }
+    }
+    /** Get the previous element with `role=group`. */
+    getPreviousGroup(groupContainer) {
+        const groups = Array.from(groupContainer?.closest('[role="menu"]')?.querySelectorAll('[role="group"]') ?? []);
+        const currentIndex = groups.indexOf(groupContainer);
+        return groups[currentIndex - 1];
+    }
+    /** Get the next element with `role=group`. */
+    getNextGroup(groupContainer) {
+        const groups = Array.from(groupContainer?.closest('[role="menu"]')?.querySelectorAll('[role="group"]') ?? []);
+        const currentIndex = groups.indexOf(groupContainer);
+        return groups[currentIndex + 1];
+    }
+    /** Handles keyboard navigation events from `Menu` component. */
+    handleMenuKeydown(event) {
+        const menuItem = event.target;
+        const items = Array.from(menuItem.closest('[role="menu"]')?.querySelectorAll('[role="menuitem"]') ?? []);
+        const currentIndex = items.indexOf(menuItem);
+        switch (event.key) {
+            case 'ArrowUp': {
+                event.preventDefault();
+                event.stopPropagation();
+                const prevItem = items[currentIndex - 1] || items[items.length - 1];
+                moveFocus(menuItem, prevItem);
+                break;
+            }
+            // Move the focus to the first item of the next group if any, otherwise move it to the next menubar item
+            case 'ArrowRight': {
+                event.preventDefault();
+                event.stopPropagation();
+                const currentGroup = menuItem.closest('[role=group]');
+                const nextGroup = this.getNextGroup(currentGroup);
+                if (!nextGroup) {
+                    menuItem.tabIndex = -1;
+                    const parentMenubar = event.target.closest('[role="menubar"]');
+                    const focusedItem = parentMenubar?.querySelector('[role="menuitem"][aria-expanded="true"][tabindex="0"]');
+                    this.focusNextItem(focusedItem);
+                    break;
+                }
+                const nextGroupItems = (nextGroup.querySelectorAll('[role="menuitem"]') ?? []);
+                moveFocus(menuItem, nextGroupItems[0]);
+                break;
+            }
+            case 'ArrowDown': {
+                event.preventDefault();
+                event.stopPropagation();
+                const nextItem = items[currentIndex + 1] || items[0];
+                moveFocus(menuItem, nextItem);
+                break;
+            }
+            // Move the focus to the first item of the previous group if any, otherwise move it to the previous menubar item
+            case 'ArrowLeft':
+                event.preventDefault();
+                event.stopPropagation();
+                const currentGroup = menuItem.closest('[role=group]');
+                const prevGroup = this.getPreviousGroup(currentGroup);
+                if (!prevGroup) {
+                    menuItem.tabIndex = -1;
+                    const parentMenubar = event.target.closest('[role="menubar"]');
+                    const focusedItem = parentMenubar?.querySelector('[role="menuitem"][aria-expanded="true"][tabindex="0"]');
+                    this.focusPreviousItem(focusedItem);
+                    break;
+                }
+                const prevGroupItems = (prevGroup.querySelectorAll('[role="menuitem"]') ?? []);
+                moveFocus(menuItem, prevGroupItems[0]);
+                break;
+            case 'Home':
+                // Move to the first menu item
+                event.preventDefault();
+                event.stopPropagation();
+                moveFocus(menuItem, items[0]);
+                break;
+            case 'End':
+                // Move to the last menu item
+                event.preventDefault();
+                event.stopPropagation();
+                moveFocus(menuItem, items[items.length - 1]);
+                break;
+        }
+    }
+    handleInputChange(event) {
+        this._searchQuery = event.target.value;
+    }
+    onSearchSubmit(event) {
+        event.preventDefault();
+        if (!this._searchQuery) {
+            return;
+        }
+        this.search.emit({ query: this._searchQuery });
+        this.formElement.submit();
+    }
+    render() {
+        if (!this.items?.length) {
+            return;
+        }
+        if (this.isMobile) {
+            return (h("zanit-mobile-menubar", { items: this.items, current: this.current, searchQuery: this.searchQuery }));
+        }
+        return (h("nav", { "aria-label": "Zanichelli.it" }, h("ul", { class: "menubar", role: "menubar", "aria-label": "Zanichelli.it" }, this.items.map((item, index) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: { 'menubar-item': true, 'active': this.isActive(item) }, href: item.href, id: item.id, role: "menuitem", tabIndex: -1, "aria-expanded": this.openMenu === item.id ? 'true' : 'false', "aria-haspopup": item.menuItems?.length ? 'true' : 'false', "aria-current": this.current === item.id ? 'page' : 'false', onPointerOver: () => this.showMenu(item), onKeyDown: (event) => this.handleItemKeydown(event, item) }, h("span", { "data-text": item.label }, item.label), item.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === item.id ? 'chevron-up' : 'chevron-down' })))), this.openMenu === item.id && (h(Menu, { controlledBy: item.id, items: item.menuItems, current: this.current, onItemKeyDown: (event) => this.handleMenuKeydown(event) })), index < this.items.length - 1 && h("li", { role: "separator" })))), h("li", { class: "searchbar-container", role: "none" }, h("form", { class: { 'searchbar': true, 'searchbar-open': this.showSearchbar }, role: "search", "aria-label": "Cerca", method: "get", action: "/ricerca", onSubmit: (event) => this.onSearchSubmit(event), ref: (el) => (this.formElement = el) }, this.showSearchbar && (h("input", { id: "searchbar-input", name: "q", type: "search", placeholder: "Cerca per parola chiave o ISBN", onInput: (event) => this.handleInputChange(event), required: true })), h("button", { class: "searchbar-button", "aria-controls": "searchbar-input", type: this.showSearchbar ? 'submit' : 'button', onClick: () => (this.showSearchbar = true) }, this.showSearchbar ? null : h("span", null, "Cerca"), h("z-icon", { name: "search", width: "32", height: "32" }))))), this.items.map((item) => item.navbarItems?.length && (h("nav", { class: { 'sub-menubar': true, 'visible': this.isActive(item) } }, h("ul", { role: "menubar" }, item.navbarItems.map((subitem) => (h(Fragment, null, h("li", { role: "none" }, h("a", { class: { 'menubar-item': true, 'active': this.isActive(subitem) }, href: subitem.href, id: subitem.id, role: "menuitem", tabIndex: -1, "aria-haspopup": subitem.menuItems?.length ? 'true' : 'false', "aria-expanded": this.openMenu === subitem.id ? 'true' : 'false', "aria-current": this.current === item.id ? 'page' : 'false', onPointerOver: () => this.showMenu(subitem), onKeyDown: (event) => this.handleItemKeydown(event, subitem) }, h("span", null, subitem.label), subitem.menuItems?.length > 0 && (h("z-icon", { name: this.openMenu === subitem.id ? 'chevron-up' : 'chevron-down' })))), this.openMenu === subitem.id && (h(Menu, { controlledBy: subitem.id, items: subitem.menuItems, current: this.current, onItemKeyDown: (event) => this.handleMenuKeydown(event) })))))))))));
+    }
+    static get watchers() { return {
+        "data": ["parseData"],
+        "items": ["onItemsChange"],
+        "showSearchbar": ["onShowSearchbar"]
+    }; }
+    static get style() { return menubarCss + menuCss; }
+}, [1, "zanit-menubar", {
+        "data": [1],
+        "current": [1],
+        "searchQuery": [1, "search-query"],
+        "items": [32],
+        "openMenu": [32],
+        "openNavbar": [32],
+        "showSearchbar": [32],
+        "_searchQuery": [32],
+        "isMobile": [32]
+    }, [[5, "pointerdown", "handleOutsideClick"], [1, "keydown", "handleKeydown"], [1, "focusout", "handleFocusout"]], {
+        "data": ["parseData"],
+        "items": ["onItemsChange"],
+        "showSearchbar": ["onShowSearchbar"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["zanit-menubar", "z-icon", "z-logo", "zanit-mobile-menubar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "zanit-menubar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZanitMenubar$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "z-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "zanit-mobile-menubar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ZanitMenubar = ZanitMenubar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZanitMenubar, defineCustomElement };
+//# sourceMappingURL=zanit-menubar.js.map
+
+//# sourceMappingURL=zanit-menubar.js.map

package/dist/components/zanit-menubar.js.map

@@ -0,0 +1 @@
+{"file":"zanit-menubar.js","mappings":"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","names":["ZanitMenubar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menubar/menubar.css?tag=zanit-menubar&encapsulation=shadow","src/components/menubar/menu/menu.css?tag=zanit-menubar&encapsulation=shadow","src/components/menubar/menubar.tsx"],"sourcesContent":[":host {\n  --zanit-menubar-max-width: ;\n\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 100%;\n  max-width: var(--zanit-menubar-max-width, 1366px);\n  background-color: #fff;\n  color: var(--gray900);\n  font-family: var(--font-family-sans);\n  overflow-x: clip;\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\n:host > nav {\n  position: relative;\n}\n\nnav > ul {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0 var(--grid-margin);\n  gap: 20px;\n}\n\n.menubar {\n  z-index: 2;\n  padding-right: 0;\n}\n\nnav > ul::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\n/* separator bar */\n.menubar > li[role='separator'] {\n  width: 1px;\n  height: 1.25rem;\n  background-color: #000;\n}\n\n.menubar-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 14px 0;\n  font-size: 1rem;\n  gap: 8px;\n  line-height: 1.25rem;\n}\n\n.menubar .menubar-item {\n  text-transform: uppercase;\n}\n\n.menubar-item [data-text] {\n  display: flex;\n  flex-direction: column;\n}\n\n.menubar-item.active > [data-text],\n.menubar-item:hover > [data-text],\n.menubar-item:focus:focus-visible > [data-text] {\n  font-weight: var(--font-bd);\n}\n\n/* To avoid size changes in the element, when it is hovered and becomes bold,\nwe put the same text already bold with height 0, so as to always occupy the maximum necessary width. */\n.menubar-item > [data-text]::after {\n  height: 0;\n  content: attr(data-text) / '';\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n.sub-menubar {\n  z-index: 1;\n}\n\n.sub-menubar:not(.visible) {\n  display: none;\n}\n\n.sub-menubar > ul {\n  gap: 28px;\n}\n\n.sub-menubar .menubar-item.active::after {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: -4px;\n  width: calc(100% + 8px); /* the border is 4px per side larger than its container */\n  height: 4px;\n  background-color: var(--red500);\n  content: '';\n}\n\n.searchbar-container {\n  margin-left: auto;\n}\n\n.searchbar {\n  display: flex;\n  font-size: 1.5rem;\n}\n\n.searchbar.searchbar-open {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n}\n\n.searchbar input {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  padding: 8px var(--grid-margin);\n  border: none;\n  background-color: #fff;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n}\n\n.searchbar input::placeholder {\n  color: var(--gray500);\n}\n\n.searchbar .searchbar-button {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\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 input:focus:focus-visible,\n.searchbar .searchbar-button:focus:focus-visible {\n  z-index: 1;\n}\n",".menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  display: grid;\n  width: 100%;\n  padding: 16px var(--grid-margin);\n  background-color: #fff;\n  box-shadow: var(--shadow-1);\n  column-gap: 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  color: var(--red500);\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  margin-bottom: 16px;\n  color: var(--red500);\n  font-size: 1rem;\n  font-weight: var(--font-md);\n  line-height: 1.5;\n}\n\n.menu .menu-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.menu .menu-list > li > .menu-item {\n  border-bottom: 2px solid transparent;\n  font-size: 1rem;\n}\n\n.menu .menu-list > li > .menu-item.active,\n.menu .menu-list > li > .menu-item:hover {\n  border-bottom-color: var(--red500);\n}\n\n.menu .group .menu-list .menu-item.highlight {\n  font-size: 1.5rem;\n}\n\n@media (width < 768px) {\n  .menu {\n    position: relative;\n    display: flex !important;\n    flex-direction: column;\n    padding: 0;\n    box-shadow: none;\n    row-gap: 32px;\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    font-size: 0.875rem;\n  }\n\n  .menu .group .menu-list .menu-item {\n    font-size: 0.875rem;\n    font-weight: var(--font-md);\n  }\n\n  .menu .group .menu-list .menu-item.highlight {\n    font-size: 1rem;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { Menu } from './menu/menu';\nimport { containsTarget, moveFocus } from '../../utils/utils';\n\nexport type MenuItem = {\n  label: string;\n  href?: string;\n  highlight?: boolean;\n  id?: string;\n  group?: { id: string; label: string };\n};\nexport type MenubarItem = Omit<MenuItem, 'group'> & {\n  navbarItems?: MenubarItem[];\n  menuItems?: MenuItem[];\n};\n\n/**\n * Main menubar component. Each item can have a menu with subitems\n * When a main menubar item is the current active one, a sub-menubar is shown and each subitem can have a menu with subitems.\n * @cssprop {--zanit-menubar-max-width} Maximum width of the menubar.\n */\n@Component({\n  tag: 'zanit-menubar',\n  styleUrls: ['menubar.css', 'menu/menu.css'],\n  shadow: true,\n})\nexport class ZanitMenubar {\n  private formElement: HTMLFormElement;\n\n  @Element() host: HTMLZanitMenubarElement;\n\n  /** Menubar items extracted from `data`. */\n  @State() items: MenubarItem[] = [];\n\n  /** ID of the currently open menu. */\n  @State() openMenu: string | undefined = undefined;\n\n  /** ID of the item to show the subitems navbar for. */\n  @State() openNavbar: string | undefined = undefined;\n\n  /** Indicates whether the searchbar is visible and usable. */\n  @State() showSearchbar: boolean = false;\n\n  /** Search query to apply. */\n  @State() _searchQuery: string | undefined = undefined;\n\n  @State() isMobile: boolean = false;\n\n  /** The data to build the menu (as an array of `MenuItem` or a JSON array) or the url to fetch to retrieve it. */\n  @Prop() data: Promise<MenubarItem[]> | MenubarItem[] | URL | string;\n\n  /** ID of the current active item. */\n  @Prop() current: string | undefined = undefined;\n\n  /** Initial search query. */\n  @Prop() searchQuery: string | undefined = undefined;\n\n  /** Setup the list of items. */\n  @Watch('data')\n  async parseData(data: typeof this.data) {\n    if (!data) {\n      return;\n    }\n\n    if (data instanceof URL) {\n      this.items = await this.fetchData(data);\n    } else if (data instanceof Promise) {\n      this.items = await data;\n    } else if (typeof data === 'string') {\n      try {\n        this.items = JSON.parse(data);\n        if (!Array.isArray(this.items) || !this.items.every((item) => item satisfies MenubarItem)) {\n          throw new Error('Expected an array of MenuItem objects.');\n        }\n      } catch {\n        let url: URL;\n        try {\n          url = new URL(data);\n        } catch (error) {\n          throw new Error('Invalid string provided for `data` property: not a valid url or JSON.');\n        }\n\n        this.items = await this.fetchData(url);\n      }\n    } else if (Array.isArray(data) && data.every((item) => item satisfies MenubarItem)) {\n      this.items = data;\n    } else {\n      throw new Error(\n        'Invalid `data` property value. Expected an url, a JSON or an array/promise of MenuItem objects.'\n      );\n    }\n  }\n\n  @Watch('items')\n  onItemsChange() {\n    this.initTabindex();\n  }\n\n  /** Focus searchbar input when it becomes visible. */\n  @Watch('showSearchbar')\n  onShowSearchbar() {\n    if (!this.showSearchbar) {\n      return;\n    }\n\n    setTimeout(() => {\n      const searchbarInput = this.host.shadowRoot.querySelector('#searchbar-input') as HTMLInputElement;\n      if (this.showSearchbar) {\n        searchbarInput.focus();\n      }\n    }, 10);\n  }\n\n  /** Emitted on search form submission. */\n  @Event() search: EventEmitter<{ query: string }>;\n\n  async connectedCallback() {\n    await this.parseData(this.data);\n    this.initTabindex();\n    const mobileMediaQuery = window.matchMedia('(width < 768px)');\n    this.isMobile = mobileMediaQuery.matches;\n    mobileMediaQuery.onchange = (mql) => {\n      this.isMobile = mql.matches;\n      this.initTabindex();\n      this.openMenu = undefined;\n      this.showSearchbar = false;\n    };\n  }\n\n  /** Close open searchbar or any open menu when clicking outside. */\n  @Listen('pointerdown', { target: 'document', passive: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (this.showSearchbar && !containsTarget(this.formElement, event)) {\n      this.showSearchbar = false;\n    }\n\n    if (containsTarget(this.host, event)) {\n      return;\n    }\n\n    this.openMenu = undefined;\n  }\n\n  /** Close any open menu when pressing Escape or Tab. */\n  @Listen('keydown', { passive: true })\n  handleKeydown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Escape':\n      case 'Tab':\n        this.openMenu = undefined;\n        break;\n    }\n  }\n\n  /** Close the menu when it loses focus. */\n  @Listen('focusout', { passive: true })\n  handleFocusout(event: FocusEvent) {\n    const relatedTarget = event.relatedTarget as HTMLElement;\n    if (this.host.shadowRoot.querySelector('.menu')?.contains(relatedTarget)) {\n      return;\n    }\n\n    this.openMenu = undefined;\n  }\n\n  /** Fetch data from passed URL. */\n  private async fetchData(url: URL) {\n    try {\n      const data = await (await fetch(url)).json();\n      if (!Array.isArray(data) || !data.every((item) => item satisfies MenubarItem)) {\n        throw new Error('Invalid data structure. Expected an array of MenuItem objects.');\n      }\n\n      return data as MenubarItem[];\n    } catch (error) {\n      console.error('Error fetching menubar data:', error);\n      throw new Error('Failed to fetch menubar data from the provided URL.', { cause: error });\n    }\n  }\n\n  /** Initialize tabindex on menuitems of menubars, setting -1 to all but the first one. */\n  private initTabindex() {\n    setTimeout(() => {\n      this.host.shadowRoot.querySelectorAll('[role=\"menubar\"]')?.forEach((menubar) => {\n        menubar\n          .querySelectorAll('[role=\"menuitem\"]')\n          ?.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'));\n      });\n    }, 100);\n  }\n\n  /** Indicates whether the element has to be highlighted by checking whether it is set as current or one of its descendants is. */\n  private isActive(item: MenubarItem) {\n    if (item.id === this.current) {\n      return true;\n    }\n\n    if (item.menuItems?.length) {\n      return item.menuItems.some((menuItem) => menuItem.id === this.current);\n    }\n\n    if (item.navbarItems?.length) {\n      const isActive = item.navbarItems.some((navbarItem) => this.isActive(navbarItem));\n      if (isActive) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  /** Opens the menu associated with the menubar `item`, if any. */\n  private showMenu(item: MenubarItem) {\n    if (!item.menuItems?.length) {\n      return;\n    }\n\n    this.openMenu = item.id;\n  }\n\n  /** Get all elements with `menuitem` role inside parent's `menubar`. * */\n  private getParentMenubarElements(itemEl: HTMLElement) {\n    return Array.from(\n      itemEl?.closest('[role=\"menubar\"]')?.querySelectorAll(':scope > li a[role=\"menuitem\"]') ?? []\n    ) as HTMLElement[];\n  }\n\n  /** Move the focus to the previous menubar item, or the last one. Then open its menu if any other menu was open. */\n  private focusPreviousItem(itemEl: HTMLElement) {\n    const menubarElements = this.getParentMenubarElements(itemEl);\n    itemEl.tabIndex = -1;\n    const currentIndex = menubarElements.indexOf(itemEl);\n    const prevItem = menubarElements[(currentIndex - 1 + menubarElements.length) % menubarElements.length]; // get previous item or last one\n    prevItem.tabIndex = 0;\n    prevItem.focus();\n    // open the item's menu if any other menu was open\n    if (prevItem.ariaHasPopup === 'true' && this.openMenu) {\n      this.openMenu = prevItem.id;\n    }\n  }\n\n  /** Move the focus to the next menubar item, or the first one. Then open its menu if any other menu was open. */\n  private focusNextItem(itemEl: HTMLElement) {\n    const menubarElements = this.getParentMenubarElements(itemEl);\n    itemEl.tabIndex = -1;\n    const currentIndex = menubarElements.indexOf(itemEl);\n    const nextItem = menubarElements[(currentIndex + 1) % menubarElements.length]; // get next item or first one\n    nextItem.tabIndex = 0;\n    nextItem.focus();\n    // open the item's menu if any other menu was open\n    if (nextItem.ariaHasPopup === 'true' && this.openMenu) {\n      this.openMenu = nextItem.id;\n    }\n  }\n\n  /** Handles keyboard navigation on menubar items. */\n  private handleItemKeydown(event: KeyboardEvent, item: MenubarItem) {\n    const target = event.target as HTMLElement;\n    switch (event.key) {\n      case 'Home': {\n        event.preventDefault();\n        event.stopPropagation();\n        const firstItem = this.getParentMenubarElements(target)[0];\n        moveFocus(target, firstItem);\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        event.stopPropagation();\n        const lastItem = this.getParentMenubarElements(target).pop();\n        moveFocus(target, lastItem);\n        break;\n      }\n      case 'ArrowUp': {\n        if (!item.menuItems?.length) {\n          break;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        this.openMenu = item.id;\n        // focus last item of the menu\n        setTimeout(() => {\n          const menuItems = Array.from(\n            this.host.shadowRoot.querySelectorAll(`[aria-labelledby=${item.id}] [role=\"menuitem\"]`)\n          ) as HTMLElement[];\n          moveFocus(target, menuItems[menuItems.length - 1]);\n        }, 100);\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.focusNextItem(target);\n        break;\n      }\n      case 'ArrowDown': {\n        if (!item.menuItems?.length) {\n          break;\n        }\n        this.openMenu = item.id;\n        setTimeout(() => {\n          // focus first item of the menu\n          const firsMenuItem = this.host.shadowRoot.querySelector(\n            `[aria-labelledby=${item.id}] [role=\"menuitem\"]`\n          ) as HTMLElement;\n          firsMenuItem.tabIndex = 0;\n          firsMenuItem.focus();\n        }, 100);\n        break;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.focusPreviousItem(target);\n        break;\n      }\n    }\n  }\n\n  /** Get the previous element with `role=group`. */\n  private getPreviousGroup(groupContainer: HTMLElement) {\n    const groups = Array.from(\n      groupContainer?.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"group\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = groups.indexOf(groupContainer);\n\n    return groups[currentIndex - 1];\n  }\n\n  /** Get the next element with `role=group`. */\n  private getNextGroup(groupContainer: HTMLElement) {\n    const groups = Array.from(\n      groupContainer?.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"group\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = groups.indexOf(groupContainer);\n\n    return groups[currentIndex + 1];\n  }\n\n  /** Handles keyboard navigation events from `Menu` component. */\n  private handleMenuKeydown(event: KeyboardEvent) {\n    const menuItem = event.target as HTMLElement;\n    const items = Array.from(\n      menuItem.closest('[role=\"menu\"]')?.querySelectorAll('[role=\"menuitem\"]') ?? []\n    ) as HTMLElement[];\n    const currentIndex = items.indexOf(menuItem);\n    switch (event.key) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        event.stopPropagation();\n        const prevItem = items[currentIndex - 1] || items[items.length - 1];\n        moveFocus(menuItem, prevItem);\n        break;\n      }\n      // Move the focus to the first item of the next group if any, otherwise move it to the next menubar item\n      case 'ArrowRight': {\n        event.preventDefault();\n        event.stopPropagation();\n        const currentGroup = menuItem.closest('[role=group]') as HTMLElement;\n        const nextGroup = this.getNextGroup(currentGroup);\n        if (!nextGroup) {\n          menuItem.tabIndex = -1;\n          const parentMenubar = (event.target as HTMLElement).closest('[role=\"menubar\"]');\n          const focusedItem = parentMenubar?.querySelector<HTMLElement>(\n            '[role=\"menuitem\"][aria-expanded=\"true\"][tabindex=\"0\"]'\n          );\n          this.focusNextItem(focusedItem);\n          break;\n        }\n\n        const nextGroupItems = (nextGroup.querySelectorAll('[role=\"menuitem\"]') ?? []) as HTMLElement[];\n        moveFocus(menuItem, nextGroupItems[0]);\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        event.stopPropagation();\n        const nextItem = items[currentIndex + 1] || items[0];\n        moveFocus(menuItem, nextItem);\n        break;\n      }\n      // Move the focus to the first item of the previous group if any, otherwise move it to the previous menubar item\n      case 'ArrowLeft':\n        event.preventDefault();\n        event.stopPropagation();\n        const currentGroup = menuItem.closest('[role=group]') as HTMLElement;\n        const prevGroup = this.getPreviousGroup(currentGroup);\n        if (!prevGroup) {\n          menuItem.tabIndex = -1;\n          const parentMenubar = (event.target as HTMLElement).closest('[role=\"menubar\"]');\n          const focusedItem = parentMenubar?.querySelector<HTMLElement>(\n            '[role=\"menuitem\"][aria-expanded=\"true\"][tabindex=\"0\"]'\n          );\n          this.focusPreviousItem(focusedItem);\n          break;\n        }\n\n        const prevGroupItems = (prevGroup.querySelectorAll('[role=\"menuitem\"]') ?? []) as HTMLElement[];\n        moveFocus(menuItem, prevGroupItems[0]);\n        break;\n      case 'Home':\n        // Move to the first menu item\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(menuItem, items[0]);\n        break;\n      case 'End':\n        // Move to the last menu item\n        event.preventDefault();\n        event.stopPropagation();\n        moveFocus(menuItem, items[items.length - 1]);\n        break;\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    this._searchQuery = (event.target as HTMLInputElement).value;\n  }\n\n  private onSearchSubmit(event: Event) {\n    event.preventDefault();\n    if (!this._searchQuery) {\n      return;\n    }\n\n    this.search.emit({ query: this._searchQuery });\n    this.formElement.submit();\n  }\n\n  render() {\n    if (!this.items?.length) {\n      return;\n    }\n\n    if (this.isMobile) {\n      return (\n        <zanit-mobile-menubar\n          items={this.items}\n          current={this.current}\n          searchQuery={this.searchQuery}\n        />\n      );\n    }\n\n    return (\n      <nav aria-label=\"Zanichelli.it\">\n        <ul\n          class=\"menubar\"\n          role=\"menubar\"\n          aria-label=\"Zanichelli.it\"\n        >\n          {this.items.map((item, index) => (\n            <Fragment>\n              <li role=\"none\">\n                <a\n                  class={{ 'menubar-item': true, 'active': this.isActive(item) }}\n                  href={item.href}\n                  id={item.id}\n                  role=\"menuitem\"\n                  tabIndex={-1}\n                  aria-expanded={this.openMenu === item.id ? 'true' : 'false'}\n                  aria-haspopup={item.menuItems?.length ? 'true' : 'false'}\n                  aria-current={this.current === item.id ? 'page' : 'false'}\n                  onPointerOver={() => this.showMenu(item)}\n                  onKeyDown={(event) => this.handleItemKeydown(event, item)}\n                >\n                  <span data-text={item.label}>{item.label}</span>\n                  {item.menuItems?.length > 0 && (\n                    <z-icon name={this.openMenu === item.id ? 'chevron-up' : 'chevron-down'} />\n                  )}\n                </a>\n              </li>\n              {this.openMenu === item.id && (\n                <Menu\n                  controlledBy={item.id}\n                  items={item.menuItems}\n                  current={this.current}\n                  onItemKeyDown={(event) => this.handleMenuKeydown(event)}\n                />\n              )}\n              {index < this.items.length - 1 && <li role=\"separator\"></li>}\n            </Fragment>\n          ))}\n          <li\n            class=\"searchbar-container\"\n            role=\"none\"\n          >\n            <form\n              class={{ 'searchbar': true, 'searchbar-open': this.showSearchbar }}\n              role=\"search\"\n              aria-label=\"Cerca\"\n              method=\"get\"\n              action=\"/ricerca\"\n              onSubmit={(event) => this.onSearchSubmit(event)}\n              ref={(el) => (this.formElement = el)}\n            >\n              {this.showSearchbar && (\n                <input\n                  id=\"searchbar-input\"\n                  name=\"q\"\n                  type=\"search\"\n                  placeholder=\"Cerca per parola chiave o ISBN\"\n                  onInput={(event) => this.handleInputChange(event)}\n                  required\n                ></input>\n              )}\n              <button\n                class=\"searchbar-button\"\n                aria-controls=\"searchbar-input\"\n                type={this.showSearchbar ? 'submit' : 'button'}\n                onClick={() => (this.showSearchbar = true)}\n              >\n                {this.showSearchbar ? null : <span>Cerca</span>}\n                <z-icon\n                  name=\"search\"\n                  width=\"32\"\n                  height=\"32\"\n                ></z-icon>\n              </button>\n            </form>\n          </li>\n        </ul>\n\n        {this.items.map(\n          (item) =>\n            item.navbarItems?.length && (\n              <nav class={{ 'sub-menubar': true, 'visible': this.isActive(item) }}>\n                <ul role=\"menubar\">\n                  {item.navbarItems.map((subitem) => (\n                    <Fragment>\n                      <li role=\"none\">\n                        <a\n                          class={{ 'menubar-item': true, 'active': this.isActive(subitem) }}\n                          href={subitem.href}\n                          id={subitem.id}\n                          role=\"menuitem\"\n                          tabIndex={-1}\n                          aria-haspopup={subitem.menuItems?.length ? 'true' : 'false'}\n                          aria-expanded={this.openMenu === subitem.id ? 'true' : 'false'}\n                          aria-current={this.current === item.id ? 'page' : 'false'}\n                          onPointerOver={() => this.showMenu(subitem)}\n                          onKeyDown={(event) => this.handleItemKeydown(event, subitem)}\n                        >\n                          <span>{subitem.label}</span>\n                          {subitem.menuItems?.length > 0 && (\n                            <z-icon name={this.openMenu === subitem.id ? 'chevron-up' : 'chevron-down'} />\n                          )}\n                        </a>\n                      </li>\n                      {this.openMenu === subitem.id && (\n                        <Menu\n                          controlledBy={subitem.id}\n                          items={subitem.menuItems}\n                          current={this.current}\n                          onItemKeyDown={(event) => this.handleMenuKeydown(event)}\n                        />\n                      )}\n                    </Fragment>\n                  ))}\n                </ul>\n              </nav>\n            )\n        )}\n      </nav>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZanitMobileMenubar extends Components.ZanitMobileMenubar, HTMLElement {}
+export const ZanitMobileMenubar: {
+    prototype: ZanitMobileMenubar;
+    new (): ZanitMobileMenubar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,9 @@
+import { Z as ZanitMobileMenubar$1, d as defineCustomElement$1 } from './p-BnlxWpkO.js';
+
+const ZanitMobileMenubar = ZanitMobileMenubar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZanitMobileMenubar, defineCustomElement };
+//# sourceMappingURL=zanit-mobile-menubar.js.map
+
+//# sourceMappingURL=zanit-mobile-menubar.js.map

package/dist/components/zanit-mobile-menubar.js.map

@@ -0,0 +1 @@
+{"file":"zanit-mobile-menubar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/_commonjsHelpers-B85MJLTf.js

@@ -0,0 +1,8 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs as g };
+//# sourceMappingURL=_commonjsHelpers-B85MJLTf.js.map
+
+//# sourceMappingURL=_commonjsHelpers-B85MJLTf.js.map

package/dist/esm/_commonjsHelpers-B85MJLTf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-B85MJLTf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,6 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map
+
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/esm/app-globals-DQuL1Twl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-DQuL1Twl.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/esm/breakpoints-Q-tWjk7P.js

@@ -0,0 +1,12 @@
+/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */
+var Breakpoints;
+(function (Breakpoints) {
+    Breakpoints[Breakpoints["MOBILE"] = 767] = "MOBILE";
+    Breakpoints[Breakpoints["TABLET"] = 1151] = "TABLET";
+    Breakpoints[Breakpoints["DESKTOP"] = 1365] = "DESKTOP";
+})(Breakpoints || (Breakpoints = {}));
+
+export { Breakpoints as B };
+//# sourceMappingURL=breakpoints-Q-tWjk7P.js.map
+
+//# sourceMappingURL=breakpoints-Q-tWjk7P.js.map

package/dist/esm/breakpoints-Q-tWjk7P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints-Q-tWjk7P.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/constants/breakpoints.js"],"sourcesContent":["/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */\nexport var Breakpoints;\n(function (Breakpoints) {\n    Breakpoints[Breakpoints[\"MOBILE\"] = 767] = \"MOBILE\";\n    Breakpoints[Breakpoints[\"TABLET\"] = 1151] = \"TABLET\";\n    Breakpoints[Breakpoints[\"DESKTOP\"] = 1365] = \"DESKTOP\";\n})(Breakpoints || (Breakpoints = {}));\n//# sourceMappingURL=breakpoints.js.map\n"],"names":[],"mappings":"AAAA;AACU,IAAC;AACX,CAAC,UAAU,WAAW,EAAE;AACxB,IAAI,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ;AACvD,IAAI,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,QAAQ;AACxD,IAAI,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS;AAC1D,CAAC,EAAE,WAAW,KAAK,WAAW,GAAG,EAAE,CAAC,CAAC;;;;","x_google_ignoreList":[0]}