@acorex/components 20.7.28 → 20.7.30

package/menu/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { WritableSignal, OutputEmitterRef, OnDestroy } from '@angular/core';
 import { AXStyleColorType, NXComponent, NXClickEvent, AXOrientation, NXEvent } from '@acorex/cdk/common';
 import { AXPoint } from '@acorex/core/utils';
+import { UrlTree, IsActiveMatchOptions } from '@angular/router';
 import { Subject } from 'rxjs';
 
 type AXMenuOpenTrigger = 'click' | 'hover';
@@ -16,22 +17,37 @@ declare abstract class AXRootMenu {
 }
 declare abstract class AXMenuItemComponentBase {
 }
-declare abstract class AXMenuItem {
-    color?: AXStyleColorType;
-    name?: string;
+/** Shared tree item shape for `ax-menu`, `ax-context-menu`, and `ax-side-menu`. */
+interface AXMenuItem {
     text: string;
-    data?: any;
+    name?: string;
     icon?: string;
+    data?: unknown;
     disabled?: boolean;
     items?: AXMenuItem[];
+    color?: AXStyleColorType;
     suffix?: {
         text: string;
     };
+    /** Side-menu alias for `suffix.text`. */
+    suffixText?: string;
     break?: boolean;
     group?: {
         name?: string;
         title?: string;
     };
+    title?: string;
+    routerLink?: string | any[] | UrlTree;
+    routerLinkActive?: string | string[];
+    routerLinkActiveOptions?: {
+        exact: boolean;
+    } | IsActiveMatchOptions;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    active?: boolean;
+    isLoading?: boolean;
+    isCollapsed?: boolean;
+    toggleOnClick?: boolean;
 }
 declare class AXMenuItemClickBaseEvent<T extends NXComponent = NXComponent> extends NXClickEvent<T> {
     item: {
@@ -146,6 +162,7 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private scrollableParents;
     private unsuscriber;
     private renderer;
+    private injector;
     private zIndexService;
     private zToken;
     protected arrowIcon: _angular_core.Signal<string>;
@@ -176,10 +193,18 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
      * @returns void - No return value. Triggers submenu closing side-effects.
      */
     close(): void;
+    /**
+     * Positions the submenu after layout so nested levels measure their full height.
+     */
+    private schedulePositionCalculation;
     /**
      * Calculate the position of the submenu to avoid it going out of the viewport.
      */
     private calculatePosition;
+    /** Measures submenu size using the same flex layout as the rendered menu. */
+    private measureSubmenuRect;
+    /** Keeps the submenu fully inside the viewport vertically. */
+    private clampVerticalPosition;
     private handleClick;
     private handleMouseEnter;
     private mouseLeaveTimeout;
@@ -249,5 +274,5 @@ declare class AXMenuModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMenuModule>;
 }
 
-export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItem, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
-export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };
+export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
+export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItem, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.7.28",
+  "version": "20.7.30",
   "peerDependencies": {
-    "@acorex/core": "20.7.28",
-    "@acorex/cdk": "20.7.28",
+    "@acorex/core": "20.7.30",
+    "@acorex/cdk": "20.7.30",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",
@@ -56,6 +56,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/acorex-components.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "default": "./fesm2022/acorex-components-accordion.mjs"
+    },
     "./action-sheet": {
       "types": "./action-sheet/index.d.ts",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
@@ -64,10 +68,6 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
-    "./accordion": {
-      "types": "./accordion/index.d.ts",
-      "default": "./fesm2022/acorex-components-accordion.mjs"
-    },
     "./aspect-ratio": {
       "types": "./aspect-ratio/index.d.ts",
       "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
@@ -92,10 +92,6 @@
       "types": "./bottom-navigation/index.d.ts",
       "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
     },
-    "./breadcrumbs": {
-      "types": "./breadcrumbs/index.d.ts",
-      "default": "./fesm2022/acorex-components-breadcrumbs.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/acorex-components-button.mjs"
@@ -104,10 +100,6 @@
       "types": "./button-group/index.d.ts",
       "default": "./fesm2022/acorex-components-button-group.mjs"
     },
-    "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "default": "./fesm2022/acorex-components-calendar.mjs"
-    },
     "./check-box": {
       "types": "./check-box/index.d.ts",
       "default": "./fesm2022/acorex-components-check-box.mjs"
@@ -128,10 +120,18 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./calendar": {
+      "types": "./calendar/index.d.ts",
+      "default": "./fesm2022/acorex-components-calendar.mjs"
+    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
     },
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/index.d.ts",
+      "default": "./fesm2022/acorex-components-breadcrumbs.mjs"
+    },
     "./color-palette": {
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
@@ -148,17 +148,13 @@
       "types": "./conversation2/index.d.ts",
       "default": "./fesm2022/acorex-components-conversation2.mjs"
     },
