@acorex/components 20.7.43 → 20.7.45

package/menu/index.d.ts

@@ -16,6 +16,7 @@ declare abstract class AXRootMenu {
     hasArrow: WritableSignal<boolean>;
 }
 declare abstract class AXMenuItemComponentBase {
+    parent?: AXMenuItemComponentBase | null;
 }
 /** Shared tree item shape for `ax-menu`, `ax-context-menu`, and `ax-side-menu`. */
 interface AXMenuItem {
@@ -152,14 +153,14 @@ type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
  */
 declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     protected isOpen: _angular_core.WritableSignal<boolean>;
-    protected hasSubItems: _angular_core.WritableSignal<boolean>;
-    protected isFirstLevel: _angular_core.WritableSignal<boolean>;
-    private mutationObserver;
+    protected submenuRendered: _angular_core.WritableSignal<boolean>;
+    readonly parent: AXMenuItemComponent;
+    protected isRoot: _angular_core.Signal<boolean>;
+    protected isFirstLevel: _angular_core.Signal<boolean>;
+    private readonly childMenuItems;
+    protected hasSubItems: _angular_core.Signal<boolean>;
     protected root: AXRootMenu;
-    protected parent?: AXMenuItemComponent | null;
-    protected isRoot: () => boolean;
     private service;
-    private scrollableParents;
     private unsuscriber;
     private renderer;
     private injector;
@@ -172,25 +173,13 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     disabled: _angular_core.InputSignal<boolean>;
     color: _angular_core.InputSignal<AXStyleColorType>;
     constructor();
-    private closeExcept;
-    private observeMutations;
     private getText;
-    /**
-     * Manually detect all `ax-menu-item` elements and check if this menu item has sub-items.
-     */
-    private detectSubItems;
     /**
      * Opens the submenu of this menu item if it has sub-items and is not disabled.
-     *
-     * Inherited behavior: Uses the injected service to notify other items to close.
-     *
-     * @returns void - No return value. Triggers submenu opening side-effects.
      */
     open(): void;
     /**
      * Closes the submenu of this menu item if open.
-     *
-     * @returns void - No return value. Triggers submenu closing side-effects.
      */
     close(): void;
     /**
@@ -209,29 +198,17 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private handleMouseEnter;
     private mouseLeaveTimeout;
     private handleMouseLeave;
-    private onWindowEvent;
-    /**
-     * Close all menus if clicking outside the root menu and all sub-items.
-     */
-    private onClickOutside;
     ngOnDestroy(): void;
-    private bindScrollEvents;
-    private removeScrollEvents;
-    /**
-     * Handler for scroll events (window or scrollable parent containers)
-     */
-    private onContainerScroll;
     /** @ignore */
     get __hostClass(): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMenuItemComponent, "ax-menu-item", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["ax-prefix", "ax-text", "ax-suffix", "ax-menu-item,ax-title,ax-divider,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMenuItemComponent, "ax-menu-item", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, ["childMenuItems"], ["ax-prefix", "ax-text", "ax-suffix", "ax-menu-item,ax-title,ax-divider,ng-container"], true, never>;
 }
 
 declare class AXMenuService {
     closeAll$: Subject<void>;
     open$: Subject<AXMenuItemComponentBase>;
     close$: Subject<AXMenuItemComponentBase>;
-    closeExcept$: Subject<AXMenuItemComponentBase>;
     openContextMenu$: Subject<{
         sender: AXRootMenu;
         point: AXPoint;
@@ -239,6 +216,26 @@ declare class AXMenuService {
     closeAllContextMenu$: Subject<{
         sender: AXRootMenu;
     }>;
+    private readonly destroyRef;
+    private readonly document;
+    private readonly platformId;
+    private readonly openItems;
+    private globalListenersBound;
+    private rootElement?;
+    private scrollableParents;
+    private readonly onDocumentClick;
+    private readonly onWindowOrScrollEvent;
+    constructor();
+    /**
+     * Registers a single set of document/window/scroll listeners for the whole menu tree.
+     */
+    initGlobalListeners(rootElement: HTMLElement): void;
+    /**
+     * Closes open submenus that are not on the ancestor path of the item being opened.
+     */
+    closeExcept(opener: AXMenuItemComponentBase): void;
+    markOpen(item: AXMenuItemComponentBase): void;
+    markClosed(item: AXMenuItemComponentBase): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMenuService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMenuService>;
 }
@@ -249,6 +246,7 @@ type AXMenuItemsClickEvent = AXMenuItemClickBaseEvent<AXMenuComponent>;
  * @category Components
  */
 declare class AXMenuComponent extends NXComponent {
+    constructor();
     orientation: _angular_core.InputSignal<AXOrientation>;
     openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
     closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.7.43",
+  "version": "20.7.45",
   "peerDependencies": {
-    "@acorex/core": "20.7.43",
-    "@acorex/cdk": "20.7.43",
+    "@acorex/core": "20.7.45",
+    "@acorex/cdk": "20.7.45",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",
@@ -144,10 +144,6 @@
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/acorex-components-comment.mjs"
     },
-    "./conversation": {
-      "types": "./conversation/index.d.ts",
-      "default": "./fesm2022/acorex-components-conversation.mjs"
-    },
     "./conversation2": {
       "types": "./conversation2/index.d.ts",
       "default": "./fesm2022/acorex-components-conversation2.mjs"
@@ -156,6 +152,10 @@
       "types": "./cron-job/index.d.ts",
       "default": "./fesm2022/acorex-components-cron-job.mjs"
     },
+    "./conversation": {
+      "types": "./conversation/index.d.ts",
+      "default": "./fesm2022/acorex-components-conversation.mjs"
+    },
     "./data-list": {
       "types": "./data-list/index.d.ts",
       "default": "./fesm2022/acorex-components-data-list.mjs"
@@ -180,26 +180,26 @@
       "types": "./datetime-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-picker.mjs"
     },
-    "./decorators": {
-      "types": "./decorators/index.d.ts",
-      "default": "./fesm2022/acorex-components-decorators.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
+    "./decorators": {
+      "types": "./decorators/index.d.ts",
+      "default": "./fesm2022/acorex-components-decorators.mjs"
+    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
-    "./drawer-legacy": {
-      "types": "./drawer-legacy/index.d.ts",
-      "default": "./fesm2022/acorex-components-drawer-legacy.mjs"
-    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
+    "./drawer-legacy": {
+      "types": "./drawer-legacy/index.d.ts",
+      "default": "./fesm2022/acorex-components-drawer-legacy.mjs"
+    },
     "./dropdown-button": {
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
@@ -208,14 +208,14 @@
       "types": "./editor/index.d.ts",
       "default": "./fesm2022/acorex-components-editor.mjs"
     },
-    "./fab": {
-      "types": "./fab/index.d.ts",
-      "default": "./fesm2022/acorex-components-fab.mjs"
-    },
     "./file-explorer": {
       "types": "./file-explorer/index.d.ts",
       "default": "./fesm2022/acorex-components-file-explorer.mjs"
     },
+    "./fab": {
+      "types": "./fab/index.d.ts",
+      "default": "./fesm2022/acorex-components-fab.mjs"
+    },
     "./flow-chart": {
       "types": "./flow-chart/index.d.ts",
       "default": "./fesm2022/acorex-components-flow-chart.mjs"
@@ -248,14 +248,14 @@
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"
     },
-    "./label": {
-      "types": "./label/index.d.ts",
-      "default": "./fesm2022/acorex-components-label.mjs"
-    },
     "./list": {
       "types": "./list/index.d.ts",
       "default": "./fesm2022/acorex-components-list.mjs"
     },
+    "./label": {
+      "types": "./label/index.d.ts",
+      "default": "./fesm2022/acorex-components-label.mjs"
+    },
     "./loading": {
       "types": "./loading/index.d.ts",
       "default": "./fesm2022/acorex-components-loading.mjs"
@@ -384,17 +384,13 @@
       "types": "./scheduler-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
     },
-    "./scss": {
-      "types": "./scss/index.d.ts",
-      "default": "./fesm2022/acorex-components-scss.mjs"
-    },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
-    "./select-box": {
-      "types": "./select-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-select-box.mjs"
+    "./scss": {
+      "types": "./scss/index.d.ts",
+      "default": "./fesm2022/acorex-components-scss.mjs"
     },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
@@ -408,6 +404,10 @@
       "types": "./side-menu/index.d.ts",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
+    "./select-box": {
+      "types": "./select-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-select-box.mjs"
+    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "default": "./fesm2022/acorex-components-skeleton.mjs"