@acorex/components 20.1.20 → 20.1.22

package/json-viewer/index.d.ts

@@ -5,15 +5,15 @@ import * as i3 from '@angular/common';
 
 declare class JsonViewerComponent {
     #private;
-    json: i0.InputSignal<any>;
-    convertedData: i0.WritableSignal<any>;
+    readonly json: i0.InputSignal<object>;
+    protected convertedData: i0.WritableSignal<any>;
     protected convertNestedToArray(obj: any): any;
     protected isArray(arry: any): arry is any[];
     protected isNumber(i: any): i is number;
     protected isDate(value: any): value is Date;
     protected isBoolean(value: any): value is boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<JsonViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "ax-json-viewer", never, { "json": { "alias": "json"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "ax-json-viewer", never, { "json": { "alias": "json"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXJsonViewerModule {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.1.20",
+  "version": "20.1.22",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -90,14 +90,14 @@
       "types": "./circular-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
     },
-    "./color-box": {
-      "types": "./color-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-color-box.mjs"
-    },
     "./collapse": {
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./color-box": {
+      "types": "./color-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-color-box.mjs"
+    },
     "./color-palette": {
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"

package/picker/index.d.ts

@@ -6,7 +6,7 @@ import { MXValueComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 declare class AXPickerContainerComponent {
-    customClass: _angular_core.InputSignal<string>;
+    readonly customClass: _angular_core.InputSignal<string>;
     get __hostClass(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerContainerComponent, "ax-picker-container", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["ax-picker-title", "ax-picker-items"], true, never>;
@@ -15,19 +15,21 @@ declare class AXPickerContainerComponent {
 declare class AXPickerItemsComponent extends MXValueComponent {
     #private;
     protected swiperRef: _angular_core.Signal<AXCarouselDirective>;
-    items: _angular_core.InputSignal<any[]>;
-    valueField: _angular_core.InputSignal<string>;
-    textField: _angular_core.InputSignal<string>;
-    selectedItemIndex: _angular_core.WritableSignal<any>;
-    slidesPerGroup: _angular_core.InputSignal<number>;
-    loop: _angular_core.InputSignal<boolean>;
+    readonly items: _angular_core.InputSignal<any[]>;
+    readonly valueField: _angular_core.InputSignal<string>;
+    readonly textField: _angular_core.InputSignal<string>;
+    readonly slidesPerGroup: _angular_core.InputSignal<number>;
+    readonly loop: _angular_core.InputSignal<boolean>;
+    private selectedItemIndex;
+    readonly minValue: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number>;
     protected option: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
     protected clickHandler(v: any): any;
     internalSetValue(v: any): any;
     /** @ignore */
     private get __hostClass();
     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; }; }, { "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; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
 }
 
 declare class AXPickerTitleComponent {

package/radio/index.d.ts

@@ -21,7 +21,7 @@ declare class AXRadioComponent extends MXValueComponent<boolean | null> implemen
     /** @ignore */
     protected _handleModelChange(value: boolean | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
 }
 
 declare class AXRadioModule {

package/select-box/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
+import { OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
 import * as polytype from 'polytype';
 import * as i2 from '@acorex/cdk/common';
 import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
@@ -25,7 +25,7 @@ declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<
  * The Button is a component which detects user interaction and triggers a corresponding event
  * @category
  */
-declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit, OnDestroy {
+declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements OnDestroy {
     /**
      * Determines if an item is truncated.
      *
@@ -45,7 +45,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected searchValue: WritableSignal<string>;
     /** @ignore */
-    protected renderList: boolean;
+    protected renderList: WritableSignal<boolean>;
     /** @ignore */
     protected _dropdownWidth: WritableSignal<string>;
     /** @ignore */
@@ -53,9 +53,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected _listDataSource: AXDataSource<any>;
     /** @ignore */
-    private _dataSource;
+    private _originalDataSource;
     /** @ignore */
     private onChangedSubscription;
+    /** @ignore */
+    private onLoadingChangedSubscription;
     /**
      * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.
      * @returns {AXDataSource<any> | any[]}
@@ -125,8 +127,6 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected ngOnInit(): void;
     /** @ignore */
-    ngAfterViewInit(): void;
-    /** @ignore */
     ngOnDestroy(): void;
     /**
      * Retrieves an item by its key.
@@ -145,6 +145,9 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     /** @ignore */
     private setDropdownSize;
+    private updateDropdownPosition;
+    private updateDropdownSize;
+    internalValueChanged(value: any): void;
     /** @ignore */
     _handleKeydown(e: KeyboardEvent): void;
     /** @ignore */