-    "./cron-job": {
-      "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"
+    "./cron-job": {
+      "types": "./cron-job/index.d.ts",
+      "default": "./fesm2022/acorex-components-cron-job.mjs"
     },
     "./data-pager": {
       "types": "./data-pager/index.d.ts",
@@ -168,6 +164,10 @@
       "types": "./data-table/index.d.ts",
       "default": "./fesm2022/acorex-components-data-table.mjs"
     },
+    "./data-list": {
+      "types": "./data-list/index.d.ts",
+      "default": "./fesm2022/acorex-components-data-list.mjs"
+    },
     "./datetime-box": {
       "types": "./datetime-box/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-box.mjs"
@@ -176,10 +176,6 @@
       "types": "./datetime-input/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-input.mjs"
     },
-    "./datetime-picker": {
-      "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"
@@ -188,6 +184,10 @@
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
+    "./datetime-picker": {
+      "types": "./datetime-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-datetime-picker.mjs"
+    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer.mjs"
@@ -232,14 +232,14 @@
       "types": "./image/index.d.ts",
       "default": "./fesm2022/acorex-components-image.mjs"
     },
-    "./json-viewer": {
-      "types": "./json-viewer/index.d.ts",
-      "default": "./fesm2022/acorex-components-json-viewer.mjs"
-    },
     "./image-editor": {
       "types": "./image-editor/index.d.ts",
       "default": "./fesm2022/acorex-components-image-editor.mjs"
     },
+    "./json-viewer": {
+      "types": "./json-viewer/index.d.ts",
+      "default": "./fesm2022/acorex-components-json-viewer.mjs"
+    },
     "./kanban": {
       "types": "./kanban/index.d.ts",
       "default": "./fesm2022/acorex-components-kanban.mjs"
@@ -332,14 +332,14 @@
       "types": "./popup/index.d.ts",
       "default": "./fesm2022/acorex-components-popup.mjs"
     },
-    "./progress-bar": {
-      "types": "./progress-bar/index.d.ts",
-      "default": "./fesm2022/acorex-components-progress-bar.mjs"
-    },
     "./qrcode": {
       "types": "./qrcode/index.d.ts",
       "default": "./fesm2022/acorex-components-qrcode.mjs"
     },
+    "./progress-bar": {
+      "types": "./progress-bar/index.d.ts",
+      "default": "./fesm2022/acorex-components-progress-bar.mjs"
+    },
     "./query-builder": {
       "types": "./query-builder/index.d.ts",
       "default": "./fesm2022/acorex-components-query-builder.mjs"
@@ -376,14 +376,14 @@
       "types": "./rrule/index.d.ts",
       "default": "./fesm2022/acorex-components-rrule.mjs"
     },
-    "./scheduler": {
-      "types": "./scheduler/index.d.ts",
-      "default": "./fesm2022/acorex-components-scheduler.mjs"
-    },
     "./scheduler-picker": {
       "types": "./scheduler-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
     },
+    "./scheduler": {
+      "types": "./scheduler/index.d.ts",
+      "default": "./fesm2022/acorex-components-scheduler.mjs"
+    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "default": "./fesm2022/acorex-components-scss.mjs"
@@ -452,10 +452,6 @@
       "types": "./time-duration/index.d.ts",
       "default": "./fesm2022/acorex-components-time-duration.mjs"
     },
-    "./time-line": {
-      "types": "./time-line/index.d.ts",
-      "default": "./fesm2022/acorex-components-time-line.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/acorex-components-toast.mjs"
@@ -476,6 +472,14 @@
       "types": "./tree-view-legacy/index.d.ts",
       "default": "./fesm2022/acorex-components-tree-view-legacy.mjs"
     },
+    "./time-line": {
+      "types": "./time-line/index.d.ts",
+      "default": "./fesm2022/acorex-components-time-line.mjs"
+    },
+    "./wysiwyg": {
+      "types": "./wysiwyg/index.d.ts",
+      "default": "./fesm2022/acorex-components-wysiwyg.mjs"
+    },
     "./uploader": {
       "types": "./uploader/index.d.ts",
       "default": "./fesm2022/acorex-components-uploader.mjs"
@@ -483,10 +487,6 @@
     "./video-player": {
       "types": "./video-player/index.d.ts",
       "default": "./fesm2022/acorex-components-video-player.mjs"
-    },
-    "./wysiwyg": {
-      "types": "./wysiwyg/index.d.ts",
-      "default": "./fesm2022/acorex-components-wysiwyg.mjs"
     }
   }
 }

package/side-menu/index.d.ts

@@ -78,7 +78,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     private getDirectChildElements;
     private reparentOrphanedChildren;
     private scheduleChildRefresh;
-    private hasRelevantChildMutation;
+    private hasRelevantMutation;
     private nodeListContainsMenuStructuralNode;
     private getItemLabel;
     private getItemIcon;
@@ -93,33 +93,13 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
 
 type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color' | 'default';
 type AXSideMenuLocation = 'start' | 'end';
-type AXSideMenuItem = {
-    title?: string;
-    routerLink?: string | any[] | UrlTree;
-    routerLinkActive?: string | string[];
-    routerLinkActiveOptions?: {
-        exact: boolean;
-    } | IsActiveMatchOptions;
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    text: string;
-    active?: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-    isCollapsed?: boolean;
-    icon?: string;
-    data?: unknown;
-    suffixText?: string;
-    toggleOnClick?: boolean;
-    items?: AXSideMenuItem[];
-};
 /**
  * @category
  * A component for displaying a side menu with customizable content.
  */
 declare class AXSideMenuComponent extends NXComponent implements AXSideMenuBase {
     #private;
-    items: _angular_core.ModelSignal<AXSideMenuItem[]>;
+    items: _angular_core.ModelSignal<AXMenuItem[]>;
     readonly look: _angular_core.InputSignal<AXSideMenuLook>;
     readonly location: _angular_core.InputSignal<AXSideMenuLocation>;
     readonly mode: _angular_core.InputSignal<"full" | "compact">;
@@ -190,4 +170,4 @@ declare class AXSideMenuModule {
 }
 
 export { AXOutlineSideMenuDirective, AXSideMenuBase, AXSideMenuComponent, AXSideMenuItemClickEvent, AXSideMenuItemComponent, AXSideMenuModule };
-export type { AXSideMenuContextMenuItemData, AXSideMenuItem, AXSideMenuLocation, AXSideMenuLook };
+export type { AXSideMenuContextMenuItemData, AXSideMenuLocation, AXSideMenuLook };