@haloduck/ui 2.0.27 → 2.0.29

package/index.d.ts

@@ -558,11 +558,11 @@ interface TableColumn {
 interface TableRow extends TableRowProperty {
     [key: string]: any;
 }
-declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class TableComponent implements OnInit, AfterViewInit {
     private readonly coreService;
-    private readonly ngZone;
-    private readonly destroyRef;
+    loadMoreRowRef?: ElementRef;
     tableLayout: 'fixed' | 'auto';
+    autoLoad: boolean;
     showHeader: boolean;
     useLoadMore: boolean;
     columns: TableColumn[];
@@ -579,12 +579,6 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     onLoadMore: EventEmitter<any>;
     onRowClick: EventEmitter<TableRow>;
     onRowDblClick: EventEmitter<TableRow>;
-    private loadMoreRow?;
-    private dataRows?;
-    private scrollContainer?;
-    private intersectionObserver?;
-    private scrollListenerTarget?;
-    private didScrollSinceLastLoad;
     getColumnValue(row: TableRow, column: TableColumn): Observable<string>;
     getColumnValueRaw(row: TableRow, column: TableColumn): any;
     getColumnValueRawWithArrayKey(row: TableRow, column: TableColumn): any;
@@ -595,19 +589,14 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     onUpdateSort(field: string | string[], direction: SearchParams.SortDirection): void;
     getSortDirection(field: string | string[]): Observable<string | undefined>;
     onLoadMoreClicked(): void;
+    onAutoLoadTriggered(): void;
     onRowClicked(row: TableRow): void;
     onRowDblClicked(row: TableRow): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private setupIntersectionObserver;
-    private cleanupIntersectionObserver;
-    private hasObservedOnce;
-    private onIntersection;
-    private onScroll;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "haloduck-table", never, { "tableLayout": { "alias": "tableLayout"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "useLoadMore": { "alias": "useLoadMore"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isPaging": { "alias": "isPaging"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "customTemplates": { "alias": "customTemplates"; "required": false; }; "lastEvaluatedKey": { "alias": "lastEvaluatedKey"; "required": false; }; }, { "onSortChange": "onSortChange"; "onLoadMore": "onLoadMore"; "onRowClick": "onRowClick"; "onRowDblClick": "onRowDblClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "haloduck-table", never, { "tableLayout": { "alias": "tableLayout"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "useLoadMore": { "alias": "useLoadMore"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isPaging": { "alias": "isPaging"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "customTemplates": { "alias": "customTemplates"; "required": false; }; "lastEvaluatedKey": { "alias": "lastEvaluatedKey"; "required": false; }; }, { "onSortChange": "onSortChange"; "onLoadMore": "onLoadMore"; "onRowClick": "onRowClick"; "onRowDblClick": "onRowDblClick"; }, never, never, true, never>;
 }
 
 declare class ToggleComponent implements ControlValueAccessor, AfterViewInit {
@@ -724,6 +713,28 @@ declare class GroupedDirective implements OnInit {
     static ɵdir: i0.ɵɵDirectiveDeclaration<GroupedDirective, "[haloduckGrouped]", never, { "haloduckGrouped": { "alias": "haloduckGrouped"; "required": false; }; "layoutClasses": { "alias": "layoutClasses"; "required": false; }; "bgClasses": { "alias": "bgClasses"; "required": false; }; "borderClasses": { "alias": "borderClasses"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "labelOffset": { "alias": "labelOffset"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class AutoLoadDirective implements OnInit, OnDestroy {
+    private readonly elementRef;
+    private readonly ngZone;
+    private observer?;
+    private isLoading;
+    private hasLoadedOnce;
+    autoLoadEnabled: boolean;
+    autoLoadThreshold: number;
+    autoLoadRootMargin: string;
+    autoLoadTrigger: EventEmitter<void>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initializeObserver;
+    private triggerLoad;
+    private temporarilyDisableObserver;
+    private disconnect;
+    setLoadingState(loading: boolean): void;
+    resetAutoLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoLoadDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoLoadDirective, "[haloduckAutoLoad]", never, { "autoLoadEnabled": { "alias": "autoLoadEnabled"; "required": false; }; "autoLoadThreshold": { "alias": "autoLoadThreshold"; "required": false; }; "autoLoadRootMargin": { "alias": "autoLoadRootMargin"; "required": false; }; }, { "autoLoadTrigger": "autoLoadTrigger"; }, never, never, true, never>;
+}
+
 declare class BreadcrumbComponent implements OnInit {
     private readonly breadcrumbService;
     listBreadcrumb: {
@@ -795,5 +806,5 @@ declare const provideHaloduckTransloco: () => {
     multi: boolean;
 }[];
 
-export { AuthenticateComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, ConfirmDialogService, CopyButtonComponent, DatePickerComponent, DateRangeComponent, DialogService, DrawCanvasComponent, ERROR_NOT_ACCEPTABLE_FILE_TYPE, ERROR_OVER_COUNT, ERROR_OVER_SIZE, ERROR_UPLOAD, FileUploaderComponent, FlipComponent, GroupedDirective, ImageUploaderComponent, ImageViewerComponent, InputComponent, LanguageSelectorComponent, MapToAddressComponent, NotificationComponent, NotificationService, PictureNameComponent, SelectComponent, SelectDropdownComponent, SideMenuComponent, SideMenuItemComponent, StlViewerComponent, TableComponent, TabsComponent, TagInputComponent, TagViewerComponent, ToggleComponent, dateToString, google, provideHaloduckTransloco };
+export { AuthenticateComponent, AutoLoadDirective, BreadcrumbComponent, ButtonComponent, CalendarComponent, ConfirmDialogService, CopyButtonComponent, DatePickerComponent, DateRangeComponent, DialogService, DrawCanvasComponent, ERROR_NOT_ACCEPTABLE_FILE_TYPE, ERROR_OVER_COUNT, ERROR_OVER_SIZE, ERROR_UPLOAD, FileUploaderComponent, FlipComponent, GroupedDirective, ImageUploaderComponent, ImageViewerComponent, InputComponent, LanguageSelectorComponent, MapToAddressComponent, NotificationComponent, NotificationService, PictureNameComponent, SelectComponent, SelectDropdownComponent, SideMenuComponent, SideMenuItemComponent, StlViewerComponent, TableComponent, TabsComponent, TagInputComponent, TagViewerComponent, ToggleComponent, dateToString, google, provideHaloduckTransloco };
 export type { ButtonVariant, CalendarDate, DateRange, DateRangeDropdown, FileEx, GroupedConfig, Location, Notification, NotificationType, Option, TabItem, TableColumn, TableRow };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haloduck/ui",
-  "version": "2.0.27",
+  "version": "2.0.29",
   "description": "HaloDuck UI Library - Angular",
   "keywords": [
     "angular",