@acorex/components 20.9.1 → 20.9.2

package/list/index.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnInit, WritableSignal, TemplateRef, EventEmitter } from '@angular/core';
 import { MXSelectionValueComponent, AXDataSource, AXEvent, AXListDataSource } from '@acorex/cdk/common';
 
@@ -17,13 +17,13 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      *
      * @defaultValue true
      */
-    isItemTruncated: i0.InputSignal<boolean>;
+    isItemTruncated: _angular_core.InputSignal<boolean>;
     /**
      * Determines if a tooltip is shown for an item.
      *
      * @defaultValue false
      */
-    showItemTooltip: i0.InputSignal<boolean>;
+    showItemTooltip: _angular_core.InputSignal<boolean>;
     /** @ignore */
     private _dataSource;
     /** @ignore */
@@ -43,6 +43,16 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      *  @ignore
      */
     itemHeightSignal: WritableSignal<number | 'auto'>;
+    /**
+     * Fixed pixel size for CDK virtual scroll. Falls back to 40 when `itemHeight` is `'auto'`.
+     * @ignore
+     */
+    protected cdkItemSize: _angular_core.Signal<number>;
+    /**
+     * CSS value applied to `--ax-comp-list-item-height` so rendered rows match the virtual slot.
+     * @ignore
+     */
+    protected itemHeightCss: _angular_core.Signal<string>;
     /**
      * Sets the height of each item in the list.
      */
@@ -172,15 +182,15 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      * Determines whether to show the empty template based on the presence of items and loading state.
      * @ignore
      */
-    showEmptyTemplate: i0.Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
+    showEmptyTemplate: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 declare class AXListModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXListModule, never, [typeof AXListComponent], [typeof AXListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXListModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXListModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXListModule, never, [typeof AXListComponent], [typeof AXListComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXListModule>;
 }
 
 export { AXListComponent, AXListModule };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.9.1",
+  "version": "20.9.2",
   "peerDependencies": {
-    "@acorex/core": "20.9.1",
-    "@acorex/cdk": "20.9.1",
+    "@acorex/core": "20.9.2",
+    "@acorex/cdk": "20.9.2",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "imask": ">=7.6.1",
@@ -109,14 +109,14 @@
       "types": "./calendar/index.d.ts",
       "default": "./fesm2022/acorex-components-calendar.mjs"
     },
-    "./check-box": {
-      "types": "./check-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-check-box.mjs"
-    },
     "./chips": {
       "types": "./chips/index.d.ts",
       "default": "./fesm2022/acorex-components-chips.mjs"
     },
+    "./check-box": {
+      "types": "./check-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-check-box.mjs"
+    },
     "./circular-progress": {
       "types": "./circular-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
@@ -417,14 +417,14 @@
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/acorex-components-slider.mjs"
     },
-    "./sliding-item": {
-      "types": "./sliding-item/index.d.ts",
-      "default": "./fesm2022/acorex-components-sliding-item.mjs"
-    },
     "./step-wizard": {
       "types": "./step-wizard/index.d.ts",
       "default": "./fesm2022/acorex-components-step-wizard.mjs"
     },
+    "./sliding-item": {
+      "types": "./sliding-item/index.d.ts",
+      "default": "./fesm2022/acorex-components-sliding-item.mjs"
+    },
     "./switch": {
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/acorex-components-switch.mjs"

package/select-box/index.d.ts

@@ -160,6 +160,12 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     private resetSearchAfterSelection;
     /** @ignore */
     private setDropdownSize;
+    /**
+     * Shrinks list height to the visible overlay area so virtual scroll ends on fully
+     * visible rows instead of inside an overflow:hidden clipped region.
+     * @ignore
+     */
+    private _fitListHeightToAvailableSpace;
     private updateDropdownPosition;
     private updateDropdownSize;
     private _fitDropdownToContent;