@vallift/ngl 22.0.22 → 22.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vallift/ngl",
-  "version": "22.0.22",
+  "version": "22.0.24",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

package/types/vallift-ngl.d.ts

@@ -2,7 +2,7 @@ import * as _vallift_ngl from '@vallift/ngl';
 import { HttpHeaders, HttpEvent, HttpClient } from '@angular/common/http';
 import { Observable, Subject, Subscription } from 'rxjs';
 import * as _angular_core from '@angular/core';
-import { AfterContentInit, OnDestroy, AfterViewInit, OnInit, ElementRef, Renderer2, EventEmitter, OnChanges, ChangeDetectorRef, Type, QueryList, OutputEmitterRef, OutputRefSubscription, ViewContainerRef, SimpleChanges, WritableSignal, InjectionToken, PipeTransform, AfterViewChecked, Signal, Provider, EnvironmentProviders, NgZone } from '@angular/core';
+import { AfterContentInit, OnDestroy, AfterViewInit, OnInit, ElementRef, Renderer2, EventEmitter, OnChanges, ChangeDetectorRef, Type, AfterContentChecked, QueryList, OutputEmitterRef, OutputRefSubscription, ViewContainerRef, SimpleChanges, WritableSignal, InjectionToken, PipeTransform, AfterViewChecked, Signal, Provider, EnvironmentProviders, NgZone } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, FormControl, NgControl, FormGroupDirective, FormGroup, AbstractControl, ValidatorFn, ValidationErrors, AsyncValidatorFn } from '@angular/forms';
 import { Router } from '@angular/router';
