@acorex/components 21.0.1-next.9 → 21.0.1-next.90

package/{phone-box/index.d.ts → types/acorex-components-phone-box.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 → types/acorex-components-popover.d.ts}

@@ -11,6 +11,7 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  * A popover component with custom encapsulation and change detection settings.
  */
 declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
+    #private;
     private platform;
     private document;
     private platformID;
@@ -25,12 +26,18 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _outsideClickHandler;
     /** @ignore */
+    private _scrollHandler;
+    /** @ignore */
+    private _scrollListenerActive;
+    /** @ignore */
     private resizeObserver;
     /** @ignore */
     private resize$;
     /** @ignore */
     private _disabled;
     readonly width: i0.InputSignal<string>;
+    readonly disablePanelClass: i0.InputSignal<boolean>;
+    private translateService;
     /**
      * Gets or sets whether the popover is disabled.
      * When disabled, the popover will not open and will close if already open.
@@ -68,8 +75,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set target(v: Element | ElementRef | MXBaseComponent);
     /** @ignore */
-    private _defaultPlacements;
-    /** @ignore */
     private _placements;
     /** @ignore */
     private _placement;
@@ -124,11 +129,19 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Delay in milliseconds before the popover opens after a trigger event.
      */
-    openAfter: number;
+    private _openAfter;
+    get openAfter(): number;
+    set openAfter(value: number);
     /**
      * Delay in milliseconds before the popover closes after a trigger event.
      */
-    closeAfter: number;
+    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.
      */
@@ -164,6 +177,16 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @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.
+     * @ignore
+     */
+    private isClickInsideChildOverlay;
+    /** @ignore */
     private handleOverlayDisposed;
     /**
      * Toggles the component's open state.
@@ -192,11 +215,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      * @returns {boolean}
      */
     get isOpen(): boolean;
-    /**
-     * Determines if the actionsheet style should be applied.
-     * @returns {boolean}
-     */
-    get isActionsheetStyle(): boolean;
     /** @ignore */
     private updateOffset;
     /**
@@ -215,11 +233,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private initializeResizeObserver;
     /** @ignore */
     private disconnectResizeObserver;
-    protected ngOnInit(): void;
     /** @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; }; "disablePanelClass": { "alias": "disablePanelClass"; "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/{popup/index.d.ts → types/acorex-components-popup.d.ts}

@@ -1,9 +1,9 @@
-import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
 import * as i0 from '@angular/core';
 import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i2 from '@acorex/cdk/common';
 import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
+import { Subject } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@acorex/components/decorators';
 import * as i4 from '@acorex/core/translation';
@@ -16,7 +16,9 @@ interface AXPopupConfig {
     header?: boolean;
     maximizable?: boolean;
     size?: AXPopupSizeType;
+    /** @deprecated Use `inputs` instead to pass data to the popup component. */
     data?: unknown;
+    inputs?: unknown;
     draggable?: boolean;
     hasBackdrop?: boolean;
     backdropClass?: string;
