osl-base-extended 7.0.0 → 7.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osl-base-extended",
-  "version": "7.0.0",
+  "version": "7.2.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,11 +5,9 @@ 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 * as i34 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i37 from '@angular/cdk/overlay';
+import * as i36 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i23 from '@angular/common';
 import * as i25 from '@angular/material/form-field';
@@ -19,9 +17,9 @@ 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 i36 from '@angular/material/tooltip';
-import * as i38 from '@angular/cdk/portal';
-import * as i39 from '@ngxmc/datetime-picker';
+import * as i35 from '@angular/material/tooltip';
+import * as i37 from '@angular/cdk/portal';
+import * as i38 from '@ngxmc/datetime-picker';
 import { CanDeactivateFn } from '@angular/router';
 
 declare class OslBaseExtended {
@@ -597,6 +595,7 @@ interface OslSetupState {
 
 type OslDisplayType = 'date' | 'datetime' | 'time' | 'link' | 'customDateFormat' | 'boolean';
 interface OslGridColumn {
+    col?: number;
     key: string;
     label: string;
     enums?: {
@@ -716,6 +715,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     saveLoading: boolean;
     restoredRow: any;
     private _pendingScrollTop;
+    private _pendingCardScrollTop;
     private _isRestoring;
     private _pendingAutoEditId;
     formBodyTpl: TemplateRef<any>;
@@ -723,7 +723,7 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     customFooterWrapperTpl: TemplateRef<any>;
     searchbar?: OslSearchbar;
     gridRef: OslGrid | undefined;
-    cardViewport?: CdkVirtualScrollViewport;
+    cardGridRef?: ElementRef<HTMLDivElement>;
     title: string | undefined;
     columns: OslGridColumn[];
     datasource: any[];
@@ -748,12 +748,12 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     stateKey: string;
     primaryKey: string;
     onSave: ((row?: any) => boolean | undefined) | undefined;
-    /** Fixed page size used for card view infinite scroll. Defaults to pageSize. */
+    /** Fixed page size used for card view pagination. Defaults to pageSize. */
     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;
+    /** Bootstrap col-* class number for each field in the card body. Default: 3 (4 per row). */
+    cardCol: number;
     onSearch: EventEmitter<string>;
     onAdd: EventEmitter<void>;
     onEdit: EventEmitter<any>;
@@ -767,17 +767,13 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     dialogMode: 'add' | 'edit';
     _dialogRef: MatDialogRef<any> | null;
     viewMode: 'table' | 'card';
-    cardDatasource: any[];
-    cardPage: number;
-    allCardsLoaded: boolean;
+    cardCurrentPage: number;
+    cardPageSizeOptions: number[];
     cardOpenMenuIndex: number | null;
     cardMenuPosition: {
         top: number;
         left: number;
     };
-    private _cardExpectedPage;
-    private _cardRestoreTargetPage;
-    private _needsInitialCardLoad;
     onDocumentClick(): void;
     get hasForm(): boolean;
     get _effectiveCardPageSize(): number;
@@ -785,19 +781,22 @@ declare class OslSetup implements OnInit, OnChanges, AfterViewInit {
     get cardTitleColumn(): OslGridColumn | undefined;
     get cardBodyColumns(): OslGridColumn[];
     get skeletonCardRows(): number[];
-    trackByCard: (_: number, row: any) => any;
+    get _cardTotal(): number;
+    get cardTotalPages(): number;
+    get cardPagedData(): any[];
+    get cardPageNumbers(): number[];
+    get cardStartRecord(): number;
+    get cardEndRecord(): number;
+    cardGoToPage(page: number): void;
+    cardOnPageSizeChange(size: number): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private _getViewKey;
     private _loadViewMode;
     toggleView(mode: 'table' | 'card'): void;
-    private _startCardLoad;
-    private _loadCardPageLocally;
-    loadMoreCards(): void;
-    onVirtualScrollIndexChange(firstIndex: number): void;
-    isHighlightedCard(row: any): boolean;
     toggleCardMenu(index: number, event: Event): void;
+    isHighlightedCard(row: any): boolean;
     getCellValue(row: any, col: OslGridColumn): string;
     getCardInitial(row: any): string;
     hasVisibleActions(row: any): boolean;
@@ -812,7 +811,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; }; "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>;
+    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; }; "cardCol": { "alias": "cardCol"; "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 {
@@ -1412,7 +1411,7 @@ declare class OslTooltipDirective implements OnDestroy {
 
 declare class FormStructureModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormStructureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslUserLog, typeof OslMenu, typeof OslMenuTriggerFor, typeof OslDocumentUploader], [typeof i23.NgTemplateOutlet, typeof i23.NgStyle, typeof i23.NgClass, typeof i23.DatePipe, typeof i23.DecimalPipe, typeof i23.UpperCasePipe, typeof i24.FormsModule, typeof i24.ReactiveFormsModule, typeof i25.MatFormFieldModule, typeof i26.MatInputModule, typeof i25.MatHint, typeof i27.MatIconModule, typeof i28.MatDialogModule, typeof i29.MatButtonModule, typeof OslSkeletonModule, typeof OslTooltipDirective, typeof i32.MatDatepickerModule, typeof i33.MatMenuModule, typeof i34.ScrollingModule, typeof i35.DragDropModule, typeof i36.MatTooltipModule, typeof i37.OverlayModule, typeof i38.PortalModule, typeof i39.NgxMatDatetimepicker, typeof i39.NgxMatDatepickerInput], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof OslUserLog, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslMenu, typeof OslMenuTriggerFor, typeof OslDocumentUploader, typeof OslTooltipDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslUserLog, typeof OslMenu, typeof OslMenuTriggerFor, typeof OslDocumentUploader], [typeof i23.NgTemplateOutlet, typeof i23.NgStyle, typeof i23.NgClass, typeof i23.DatePipe, typeof i23.DecimalPipe, typeof i23.UpperCasePipe, typeof i24.FormsModule, typeof i24.ReactiveFormsModule, typeof i25.MatFormFieldModule, typeof i26.MatInputModule, typeof i25.MatHint, typeof i27.MatIconModule, typeof i28.MatDialogModule, typeof i29.MatButtonModule, typeof OslSkeletonModule, typeof OslTooltipDirective, typeof i32.MatDatepickerModule, typeof i33.MatMenuModule, typeof i34.DragDropModule, typeof i35.MatTooltipModule, typeof i36.OverlayModule, typeof i37.PortalModule, typeof i38.NgxMatDatetimepicker, typeof i38.NgxMatDatepickerInput], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof OslUserLog, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm, typeof OslMenu, typeof OslMenuTriggerFor, typeof OslDocumentUploader, typeof OslTooltipDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormStructureModule>;
 }