osl-base-extended 6.9.0 → 7.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osl-base-extended",
-  "version": "6.9.0",
+  "version": "7.0.0",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0"
@@ -25,4 +25,4 @@
   "module": "fesm2022/osl-base-extended.mjs",
   "typings": "types/osl-base-extended.d.ts",
   "type": "module"
-}
+}

package/types/osl-base-extended.d.ts

@@ -5,6 +5,8 @@ import { MatDialogRef } from '@angular/material/dialog';
 import { HttpHeaders, HttpClient } from '@angular/common/http';
 import * as i24 from '@angular/forms';
 import { FormControl } from '@angular/forms';
+import * as i34 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i35 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i37 from '@angular/cdk/overlay';
@@ -17,7 +19,6 @@ import * as i29 from '@angular/material/button';
 import * as rxjs from 'rxjs';
 import * as i32 from '@angular/material/datepicker';
 import * as i33 from '@angular/material/menu';
-import * as i34 from '@angular/cdk/scrolling';
 import * as i36 from '@angular/material/tooltip';
 import * as i38 from '@angular/cdk/portal';
 import * as i39 from '@ngxmc/datetime-picker';
@@ -722,7 +723,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     customFooterWrapperTpl: TemplateRef<any>;
     searchbar?: OslSearchbar;
     gridRef: OslGrid | undefined;
-    cardContainerRef?: ElementRef<HTMLDivElement>;
+    cardViewport?: CdkVirtualScrollViewport;
     title: string | undefined;
     columns: OslGridColumn[];
     datasource: any[];
@@ -751,6 +752,8 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     cardPageSize?: number;
     /** Optional custom card template. Context: { $implicit: row, index: number } */
     cardTemplate?: TemplateRef<any>;
+    /** Height (px) of each card row used by the virtual scroll engine. Default: 70. */
+    cardHeightForVirtualscroll: number;
     onSearch: EventEmitter<string>;
     onAdd: EventEmitter<void>;
     onEdit: EventEmitter<any>;
@@ -782,6 +785,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     get cardTitleColumn(): OslGridColumn | undefined;
     get cardBodyColumns(): OslGridColumn[];
     get skeletonCardRows(): number[];
+    trackByCard: (_: number, row: any) => any;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -791,7 +795,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     private _startCardLoad;
     private _loadCardPageLocally;
     loadMoreCards(): void;
-    onCardScroll(event: Event): void;
+    onVirtualScrollIndexChange(firstIndex: number): void;
     isHighlightedCard(row: any): boolean;
     toggleCardMenu(index: number, event: Event): void;
     getCellValue(row: any, col: OslGridColumn): string;
@@ -808,7 +812,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     saveDialog(): Promise<void>;
     private _openDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslSetup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslSetup, "osl-setup", never, { "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dialogWidth": { "alias": "dialogWidth"; "required": false; }; "formElements": { "alias": "formElements"; "required": false; }; "beforeDisplay": { "alias": "beforeDisplay"; "required": false; }; "onAddEditFn": { "alias": "onAddEditFn"; "required": false; }; "isLister": { "alias": "isLister"; "required": false; }; "canAdd": { "alias": "canAdd"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "moreMenuActions": { "alias": "moreMenuActions"; "required": false; }; "customFormFooter": { "alias": "customFormFooter"; "required": false; }; "customHeaderTemp": { "alias": "customHeaderTemp"; "required": false; }; "partialCustomHeaderTemp": { "alias": "partialCustomHeaderTemp"; "required": false; }; "stateKey": { "alias": "stateKey"; "required": false; }; "primaryKey": { "alias": "primaryKey"; "required": false; }; "onSave": { "alias": "onSave"; "required": false; }; "cardPageSize": { "alias": "cardPageSize"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; }, { "onSearch": "onSearch"; "onAdd": "onAdd"; "onEdit": "onEdit"; "onDelete": "onDelete"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "onRowClick": "onRowClick"; "onStateRestored": "onStateRestored"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslSetup, "osl-setup", never, { "title": { "alias": "title"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "isPaginated": { "alias": "isPaginated"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "autoMode": { "alias": "autoMode"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dialogWidth": { "alias": "dialogWidth"; "required": false; }; "formElements": { "alias": "formElements"; "required": false; }; "beforeDisplay": { "alias": "beforeDisplay"; "required": false; }; "onAddEditFn": { "alias": "onAddEditFn"; "required": false; }; "isLister": { "alias": "isLister"; "required": false; }; "canAdd": { "alias": "canAdd"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "moreMenuActions": { "alias": "moreMenuActions"; "required": false; }; "customFormFooter": { "alias": "customFormFooter"; "required": false; }; "customHeaderTemp": { "alias": "customHeaderTemp"; "required": false; }; "partialCustomHeaderTemp": { "alias": "partialCustomHeaderTemp"; "required": false; }; "stateKey": { "alias": "stateKey"; "required": false; }; "primaryKey": { "alias": "primaryKey"; "required": false; }; "onSave": { "alias": "onSave"; "required": false; }; "cardPageSize": { "alias": "cardPageSize"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "cardHeightForVirtualscroll": { "alias": "cardHeightForVirtualscroll"; "required": false; }; }, { "onSearch": "onSearch"; "onAdd": "onAdd"; "onEdit": "onEdit"; "onDelete": "onDelete"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "onRowClick": "onRowClick"; "onStateRestored": "onStateRestored"; }, never, never, false, never>;
 }
 
 interface OslFormGridColumn {