@@ -43,6 +45,8 @@ interface AXPopupRef<TResult = any> {
     /** Brings this popup to the front of all other overlays */
     bringToFront: () => void;
     onClose: Subject<TResult>;
+    /** The component instance rendered inside the popup (available after content is rendered) */
+    componentInstance?: unknown;
 }
 declare abstract class AXPopupComponentBase {
     __popup__: i0.InputSignal<AXPopupRef<any>>;
@@ -53,43 +57,6 @@ declare abstract class AXPopupComponentBase {
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXPopupComponentBase, never, never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXPopupStateService {
-    private popupList;
-    private overlayService;
-    /**
-     * Opens a popup with the specified content and configuration.
-     * @param content - Component or template to display
-     * @param config - Configuration options for the popup
-     * @returns Promise<AXPopupRef> - Reference to the opened popup
-     */
-    open<TResult = any>(content: AXPopupContentType, config: AXPopupConfig): Promise<AXPopupRef<TResult>>;
-    /**
-     * Closes a popup by its ID.
-     * @param id - The popup ID to close
-     * @param data - Optional data to pass to the close event
-     */
-    close<TResult = any>(id: number, data?: TResult): Promise<void>;
-    /**
-     * Sets input values for a popup by its ID.
-     * @param id - The popup ID
-     * @param values - Object containing input values to set
-     */
-    setInputs(id: number, values: AXComponentInputs): Promise<void>;
-    /**
-     * Sets the title for a popup by its ID.
-     * @param id - The popup ID
-     * @param title - The new title
-     */
-    setTitle(id: number, title: string): Promise<void>;
-    /**
-     * Brings a popup to the front of all other overlays.
-     * @param id - The popup ID to bring to front
-     */
-    bringToFront(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupStateService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupStateService>;
-}
-
 /**
  * The Popup is a component which displays content in a dialog overlay
  *
@@ -97,7 +64,6 @@ declare class AXPopupStateService {
  */
 declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
     private _zone;
-    private _document;
     private loadingService;
     private _platform;
     private componentService;
@@ -179,7 +145,8 @@ declare class AXPopupModule {
  * @category Components
  */
 declare class AXPopupService {
-    private stateService;
+    private popupList;
+    private overlayService;
     /**
      *  Open popup 1
      */
@@ -188,9 +155,39 @@ declare class AXPopupService {
      *  Open popup 2
      */
     open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;
+    /**
+     * Opens a popup with the specified content and configuration.
+     * @param content - Component or template to display
+     * @param config - Configuration options for the popup
+     * @returns Promise<AXPopupRef> - Reference to the opened popup
+     */
+    private openInternal;
+    /**
+     * Closes a popup by its ID.
+     * @param id - The popup ID to close
+     * @param data - Optional data to pass to the close event
+     */
+    close<TResult = any>(id: number, data?: TResult): void;
+    /**
+     * Sets input values for a popup by its ID.
+     * @param id - The popup ID
+     * @param values - Object containing input values to set
+     */
+    setInputs(id: number, values: AXComponentInputs): void;
+    /**
+     * Sets the title for a popup by its ID.
+     * @param id - The popup ID
+     * @param title - The new title
+     */
+    setTitle(id: number, title: string): void;
+    /**
+     * Brings a popup to the front of all other overlays.
+     * @param id - The popup ID to bring to front
+     */
+    bringToFront(id: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }
 
-export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService };
 export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };

package/{radio/index.d.ts → types/acorex-components-radio.d.ts}

@@ -17,7 +17,7 @@ declare class AXRadioComponent extends MXValueComponent<boolean | null> implemen
     ngAfterViewChecked(): void;
     /** @ignore */
     /** @ignore */
-    private _handleClick;
+    _handleClick(e: UIEvent): boolean;
     /** @ignore */
     protected _handleModelChange(value: boolean | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;

package/{rate-picker/index.d.ts → types/acorex-components-rate-picker.d.ts}

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, Renderer2 } from '@angular/core';
-import { MXValueComponent } from '@acorex/cdk/common';
+import { MXValueComponent, AXStyleColorType } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 /**
@@ -19,6 +19,7 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * @default 'fa-star'
      */
     readonly iconName: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<AXStyleColorType>;
     /**
      * @description
      * Maximum value for the rating.
@@ -114,22 +115,11 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
     private onEnd;
     private countDecimals;
     /**
-     * @description
-     * Determines if the component is active (i.e., not readonly or disabled).
-     */
-    get isActive(): boolean;
-    /**
-     * @description
-     * Determines if the component is in readonly mode.
-     */
-    get isReadonly(): boolean;
-    /**
-     * @description
-     * Determines if the component is disabled.
+     * @ignore
      */
-    get isDisabled(): boolean;
+    private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXRatePickerComponent, "ax-rate-picker", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasTransition": { "alias": "hasTransition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXRatePickerModule {