@acorex/components 20.7.27 → 20.7.29

package/menu/index.d.ts

@@ -56,6 +56,8 @@ declare class AXContextMenuComponent extends NXComponent {
     readonly orientation: _angular_core.InputSignal<AXOrientation>;
     readonly openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
     readonly closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
+    /** When true, closes the menu on router navigation (e.g. side-menu route changes). */
+    readonly closeOnRouteChange: _angular_core.InputSignal<boolean>;
     readonly originalItems: _angular_core.InputSignal<AXMenuItem[]>;
     readonly target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
     onItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
@@ -71,6 +73,8 @@ declare class AXContextMenuComponent extends NXComponent {
     private injector;
     private zToken;
     private lastOpenPoint;
+    private router;
+    private destroyRef;
     /** @ignore */
     constructor();
     ngOnDestroy(): void;
@@ -94,6 +98,8 @@ declare class AXContextMenuComponent extends NXComponent {
     private originalParent;
     protected items: _angular_core.WritableSignal<AXMenuItem[]>;
     /** @ignore */
+    private setupCloseOnRouteChange;
+    /** @ignore */
     private getTargetElements;
     /** @ignore */
     private bindContextEvent;
@@ -120,7 +126,7 @@ declare class AXContextMenuComponent extends NXComponent {
     /** @ignore */
     get __hostClass(): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "closeOnRouteChange": { "alias": "closeOnRouteChange"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.7.27",
+  "version": "20.7.29",
   "peerDependencies": {
-    "@acorex/core": "20.7.27",
-    "@acorex/cdk": "20.7.27",
+    "@acorex/core": "20.7.29",
+    "@acorex/cdk": "20.7.29",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",
@@ -164,14 +164,14 @@
       "types": "./data-pager/index.d.ts",
       "default": "./fesm2022/acorex-components-data-pager.mjs"
     },
-    "./data-table": {
-      "types": "./data-table/index.d.ts",
-      "default": "./fesm2022/acorex-components-data-table.mjs"
-    },
     "./datetime-box": {
       "types": "./datetime-box/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-box.mjs"
     },
+    "./data-table": {
+      "types": "./data-table/index.d.ts",
+      "default": "./fesm2022/acorex-components-data-table.mjs"
+    },
     "./datetime-input": {
       "types": "./datetime-input/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-input.mjs"
@@ -244,14 +244,14 @@
       "types": "./kanban/index.d.ts",
       "default": "./fesm2022/acorex-components-kanban.mjs"
     },
-    "./label": {
-      "types": "./label/index.d.ts",
-      "default": "./fesm2022/acorex-components-label.mjs"
-    },
     "./kbd": {
       "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"
@@ -352,14 +352,14 @@
       "types": "./rail-navigation/index.d.ts",
       "default": "./fesm2022/acorex-components-rail-navigation.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "default": "./fesm2022/acorex-components-range-slider.mjs"
-    },
     "./rate-picker": {
       "types": "./rate-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-rate-picker.mjs"
     },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "default": "./fesm2022/acorex-components-range-slider.mjs"
+    },
     "./rest-api-generator": {
       "types": "./rest-api-generator/index.d.ts",
       "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
@@ -380,14 +380,14 @@
       "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"
-    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "default": "./fesm2022/acorex-components-scss.mjs"
     },
+    "./scheduler-picker": {
+      "types": "./scheduler-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
+    },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "default": "./fesm2022/acorex-components-search-box.mjs"
@@ -440,22 +440,22 @@
       "types": "./tag-box/index.d.ts",
       "default": "./fesm2022/acorex-components-tag-box.mjs"
     },
-    "./text-area": {
-      "types": "./text-area/index.d.ts",
-      "default": "./fesm2022/acorex-components-text-area.mjs"
-    },
     "./text-box": {
       "types": "./text-box/index.d.ts",
       "default": "./fesm2022/acorex-components-text-box.mjs"
     },
-    "./time-duration": {
-      "types": "./time-duration/index.d.ts",
-      "default": "./fesm2022/acorex-components-time-duration.mjs"
+    "./text-area": {
+      "types": "./text-area/index.d.ts",
+      "default": "./fesm2022/acorex-components-text-area.mjs"
     },
     "./time-line": {
       "types": "./time-line/index.d.ts",
       "default": "./fesm2022/acorex-components-time-line.mjs"
     },
+    "./time-duration": {
+      "types": "./time-duration/index.d.ts",
+      "default": "./fesm2022/acorex-components-time-duration.mjs"
+    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/acorex-components-toast.mjs"

package/popup/index.d.ts

@@ -9,7 +9,7 @@ import * as i3 from '@acorex/components/decorators';
 import * as i4 from '@acorex/core/translation';
 
 type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
-type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
+type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
     closeButton?: boolean;

package/side-menu/index.d.ts

@@ -33,7 +33,6 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     isLoading: _angular_core.ModelSignal<boolean>;
     isCollapsed: _angular_core.ModelSignal<boolean>;
     onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
-    tooltipText: _angular_core.InputSignal<string>;
     readonly toggleOnClick: _angular_core.InputSignal<boolean>;
     readonly href: _angular_core.InputSignal<string>;
     readonly routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
@@ -79,7 +78,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     private getDirectChildElements;
     private reparentOrphanedChildren;
     private scheduleChildRefresh;
-    private hasRelevantChildMutation;
+    private hasRelevantMutation;
     private nodeListContainsMenuStructuralNode;
     private getItemLabel;
     private getItemIcon;
@@ -89,7 +88,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     private updateHasChild;
     private updateContentLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container, [ngTemplateOutlet]", "ax-divider", "ax-prefix", "*", "ax-suffix"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container, [ngTemplateOutlet]", "ax-divider", "ax-prefix", "*", "ax-suffix"], true, never>;
 }
 
 type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color' | 'default';