@acorex/components 20.3.32 → 20.3.34

package/media-viewer/index.d.ts

@@ -113,6 +113,8 @@ declare class AXFileInfoComponent {
 }
 
 declare class AXImageViewerComponent extends AXMediaViewerBaseComponent {
+    protected hasError: i0.WritableSignal<boolean>;
+    protected handleImageError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXImageViewerComponent, "ax-image-viewer", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.3.32",
+  "version": "20.3.34",
   "peerDependencies": {
-    "@acorex/core": "20.3.32",
-    "@acorex/cdk": "20.3.32",
+    "@acorex/core": "20.3.34",
+    "@acorex/cdk": "20.3.34",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -185,10 +185,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"
@@ -209,6 +205,10 @@
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
+    "./datetime-picker": {
+      "types": "./datetime-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-datetime-picker.mjs"
+    },
     "./dropdown-button": {
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
@@ -217,14 +217,14 @@
       "types": "./editor/index.d.ts",
       "default": "./fesm2022/acorex-components-editor.mjs"
     },
-    "./file-explorer": {
-      "types": "./file-explorer/index.d.ts",
-      "default": "./fesm2022/acorex-components-file-explorer.mjs"
-    },
     "./flow-chart": {
       "types": "./flow-chart/index.d.ts",
       "default": "./fesm2022/acorex-components-flow-chart.mjs"
     },
+    "./file-explorer": {
+      "types": "./file-explorer/index.d.ts",
+      "default": "./fesm2022/acorex-components-file-explorer.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"
@@ -241,14 +241,14 @@
       "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"
     },
+    "./json-viewer": {
+      "types": "./json-viewer/index.d.ts",
+      "default": "./fesm2022/acorex-components-json-viewer.mjs"
+    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"

package/phone-box/index.d.ts

@@ -1,6 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXInputBaseValueComponent, MXLookComponent, AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
 import { CountryItem } from '@acorex/core/constants';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -56,12 +56,12 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     protected selectedCountry: _angular_core.WritableSignal<CountryItem>;
     /** @ignore */
-    protected _handleModelChange(value: string | null): void;
+    protected _handleModelChange(e: AXValueChangedEvent<any>): void;
+    protected internalValueChanged(value: any): void;
     /** @ignore */
     protected dataSource: AXDataSource<CountryItem>;
     /** @ignore */
     protected handleCountryOnClosed(): void;
-    protected internalValueChanged(value: any): void;
     /**
      * Determines if the keyboard event is a valid action based on allowed keys and key codes.
      *
@@ -77,8 +77,18 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     setCountries(): void;
     protected handleKeyDown(e: KeyboardEvent): void;
     private parsePhoneNumber;
+    /**
+     * Formats a national phone number according to the country's format pattern.
+     * The format pattern uses '0' as digit placeholders and preserves other characters (like spaces).
+     *
+     * @param number - The raw national number (digits only)
+     * @param format - The country's phone number format pattern (e.g., '000 000 0000')
+     * @returns The formatted national number with spaces according to the format
+     */
+    private formatNationalNumber;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
+    private removeValidation;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-validation-rule", "ax-clear-button "], true, never>;

package/popover/index.d.ts

@@ -26,6 +26,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _outsideClickHandler;
     /** @ignore */
+    private _scrollHandler;
+    /** @ignore */
+    private _scrollListenerActive;
+    /** @ignore */
     private resizeObserver;
     /** @ignore */
     private resize$;
@@ -133,6 +137,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private _closeAfter;
     get closeAfter(): number;
     set closeAfter(value: number);
+    /**
+     * Whether to update the popover position when scrolling.
+     */
+    repositionOnScroll: boolean;
     /**
      * CSS class to apply to the backdrop element.
      */
@@ -167,6 +175,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private bindOverlayEvents;
     /** @ignore */
     private removeOverlayEvents;
+    /** @ignore */
+    private setupScrollListener;
+    /** @ignore */
+    private removeScrollListener;
     /**
      * Checks if the clicked element is inside a child overlay (e.g., selectbox dropdown).
      * Child overlays are identified by having a higher z-index than this popover's overlay.
@@ -228,7 +240,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "repositionOnScroll": { "alias": "repositionOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

package/tree-view/index.d.ts

@@ -134,6 +134,12 @@ interface AXTreeViewItemTemplateContext {
         value: boolean | null;
         isUserInteraction: boolean;
     }) => void;
+    /** Whether drag is enabled for this tree (dragBehavior !== 'none') */
+    dragEnabled: boolean;
+    /** The drag area mode: 'handler' (drag handle) or 'item' (full item) */
+    dragArea: AXTreeViewDragArea;
+    /** Whether the drag handle should be shown (dragArea === 'handler' && dragBehavior !== 'none') */
+    showDragHandle: boolean;
 }
 type AXTreeViewViewLook = 'default' | 'card' | 'with-line';
 type AXTreeViewDragArea = 'handler' | 'item';