@@ -166,6 +166,7 @@ declare class PaginationState<T> {
     private failedSignal;
     private errorSignal;
     private stateSignal;
+    private readonly listResponse;
     readonly response: _angular_core.Signal<T | null>;
     readonly loading: _angular_core.Signal<boolean>;
     readonly success: _angular_core.Signal<boolean>;
@@ -302,6 +303,8 @@ interface PaginationEvent {
 }
 
 declare class BaseTableComponent<T> implements AfterViewInit {
+    private readonly nglConfig;
+    private readonly listResponse;
     pageSize: _angular_core.InputSignal<number>;
     state: _angular_core.InputSignal<State<any> | undefined>;
     isHorizontallyScrollable: _angular_core.InputSignal<boolean>;
@@ -309,6 +312,8 @@ declare class BaseTableComponent<T> implements AfterViewInit {
     pageChange: _angular_core.OutputEmitterRef<PaginationEvent>;
     ngAfterViewInit(): void;
     onPageChange(event: PaginationEvent): void;
+    getRows(): unknown[];
+    getTotalCount(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseTableComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseTableComponent<any>, "app-base-table", never, { "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "isHorizontallyScrollable": { "alias": "isHorizontallyScrollable"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, ["[head]", "[body]"], true, never>;
 }
@@ -624,8 +629,12 @@ declare class ContextMenuIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuIconComponent, "app-context-menu-icon", never, {}, {}, never, never, true, never>;
 }
 
-declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStateEvent> implements AfterViewInit {
+declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStateEvent> implements AfterViewInit, AfterContentChecked {
     headerComponents: QueryList<any>;
+    toolbarContent?: ElementRef<HTMLElement>;
+    private readonly nglConfig;
+    private readonly listResponse;
+    private readonly hasToolbarContent;
     columnDefs: _angular_core.InputSignal<ColumnDef[]>;
     state: _angular_core.InputSignal<State<any>>;
     pageSize: _angular_core.InputSignal<number>;
@@ -649,7 +658,12 @@ declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStat
     paginationEvent?: PaginationEvent;
     tableSortEvent?: TableSortEvent;
     private searchText;
+    getRows(): unknown[];
+    getTotalCount(): number;
+    showToolbar(): boolean;
+    ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    private refreshToolbarContent;
     protected onValueReady(value: TableStateEvent): void;
     onColumnSettingsClicked(columnsConfigTriggerElement: HTMLDivElement): void;
     onSearchTextChanged($event: string): void;
@@ -748,6 +762,63 @@ declare class TableCustomComponent<T> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCustomComponent<any>, "lib-table-custom-component", never, { "rowData": { "alias": "rowData"; "required": false; }; "data": { "alias": "data"; "required": false; }; "rowPosition": { "alias": "rowPosition"; "required": false; }; "isLastRow": { "alias": "isLastRow"; "required": false; }; }, { "actionPerformed": "actionPerformed"; }, never, never, true, never>;
 }
 
+declare class SignalDataTableComponent<T> extends BaseControlValueAccessorV3<TableStateEvent> implements AfterViewInit, AfterContentChecked {
+    headerComponents: QueryList<any>;
+    toolbarContent?: ElementRef<HTMLElement>;
+    private readonly nglConfig;
+    private readonly listResponse;
+    private readonly hasToolbarContent;
+    columnDefs: _angular_core.InputSignal<ColumnDef[]>;
+    state: _angular_core.InputSignal<State<any>>;
+    pageSize: _angular_core.InputSignal<number>;
+    enableHorizontallyScrollable: _angular_core.InputSignal<boolean>;
+    enableResizableColumns: _angular_core.InputSignal<boolean>;
+    enableClickableRows: _angular_core.InputSignal<boolean>;
+    expandableComponent: _angular_core.InputSignal<any>;
+    enableColumnsConfig: _angular_core.InputSignal<boolean>;
+    filterComponent: _angular_core.InputSignal<any>;
+    enableSearch: _angular_core.InputSignal<boolean>;
+    disableInitialLoad: _angular_core.InputSignal<boolean>;
+    pageChange: OutputEmitterRef<PaginationEvent>;
+    sortChanged: OutputEmitterRef<TableSortEvent>;
+    tableStateChanged: OutputEmitterRef<TableStateEvent>;
+    onActionPerformed: OutputEmitterRef<TableActionEvent>;
+    filterChanged: OutputEmitterRef<any>;
+    onRowClicked: OutputEmitterRef<any>;
+    subscriptions: OutputRefSubscription[];
+    overlay: Overlay;
+    portal: CdkPortal;
+    paginationEvent?: PaginationEvent;
+    tableSortEvent?: TableSortEvent;
+    private searchText;
+    getRows(): unknown[];
+    getTotalCount(): number;
+    showToolbar(): boolean;
+    ngAfterContentChecked(): void;
+    ngAfterViewInit(): void;
+    private refreshToolbarContent;
+    protected onValueReady(value: TableStateEvent): void;
+    onColumnSettingsClicked(columnsConfigTriggerElement: HTMLDivElement): void;
+    onSearchTextChanged($event: string): void;
+    onColumnVisibleOrHide($event: boolean, column: ColumnDef): void;
+    onSelectAllColumnClicked(): void;
+    getPropertyValue(item: any, column: ColumnDef): any;
+    onPageChange(event: PaginationEvent): void;
+    onSortChanged(event: TableSortEvent): void;
+    getThTrClass(column: ColumnDef): "text-left" | "text-center" | "text-right";
+    getFlexJustify(column: ColumnDef): "justify-start" | "justify-center" | "justify-end";
+    getBadgeProperty(item: any, column: ColumnDef): BadgeConfigProperty | null;
+    getContextMenuActions(actions: ContextMenuActionConfig[]): ContextMenuButtonAction[];
+    _onActionClicked($event: string, item: any, mouseEvent: MouseEvent | null): void;
+    expandedRowIndex: _angular_core.WritableSignal<number | null>;
+    onRowExpandedClicked(i: number): void;
+    _onRowClicked(item: any): void;
+    onCellActionPerformed($event: TableActionEvent): void;
+    onRowActionPerformed($event: TableActionEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SignalDataTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SignalDataTableComponent<any>, "app-signal-data-table", never, { "columnDefs": { "alias": "columnDefs"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "enableHorizontallyScrollable": { "alias": "enableHorizontallyScrollable"; "required": false; "isSignal": true; }; "enableResizableColumns": { "alias": "enableResizableColumns"; "required": false; "isSignal": true; }; "enableClickableRows": { "alias": "enableClickableRows"; "required": false; "isSignal": true; }; "expandableComponent": { "alias": "expandableComponent"; "required": false; "isSignal": true; }; "enableColumnsConfig": { "alias": "enableColumnsConfig"; "required": false; "isSignal": true; }; "filterComponent": { "alias": "filterComponent"; "required": false; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "disableInitialLoad": { "alias": "disableInitialLoad"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "sortChanged": "sortChanged"; "tableStateChanged": "tableStateChanged"; "onActionPerformed": "onActionPerformed"; "filterChanged": "filterChanged"; "onRowClicked": "onRowClicked"; }, ["headerComponents"], ["*", "[body]"], true, never>;
+}
+
 declare class DynamicRendererComponent<T> implements OnChanges, OnDestroy {
     component: Type<any>;
     rowData: T;
@@ -3321,6 +3392,14 @@ interface NglButtonConfig {
     size: SignalButtonSize;
 }
 declare const DEFAULT_NGL_BUTTON_CONFIG: NglButtonConfig;
+interface NglListResponseConfig {
+    data: string;
+    totalCount: string | string[];
+    pageNumber?: string;
+    pageSize?: string;
+    totalPages?: string;
+}
+declare const DEFAULT_NGL_LIST_RESPONSE: NglListResponseConfig;
 interface NglConfig {
     baseApiUrl: string;
     enableUnsavedChangesWarning: boolean;
@@ -3328,6 +3407,7 @@ interface NglConfig {
     input?: Partial<NglInputConfig>;
     button?: Partial<NglButtonConfig>;
     formErrors?: Partial<SignalFormErrorMap>;
+    listResponse?: Partial<NglListResponseConfig>;
 }
 declare const NGL_CONFIG: InjectionToken<NglConfig>;
 
@@ -3409,5 +3489,5 @@ declare class InfiniteScrollModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<InfiniteScrollModule>;
 }
 
-export { AlertDialogComponent, AppErrorComponent, AppSvgIconComponent, BaseApiService, BaseControlValueAccessor, BaseControlValueAccessorV2, BaseControlValueAccessorV3, BaseInputComponent, BaseOverlayComponent, BaseSignalInput, BaseTableComponent, BreadcrumbComponent, ButtonComponent, CheckboxComponent, ClickOutsideDirective, CloseButtonComponent, ColorConverterService, ColorFormats, ColorPickerComponent, ColorPickerDirective, ContextMenuButtonComponent, ContextMenuIconComponent, DEFAULT_NGL_BUTTON_CONFIG, DEFAULT_NGL_INPUT_CONFIG, DEFAULT_PHONE_COUNTRIES, DataTableComponent, DateInputComponent, DatePickerComponent, DatePickerOverlayComponent, DateRangePickerComponent, DateUtils, DropdownComponent, DynamicRendererComponent, EnvBannerComponent, FORM_ERRORS, FileUploaderComponent, FormValidationUtils, HumanizeFormMessagesPipe, InfiniteScrollDirective, InfiniteScrollModule, InputDateFormat, InvalidControlScrollContainerDirective, InvalidControlScrollDirective, InvalidTokenError, ListviewComponent, LoaderComponent, LoaderService, MultiSelectDropdownAppearance, MultiSelectDropdownComponent, MultiSelectionFieldComponent, NGL_CONFIG, NetworkImageComponent, NglService, NoDataComponent, NoDataTableComponent, NumberInputComponent, OpenFloatingMenuDirective, OverlayContextMenuComponent, OverlayService, OverlayWizardUtils, PaginationComponent, PaginationState, PhoneNumberInputComponent, RadioButtonComponent, RequestState, ResizableColumnDirective, ResponsiveHelperComponent, SIGNAL_FORM_ERRORS, SharedConstants, ShimmerComponent, SignalButton, SignalCheckbox, SignalDateField, SignalDatePicker, SignalDateRangeField, SignalDateRangePicker, SignalDropdown, SignalError, SignalFormDirective, SignalFormValidators, SignalMultiSelectDropdown, SignalNumberField, SignalOtpField, SignalPhoneNumberField, SignalRadio, SignalRadioGroup, SignalRangeSlider, SignalRating, SignalSlider, SignalSwitch, SignalTextField, SignalTextarea, SignalTimeField, SignalTimePicker, SingleItemPickerInputComponent, SingleSelectionFieldComponent, SortableTableDirective, SpinnerComponent, State, StatusBadgeComponent, SvgUrlIconComponent, SwitchComponent, TableCustomComponent, TableResizableColumnsDirective, TemplateResolverArrayUtil, TemplateResolverFormat, TextAreaInputComponent, TextInputComponent, ThemeService, TimePickerComponent, ToastComponent, ToastService, ToasterComponent, TooltipDirective, UnsavedAwareDirective, arrayToCSV, arrayToSeparator, arrayToSpaceSeparator, deepEqual, defaultErrors, defaultSignalFormErrors, getDynamicTypeStructure, getSignalButtonClasses, getSignalButtonIconClasses, getSignalButtonSpinnerBorderClass, getSignalFieldErrorMessage, getSignalValidationErrorMessage, isDynamicType, isValid, jsonEqual, jwtDecode, mmddyyyyDateValidatorAsync, onlyFutureDateValidator, onlyPastDateValidator, openLink, phoneNumbers, phoneNumbersAll, printInvalidFields, provideNglConfig, resolveTemplateWithObject, toSentenceCase, validateSignalForm };
-export type { ActionConfig, BadgeConfig, BadgeConfigProperty, BaseStateImpl, Breadcrumb, ColumnDef, ContainerRef, ContextMenuActionConfig, ContextMenuButtonAction, CustomRendererConfig, DateConfig, DateRangeEvent, IInfiniteScrollEvent, IPositionElements, IPositionStats, IResolver, IconAction, JwtDecodeOptions, JwtHeader, JwtPayload, NglButtonConfig, NglConfig, NglInputConfig, OverlayWizard, PaginationEvent, PagingEvent, PhoneNumber, Schema, SignalButtonAppearance, SignalButtonSize, SignalCheckboxSize, SignalDateFieldMobilePresentation, SignalDateFieldScrollBehavior, SignalDateFormat, SignalDatePickerUiMode, SignalDateRange, SignalDateRangeFieldMobilePresentation, SignalDateRangeFieldScrollBehavior, SignalDropdownMobilePresentation, SignalDropdownScrollBehavior, SignalFormErrorMap, SignalFormErrorResolver, SignalFormValidatorsApi, SignalMultiSelectSelectionDisplay, SignalOtpMaskMode, SignalPhoneCountry, SignalRadioGroupOrientation, SignalRadioOption, SignalRadioSize, SignalSliderRange, SignalSwitchSize, SignalTimeFieldMobilePresentation, SignalTimeFieldScrollBehavior, SignalTimeFormat, SignalTimeValue, SignalValidatorAsyncConfig, SignalValidatorConfig, TableActionEvent, TableSortEvent, TableStateEvent, TextConfig, ThemeMode, TimePickerValue, TimePickerValueEvent, Weekday$1 as Weekday };
+export { AlertDialogComponent, AppErrorComponent, AppSvgIconComponent, BaseApiService, BaseControlValueAccessor, BaseControlValueAccessorV2, BaseControlValueAccessorV3, BaseInputComponent, BaseOverlayComponent, BaseSignalInput, BaseTableComponent, BreadcrumbComponent, ButtonComponent, CheckboxComponent, ClickOutsideDirective, CloseButtonComponent, ColorConverterService, ColorFormats, ColorPickerComponent, ColorPickerDirective, ContextMenuButtonComponent, ContextMenuIconComponent, DEFAULT_NGL_BUTTON_CONFIG, DEFAULT_NGL_INPUT_CONFIG, DEFAULT_NGL_LIST_RESPONSE, DEFAULT_PHONE_COUNTRIES, DataTableComponent, DateInputComponent, DatePickerComponent, DatePickerOverlayComponent, DateRangePickerComponent, DateUtils, DropdownComponent, DynamicRendererComponent, EnvBannerComponent, FORM_ERRORS, FileUploaderComponent, FormValidationUtils, HumanizeFormMessagesPipe, InfiniteScrollDirective, InfiniteScrollModule, InputDateFormat, InvalidControlScrollContainerDirective, InvalidControlScrollDirective, InvalidTokenError, ListviewComponent, LoaderComponent, LoaderService, MultiSelectDropdownAppearance, MultiSelectDropdownComponent, MultiSelectionFieldComponent, NGL_CONFIG, NetworkImageComponent, NglService, NoDataComponent, NoDataTableComponent, NumberInputComponent, OpenFloatingMenuDirective, OverlayContextMenuComponent, OverlayService, OverlayWizardUtils, PaginationComponent, PaginationState, PhoneNumberInputComponent, RadioButtonComponent, RequestState, ResizableColumnDirective, ResponsiveHelperComponent, SIGNAL_FORM_ERRORS, SharedConstants, ShimmerComponent, SignalButton, SignalCheckbox, SignalDataTableComponent, SignalDateField, SignalDatePicker, SignalDateRangeField, SignalDateRangePicker, SignalDropdown, SignalError, SignalFormDirective, SignalFormValidators, SignalMultiSelectDropdown, SignalNumberField, SignalOtpField, SignalPhoneNumberField, SignalRadio, SignalRadioGroup, SignalRangeSlider, SignalRating, SignalSlider, SignalSwitch, SignalTextField, SignalTextarea, SignalTimeField, SignalTimePicker, SingleItemPickerInputComponent, SingleSelectionFieldComponent, SortableTableDirective, SpinnerComponent, State, StatusBadgeComponent, SvgUrlIconComponent, SwitchComponent, TableCustomComponent, TableResizableColumnsDirective, TemplateResolverArrayUtil, TemplateResolverFormat, TextAreaInputComponent, TextInputComponent, ThemeService, TimePickerComponent, ToastComponent, ToastService, ToasterComponent, TooltipDirective, UnsavedAwareDirective, arrayToCSV, arrayToSeparator, arrayToSpaceSeparator, deepEqual, defaultErrors, defaultSignalFormErrors, getDynamicTypeStructure, getSignalButtonClasses, getSignalButtonIconClasses, getSignalButtonSpinnerBorderClass, getSignalFieldErrorMessage, getSignalValidationErrorMessage, isDynamicType, isValid, jsonEqual, jwtDecode, mmddyyyyDateValidatorAsync, onlyFutureDateValidator, onlyPastDateValidator, openLink, phoneNumbers, phoneNumbersAll, printInvalidFields, provideNglConfig, resolveTemplateWithObject, toSentenceCase, validateSignalForm };
+export type { ActionConfig, BadgeConfig, BadgeConfigProperty, BaseStateImpl, Breadcrumb, ColumnDef, ContainerRef, ContextMenuActionConfig, ContextMenuButtonAction, CustomRendererConfig, DateConfig, DateRangeEvent, IInfiniteScrollEvent, IPositionElements, IPositionStats, IResolver, IconAction, JwtDecodeOptions, JwtHeader, JwtPayload, NglButtonConfig, NglConfig, NglInputConfig, NglListResponseConfig, OverlayWizard, PaginationEvent, PagingEvent, PhoneNumber, Schema, SignalButtonAppearance, SignalButtonSize, SignalCheckboxSize, SignalDateFieldMobilePresentation, SignalDateFieldScrollBehavior, SignalDateFormat, SignalDatePickerUiMode, SignalDateRange, SignalDateRangeFieldMobilePresentation, SignalDateRangeFieldScrollBehavior, SignalDropdownMobilePresentation, SignalDropdownScrollBehavior, SignalFormErrorMap, SignalFormErrorResolver, SignalFormValidatorsApi, SignalMultiSelectSelectionDisplay, SignalOtpMaskMode, SignalPhoneCountry, SignalRadioGroupOrientation, SignalRadioOption, SignalRadioSize, SignalSliderRange, SignalSwitchSize, SignalTimeFieldMobilePresentation, SignalTimeFieldScrollBehavior, SignalTimeFormat, SignalTimeValue, SignalValidatorAsyncConfig, SignalValidatorConfig, TableActionEvent, TableSortEvent, TableStateEvent, TextConfig, ThemeMode, TimePickerValue, TimePickerValueEvent, Weekday$1 as Weekday };