@zanichelli/zanichelli-it-frontend-kit 0.1.1 → 0.1.3

package/dist/types/components/menubar/menu/menu.d.ts

@@ -4,13 +4,13 @@ import { MenuItem } from '../../../utils/types';
  * Menu of items that can be grouped.
  * @member {string} controlledBy - The HTML id of the element that controls the menu.
  * @member {MenuItem[]} items - The items to show in the menu.
- * @member {string} current - The id of the current active item.
+ * @member {string[]} currentPath - Path of current item.
  * @member {function} onItemKeyDown - The function to call when a key is pressed from a menuitem.
  */
 export interface MenuProps {
     controlledBy?: string;
     items?: MenuItem[];
-    current?: string;
+    currentPath?: string[];
     onItemKeyDown?: (event: KeyboardEvent) => void;
 }
 /**

package/dist/types/components/menubar/menubar.d.ts

@@ -12,22 +12,33 @@ export declare class ZanitMenubar {
     openMenu: string | undefined;
     /** ID of the item to show the subitems navbar for. */
     openNavbar: string | undefined;
+    /** IDs of the current prop */
+    currentPath: string[];
     isMobile: boolean;
     loading: boolean;
     /** The data to build the menu (as an array of `MenubarItem` or a JSON array) or the url to fetch to retrieve it. */
     data: Promise<MenubarItem[]> | MenubarItem[] | URL | string;
-    /** ID of the current active item. */
+    /** Path of the current item. */
     current: string | undefined;
+    /**
+     * Delay in milliseconds before closing the menu after a mouseout event.
+     * Useful to avoid immediate closing when the pointer briefly leaves the component.
+     */
+    mouseOutTimeout: number | undefined;
     /** Initial search query. */
     searchQuery: string | undefined;
+    private timerId;
     /** Setup the list of items. */
     parseData(data: typeof this.data): Promise<void>;
     onItemsChange(): void;
+    onCurrentChange(): void;
     connectedCallback(): Promise<void>;
     /** Close any open menu when clicking outside. */
     handleOutsideClick(event: MouseEvent): void;
     /** Close any open menu when pressing Escape or Tab. */
     handleKeydown(event: KeyboardEvent): void;
+    handleMouseover(): void;
+    handleMouseout(event: MouseEvent): void;
     /** Close the menu when it loses focus. */
     handleFocusout(event: FocusEvent): void;
     /** Fetch data from passed URL. */

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

@@ -2,14 +2,16 @@ import { MenubarItem, MenuItem } from '../../../utils/types';
 /** Mobile menubar component. */
 export declare class ZanitMobileMenubar {
     host: HTMLZanitMobileMenubarElement;
-    /** ID of the current active item. */
-    current: string | undefined;
+    /** IDs path of the current item. */
+    currentPath: string[];
     /** Menubar items. */
     items: MenubarItem[];
     /** Initial search query. */
     searchQuery: string | undefined;
     /** Whether the menubar is loading the data. */
     loading: boolean;
+    /** Last active item ID. */
+    lastCurrent: string | undefined;
     parentItem: MenubarItem | undefined;
     menuItems: MenubarItem[] | MenuItem[] | undefined;
     /** Whether the items to render come from a menubar or a menu. */
@@ -18,7 +20,6 @@ export declare class ZanitMobileMenubar {
     onItemsChange(): void;
     /**
      * Find the current item and take its parent, `menuItems` or the `navbarItems`.
-     * @returns True if an item matches the `current` prop, false otherwise.
      */
     private setupData;
     private get menuItemsElement();

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ export namespace Components {
      */
     interface ZanitMenubar {
         /**
-          * ID of the current active item.
+          * Path of the current item.
           * @default undefined
          */
         "current": string | undefined;
@@ -23,6 +23,11 @@ export namespace Components {
           * The data to build the menu (as an array of `MenubarItem` or a JSON array) or the url to fetch to retrieve it.
          */
         "data": Promise<MenubarItem[]> | MenubarItem[] | URL | string;
+        /**
+          * Delay in milliseconds before closing the menu after a mouseout event. Useful to avoid immediate closing when the pointer briefly leaves the component.
+          * @default 1000
+         */
+        "mouseOutTimeout": number | undefined;
         /**
           * Initial search query.
           * @default undefined
@@ -34,10 +39,10 @@ export namespace Components {
      */
     interface ZanitMobileMenubar {
         /**
-          * ID of the current active item.
-          * @default undefined
+          * IDs path of the current item.
+          * @default []
          */
-        "current": string | undefined;
+        "currentPath": string[];
         /**
           * Menubar items.
           * @default []
@@ -119,7 +124,7 @@ declare namespace LocalJSX {
      */
     interface ZanitMenubar {
         /**
-          * ID of the current active item.
+          * Path of the current item.
           * @default undefined
          */
         "current"?: string | undefined;
@@ -127,6 +132,11 @@ declare namespace LocalJSX {
           * The data to build the menu (as an array of `MenubarItem` or a JSON array) or the url to fetch to retrieve it.
          */
         "data"?: Promise<MenubarItem[]> | MenubarItem[] | URL | string;
+        /**
+          * Delay in milliseconds before closing the menu after a mouseout event. Useful to avoid immediate closing when the pointer briefly leaves the component.
+          * @default 1000
+         */
+        "mouseOutTimeout"?: number | undefined;
         /**
           * Initial search query.
           * @default undefined
@@ -138,10 +148,10 @@ declare namespace LocalJSX {
      */
     interface ZanitMobileMenubar {
         /**
-          * ID of the current active item.
-          * @default undefined
+          * IDs path of the current item.
+          * @default []
          */
-        "current"?: string | undefined;
+        "currentPath"?: string[];
         /**
           * Menubar items.
           * @default []