@acorex/components 22.4.31 → 22.4.32

package/types/acorex-components-notification.d.ts

@@ -1,7 +1,9 @@
+import * as _acorex_cdk_common from '@acorex/cdk/common';
 import { AXStyleColorType, AXStyleLookType, AXLocation, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Type, ElementRef, OnInit, InjectionToken } from '@angular/core';
+import * as _acorex_components_notification from '@acorex/components/notification';
 
 type AXNotificationContentType = string | TemplateRef<unknown> | Type<unknown>;
 interface AXNotificationButtonItem {
@@ -15,16 +17,29 @@ interface AXNotificationButtonItem {
         handled?: boolean;
     }) => void;
 }
+interface AXNotificationStep {
+    title?: string;
+    content?: AXNotificationContentType;
+    icon?: string;
+    color?: AXStyleColorType;
+    buttons?: AXNotificationButtonItem[];
+}
 interface AXNotificationOptions {
     buttons?: AXNotificationButtonItem[];
     icon?: string;
     title?: string;
     content?: AXNotificationContentType;
+    steps?: AXNotificationStep[];
+    stepIndex?: number;
     location: AXLocation;
     closeButton?: boolean;
     color: AXStyleColorType;
     timeOut?: number;
     timeOutProgress?: boolean;
+    /**
+     * Auto-close delay (ms) after the last multi-step step is reached. Default `1000`. `null` disables.
+     */
+    stepCompleteTimeOut?: number | null;
     pauseOnHover?: boolean;
     /**
      * Element used to resolve inherited visual context for overlays rendered
@@ -40,15 +55,24 @@ interface AXNotificationData {
     icon?: string;
     title?: string;
     content?: AXNotificationContentType;
+    steps?: AXNotificationStep[];
+    stepIndex?: number;
     location: AXLocation;
     closeButton: boolean;
     color: AXStyleColorType;
     timeOut?: number;
     timeOutProgress: boolean;
+    stepCompleteTimeOut?: number | null;
     pauseOnHover?: boolean;
 }
 interface AXNotificationRef {
     close(): void;
+    update?(patch: Partial<AXNotificationOptions>): void;
+    nextStep?(): boolean;
+    previousStep?(): boolean;
+    goToStep?(index: number): boolean;
+    getStepIndex?(): number;
+    getStepCount?(): number;
 }
 /**
  * @internal
@@ -68,6 +92,8 @@ interface AXNotificationInternalRef {
  * @category Components
  */
 declare class AXNotificationComponent extends MXBaseComponent implements OnInit {
+    #private;
+    private static readonly defaultStepCompleteDelayMs;
     /** Notification configuration data */
     config: _angular_core.InputSignal<AXNotificationData>;
     /** @internal Callback function to close the notification */
@@ -79,17 +105,54 @@ declare class AXNotificationComponent extends MXBaseComponent implements OnInit
     private isPaused;
     protected remainingTime: _angular_core.WritableSignal<number>;
     protected transitionDuration: _angular_core.WritableSignal<number>;
+    private readonly runtimePatch;
+    protected readonly currentStepIndex: _angular_core.WritableSignal<number>;
+    private readonly multiStepCompleteCountdown;
+    private stepCompleteTimerId;
+    protected readonly mergedConfig: _angular_core.Signal<{
+        buttons?: AXNotificationButtonItem[];
+        icon?: string;
+        title?: string;
+        content?: _acorex_components_notification.AXNotificationContentType;
+        steps?: _acorex_components_notification.AXNotificationStep[];
+        stepIndex?: number;
+        location: _acorex_cdk_common.AXLocation;
+        closeButton: boolean;
+        color: _acorex_cdk_common.AXStyleColorType;
+        timeOut?: number;
+        timeOutProgress: boolean;
+        stepCompleteTimeOut?: number | null;
+        pauseOnHover?: boolean;
+    }>;
+    protected readonly steps: _angular_core.Signal<_acorex_components_notification.AXNotificationStep[]>;
+    protected readonly isMultiStep: _angular_core.Signal<boolean>;
+    protected readonly effectiveConfig: _angular_core.Signal<AXNotificationData>;
+    protected readonly stepIndicator: _angular_core.Signal<string>;
+    protected readonly showProgressBar: _angular_core.Signal<boolean>;
+    protected readonly progressWidthPercent: _angular_core.Signal<number>;
+    protected readonly progressTransitionDuration: _angular_core.Signal<number>;
     /** Template content if config.content is a TemplateRef */
     protected templateContent: _angular_core.Signal<TemplateRef<unknown>>;
     /** Component content if config.content is a component Type */
     protected componentContent: _angular_core.Signal<Type<unknown>>;
     /** String content if config.content is a string */
     protected stringContent: _angular_core.Signal<string>;
+    protected get hostMultiStepClass(): boolean;
     ngOnInit(): void;
     private pauseAnimation;
     private _handleTimeOut;
-    /** @ignore */
-    private _initIcon;
+    private restartTimeOut;
+    private resolveStepCompleteDelay;
+    private clearStepCompleteClose;
+    private scheduleStepCompleteClose;
+    private onReachedFinalMultiStep;
+    private _syncIcon;
+    patchConfig(patch: Partial<AXNotificationOptions>): void;
+    nextStep(): boolean;
+    previousStep(): boolean;
+    goToStep(index: number): boolean;
+    getStepIndex(): number;
+    getStepCount(): number;
     /** @ignore */
     protected _handleButtonClick(button: AXNotificationButtonItem): void;
     /**
@@ -151,4 +214,4 @@ declare class AXNotificationService {
 }
 
 export { AXNotificationComponent, AXNotificationDefaultConfig, AXNotificationModule, AXNotificationService, AX_NOTIFICATION_CONFIG, notificationConfig };
-export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationInternalRef, AXNotificationOptions, AXNotificationRef, PartialNotificationConfig };
+export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationInternalRef, AXNotificationOptions, AXNotificationRef, AXNotificationStep, PartialNotificationConfig };

package/types/acorex-components-otp.d.ts

@@ -3,6 +3,8 @@ import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 
 type AXOtpMode = 'number' | 'dot' | 'star';
+/** Allowed character set per OTP cell. */
+type AXOtpInputType = 'number' | 'text' | 'letter';
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
     isCompleted: boolean;
@@ -18,7 +20,11 @@ declare const AXOtpComponent_base: polytype.Polytype.ClusteredConstructor<[{
  * A component for OTP input fields with state management and custom styling support.
  */
 declare class AXOtpComponent extends AXOtpComponent_base {
-    type: _angular_core.InputSignal<"number" | "text">;
+    private destroyRef;
+    /**
+     * Character set allowed in each cell: digits (`number`), English letters only (`letter`), or any character (`text`).
+     */
+    type: _angular_core.InputSignal<AXOtpInputType>;
     /**
      * Controls how entered digits are displayed in each input.
      * - `number`: shows the actual digit
@@ -30,6 +36,22 @@ declare class AXOtpComponent extends AXOtpComponent_base {
      * Holds the length of the OTP input field.
      */
     length: _angular_core.ModelSignal<number>;
+    /**
+     * Character displayed between digit groups (for example `-`). Omit or set empty to hide separators.
+     */
+    separator: _angular_core.InputSignal<string>;
+    /**
+     * Zero-based input indices after which `separator` is shown.
+     */
+    separatorAfter: _angular_core.InputSignal<number[]>;
+    /**
+     * Equal-sized digit groups (for example `2` on a 6-digit code → `12-34-56`). Used when `separatorAfter` is not set.
+     */
+    separatorGroupSize: _angular_core.InputSignal<number>;
+    /**
+     * Variable group sizes that sum to `length` (for example `[2, 2, 2]` or `[3, 3]`). Used when `separatorAfter` is not set.
+     */
+    separatorGroups: _angular_core.InputSignal<number[]>;
     /**
      * @event
      * Emits an event when the OTP input is completed.
@@ -44,6 +66,8 @@ declare class AXOtpComponent extends AXOtpComponent_base {
      */
     protected inputs: _angular_core.Signal<number[]>;
     /** @ignore */
+    protected separatorIndices: _angular_core.Signal<Set<number>>;
+    /** @ignore */
     constructor();
     /**
      * Converts the value string to input values and updates the inputValues array.
@@ -54,7 +78,13 @@ declare class AXOtpComponent extends AXOtpComponent_base {
      */
     reset(): void;
     /** @ignore */
-    protected _handleOnInput(event: any, i: number): void;
+    protected nativeInputType(): 'number' | 'text';
+    /** @ignore */
+    protected inputMode(): string | null;
+    /** @ignore */
+    protected _handleOnInput(event: Event, i: number): void;
+    private sanitizeCellCharacter;
+    private extractPasteCharacters;
     /** @ignore */
     internalSetValue(value: any): string;
     /** @ignore */
@@ -64,9 +94,13 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected hasValue(i: number): boolean;
     /** @ignore */
+    protected shouldShowSeparatorAfter(index: number): boolean;
+    private indicesFromEqualGroupSize;
+    private indicesFromGroupSizes;
+    /** @ignore */
     protected _maskCharacter(): string;
     /** @ignore */
-    protected calcFontSize(): void;
+    protected syncCellMetrics(): void;
     /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
     /** @ignore */
@@ -76,7 +110,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "separatorAfter": { "alias": "separatorAfter"; "required": false; "isSignal": true; }; "separatorGroupSize": { "alias": "separatorGroupSize"; "required": false; "isSignal": true; }; "separatorGroups": { "alias": "separatorGroups"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXOtpModule {
@@ -86,4 +120,4 @@ declare class AXOtpModule {
 }
 
 export { AXOtpCompletedEvent, AXOtpComponent, AXOtpModule };
-export type { AXOtpMode };
+export type { AXOtpInputType, AXOtpMode };

package/types/acorex-components-paint.d.ts

@@ -108,6 +108,21 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected isUserInteract: _angular_core.WritableSignal<boolean>;
     /** @ignore */
+    protected pointerInsideCanvas: _angular_core.WritableSignal<boolean>;
+    /** @ignore */
+    protected pointerPosition: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    /** @ignore */
+    protected brushCursorVisible: _angular_core.Signal<boolean>;
+    /** @ignore */
+    protected brushDiameter: _angular_core.Signal<number>;
+    /** @ignore */
+    protected brushFillColor: _angular_core.Signal<string>;
+    /** @ignore */
+    protected brushBorderColor: _angular_core.Signal<"rgba(var(--ax-sys-color-border-default), 0.9)" | "rgba(var(--ax-sys-color-border-default), 0.4)">;
+    /** @ignore */
     ngOnDestroy(): void;
     /** @ignore */
     protected resizeEventHandler(): void;
@@ -116,11 +131,22 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected getBoundingCanvasHandler(): any;
     /** @ignore */
-    protected mouseDownHandler(e: MouseEvent): void;
+    protected pointerEnterHandler(e: PointerEvent): void;
+    /** @ignore */
+    protected pointerLeaveHandler(): void;
+    /** @ignore */
+    protected canvasPointerPosition(e: PointerEvent): {
+        x: number;
+        y: number;
+    };
+    /** @ignore */
+    protected updatePointerPosition(e: PointerEvent): void;
+    /** @ignore */
+    protected pointerDownHandler(e: PointerEvent): void;
     /** @ignore */
-    protected mouseMoveHandler(e: MouseEvent): void;
+    protected pointerMoveHandler(e: PointerEvent): void;
     /** @ignore */
-    protected mouseUpHandler(): void;
+    protected pointerUpHandler(e: PointerEvent): void;
     /**
      * Loads an image onto the canvas (e.g. for editing an existing signature).
      *

package/types/acorex-components-phone-box.d.ts

@@ -51,6 +51,9 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      */
     excluded: _angular_core.InputSignal<string[]>;
     private selectBox;
+    /** Visible phone field (`ax-editor-container`) — country list matches its width and position. */
+    protected get phoneFieldAnchor(): HTMLElement | undefined;
+    protected get phoneDropdownWidth(): string | null;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;
     /** @ignore */

package/types/acorex-components-picker.d.ts

@@ -14,6 +14,7 @@ declare class AXPickerContainerComponent {
 
 declare class AXPickerItemsComponent extends MXValueComponent {
     #private;
+    private readonly destroyRef;
     protected swiperRef: _angular_core.Signal<AXCarouselDirective>;
     readonly items: _angular_core.InputSignal<any[]>;
     readonly valueField: _angular_core.InputSignal<string>;
@@ -23,13 +24,42 @@ declare class AXPickerItemsComponent extends MXValueComponent {
     private selectedItemIndex;
     readonly minValue: _angular_core.InputSignal<number>;
     readonly maxValue: _angular_core.InputSignal<number>;
+    /**
+     * iOS-style stepped opacity from center (1, 0.8, 0.6 … min 0.2). Wheel scale/tilt is always on.
+     */
+    readonly fade: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private static readonly fadeMinOpacity;
+    private static readonly fadeStep;
+    private static readonly selectedFontRem;
+    private static readonly baseFontRem;
+    private static readonly minFontRem;
+    private static readonly wheelScaleFalloff;
+    private static readonly wheelMinScale;
+    private static readonly wheelRotateFactor;
+    private static readonly mouseWheelDeltaThreshold;
+    private static readonly mouseWheelStepCooldownMs;
     protected option: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
+    private wheelHandlersBound;
+    private mouseWheelStepBound;
+    private mouseWheelDeltaAccumulator;
+    private lastMouseWheelStepAt;
+    private bindWheelHandlers;
+    private bindMouseWheelStep;
+    private updateSlideWheelVisuals;
+    private opacityForRowDistance;
+    private getSlideWheelMetrics;
     protected clickHandler(v: any): any;
     internalSetValue(v: any): any;
     /** @ignore */
-    private get __hostClass();
+    protected readonly hostWheelClass = true;
+    /** @ignore */
+    protected get hostDisabledClass(): boolean;
+    /** @ignore */
+    protected get hostReadonlyClass(): boolean;
+    /** @ignore */
+    protected get hostFadeClass(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerItemsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
 }
 
 declare class AXPickerTitleComponent {
@@ -37,10 +67,19 @@ declare class AXPickerTitleComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerTitleComponent, "ax-picker-title", never, {}, {}, never, ["*"], true, never>;
 }
 
+declare class AXPickerWrapperComponent {
+    readonly customClass: _angular_core.InputSignal<string>;
+    /** When false, selection band is vertically centered on the full wrapper (no title row). */
+    readonly reserveTitleSpace: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected get hostClass(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerWrapperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerWrapperComponent, "ax-picker-wrapper", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "reserveTitleSpace": { "alias": "reserveTitleSpace"; "required": false; "isSignal": true; }; }, {}, never, ["ax-picker-container"], true, never>;
+}
+
 declare class AXPickerModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPickerModule, never, [typeof i1.CommonModule, typeof i2.AXCarouselDirective, typeof AXPickerContainerComponent, typeof AXPickerItemsComponent, typeof AXPickerTitleComponent], [typeof AXPickerContainerComponent, typeof AXPickerItemsComponent, typeof AXPickerTitleComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPickerModule, never, [typeof i1.CommonModule, typeof i2.AXCarouselDirective, typeof AXPickerContainerComponent, typeof AXPickerItemsComponent, typeof AXPickerTitleComponent, typeof AXPickerWrapperComponent], [typeof AXPickerContainerComponent, typeof AXPickerItemsComponent, typeof AXPickerTitleComponent, typeof AXPickerWrapperComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPickerModule>;
 }
 
-export { AXPickerContainerComponent, AXPickerItemsComponent, AXPickerModule, AXPickerTitleComponent };
+export { AXPickerContainerComponent, AXPickerItemsComponent, AXPickerModule, AXPickerTitleComponent, AXPickerWrapperComponent };

package/types/acorex-components-select-box.d.ts

@@ -123,6 +123,10 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
      * @defaultValue null
      */
     dropdownWidth: _angular_core.InputSignal<string>;
+    /**
+     * Optional anchor for popover placement and width (defaults to the select-box host).
+     */
+    dropdownAnchor: _angular_core.InputSignal<HTMLElement>;
     /** @ignore */
     panel: ElementRef<HTMLDivElement>;
     /** @ignore */
@@ -172,6 +176,8 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     private _getMaxVisibleItems;
     /** Standard popover list height: `maxVisibleItems` rows (default 5). */
     private _getStandardListHeightPx;
+    private parseDropdownWidthPx;
+    private resolveDropdownWidthPx;
     /** @ignore */
     private setDropdownSize;
     /**
@@ -199,7 +205,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     refresh(): void;
     hostClickListener(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "dropdownAnchor": { "alias": "dropdownAnchor"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
 /**