@vallift/ngl 22.0.27 → 22.0.29

package/package.json

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

package/types/vallift-ngl.d.ts

@@ -280,6 +280,19 @@ declare enum TemplateResolverArrayUtil {
     COUNT = "COUNT"
 }
 
+type ShimmerTableCellWidth = 'full' | 'four-fifths' | 'three-fifths' | 'two-thirds';
+type ShimmerTableCellVariant = 'text' | 'actions';
+declare class ShimmerComponent {
+    type: _angular_core.InputSignal<"grid" | "list" | "single-line" | "multiline" | "table-cell">;
+    count: _angular_core.InputSignal<number>;
+    variant: _angular_core.InputSignal<ShimmerTableCellVariant>;
+    widthClass: _angular_core.InputSignal<ShimmerTableCellWidth>;
+    loop: _angular_core.Signal<number[]>;
+    tableCellWidthModifier: _angular_core.Signal<"ngl-shimmer-bar--actions" | "ngl-shimmer-bar--width-four-fifths" | "ngl-shimmer-bar--width-three-fifths" | "ngl-shimmer-bar--width-two-thirds" | "ngl-shimmer-bar--width-full">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShimmerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShimmerComponent, "app-shimmer", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "widthClass": { "alias": "widthClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class PaginationComponent {
     totalItems: _angular_core.InputSignal<number>;
     pageSizeOptions: _angular_core.InputSignal<number[]>;
@@ -311,13 +324,18 @@ declare class BaseTableComponent<T> implements AfterViewInit {
     state: _angular_core.InputSignal<State<any> | undefined>;
     isHorizontallyScrollable: _angular_core.InputSignal<boolean>;
     itemsPerPage: _angular_core.InputSignal<number>;
+    skeletonRowCount: _angular_core.InputSignal<number>;
+    skeletonColumnCount: _angular_core.InputSignal<number>;
+    readonly skeletonRows: _angular_core.Signal<number[]>;
+    readonly skeletonColumns: _angular_core.Signal<number[]>;
     pageChange: _angular_core.OutputEmitterRef<PaginationEvent>;
     ngAfterViewInit(): void;
     onPageChange(event: PaginationEvent): void;
     getRows(): unknown[];
     getTotalCount(): number;
+    skeletonWidthForColumn(index: number): ShimmerTableCellWidth;
     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>;
+    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; }; "skeletonRowCount": { "alias": "skeletonRowCount"; "required": false; "isSignal": true; }; "skeletonColumnCount": { "alias": "skeletonColumnCount"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, ["[head]", "[body]"], true, never>;
 }
 interface PagingEvent {
     pageNumber: number;
@@ -607,7 +625,7 @@ declare class ContextMenuButtonComponent implements OnDestroy {
     overlay: Overlay;
     dialog: Dialog;
     actions: _angular_core.InputSignal<ContextMenuButtonAction[] | undefined>;
-    positionPreference: _angular_core.InputSignal<"topLeft" | "topRight" | "topCenter" | "bottomLeft" | "bottomRight" | "bottomCenter" | "leftTop" | "leftCenter" | "leftBottom" | "rightTop" | "rightCenter" | "rightBottom" | "center">;
+    positionPreference: _angular_core.InputSignal<"center" | "topLeft" | "topRight" | "topCenter" | "bottomLeft" | "bottomRight" | "bottomCenter" | "leftTop" | "leftCenter" | "leftBottom" | "rightTop" | "rightCenter" | "rightBottom">;
     onActionClicked: _angular_core.OutputEmitterRef<string>;
     private basePanelClass;
     private dialogRef?;
@@ -653,6 +671,8 @@ declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStat
     filterComponent: _angular_core.InputSignal<any>;
     enableSearch: _angular_core.InputSignal<boolean>;
     disableInitialLoad: _angular_core.InputSignal<boolean>;
+    skeletonRowCount: _angular_core.InputSignal<number>;
+    readonly skeletonRows: _angular_core.Signal<number[]>;
     pageChange: OutputEmitterRef<PaginationEvent>;
     sortChanged: OutputEmitterRef<TableSortEvent>;
     tableStateChanged: OutputEmitterRef<TableStateEvent>;
@@ -680,6 +700,7 @@ declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStat
     onPageChange(event: PaginationEvent): void;
     onSortChanged(event: TableSortEvent): void;
     getThTrClass(column: ColumnDef): "text-left" | "text-center" | "text-right";
+    skeletonWidthForColumn(index: number): ShimmerTableCellWidth;
     getFlexJustify(column: ColumnDef): "justify-start" | "justify-center" | "justify-end";
     getBadgeProperty(item: any, column: ColumnDef): BadgeConfigProperty | null;
     getContextMenuActions(actions: ContextMenuActionConfig[]): ContextMenuButtonAction[];
@@ -690,7 +711,7 @@ declare class DataTableComponent<T> extends BaseControlValueAccessorV3<TableStat
     onCellActionPerformed($event: TableActionEvent): void;
     onRowActionPerformed($event: TableActionEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "app-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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "app-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; }; "skeletonRowCount": { "alias": "skeletonRowCount"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "sortChanged": "sortChanged"; "tableStateChanged": "tableStateChanged"; "onActionPerformed": "onActionPerformed"; "filterChanged": "filterChanged"; "onRowClicked": "onRowClicked"; }, ["headerComponents"], ["*", "[body]"], true, never>;
 }
 interface ColumnDef {
     title: string;
@@ -786,6 +807,8 @@ declare class SignalDataTableComponent<T> extends BaseControlValueAccessorV3<Tab
     filterComponent: _angular_core.InputSignal<any>;
     enableSearch: _angular_core.InputSignal<boolean>;
     disableInitialLoad: _angular_core.InputSignal<boolean>;
+    skeletonRowCount: _angular_core.InputSignal<number>;
+    readonly skeletonRows: _angular_core.Signal<number[]>;
     pageChange: OutputEmitterRef<PaginationEvent>;
     sortChanged: OutputEmitterRef<TableSortEvent>;
     tableStateChanged: OutputEmitterRef<TableStateEvent>;
@@ -813,6 +836,7 @@ declare class SignalDataTableComponent<T> extends BaseControlValueAccessorV3<Tab
     onPageChange(event: PaginationEvent): void;
     onSortChanged(event: TableSortEvent): void;
     getThTrClass(column: ColumnDef): "text-left" | "text-center" | "text-right";
+    skeletonWidthForColumn(index: number): ShimmerTableCellWidth;
     getFlexJustify(column: ColumnDef): "justify-start" | "justify-center" | "justify-end";
     getBadgeProperty(item: any, column: ColumnDef): BadgeConfigProperty | null;
     getContextMenuActions(actions: ContextMenuActionConfig[]): ContextMenuButtonAction[];
@@ -823,7 +847,7 @@ declare class SignalDataTableComponent<T> extends BaseControlValueAccessorV3<Tab
     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>;
+    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; }; "skeletonRowCount": { "alias": "skeletonRowCount"; "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 {
@@ -967,14 +991,6 @@ declare class ResponsiveHelperComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResponsiveHelperComponent, "app-responsive-helper", never, {}, {}, never, never, true, never>;
 }
 
-declare class ShimmerComponent {
-    type: _angular_core.InputSignal<"grid" | "list" | "single-line" | "multiline">;
-    count: _angular_core.InputSignal<number>;
-    loop: _angular_core.Signal<number[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShimmerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShimmerComponent, "app-shimmer", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class SpinnerComponent {
     borderColor: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
@@ -1773,7 +1789,7 @@ declare class SwitchComponent extends BaseControlValueAccessor implements OnInit
 }
 
 declare class TextAreaInputComponent extends BaseControlValueAccessor implements AfterContentInit {
-    appearance: _angular_core.InputSignal<"outline" | "fill">;
+    appearance: _angular_core.InputSignal<"fill" | "outline">;
     type: _angular_core.InputSignal<"number" | "text" | "email" | "search" | "password" | "tel" | "url">;
     viewType: _angular_core.InputSignal<"text" | "text-area">;
     label: _angular_core.InputSignal<string>;
@@ -1795,7 +1811,7 @@ declare class TextAreaInputComponent extends BaseControlValueAccessor implements
 }
 
 declare class TextInputComponent extends BaseControlValueAccessor implements AfterContentInit, AfterViewInit, OnDestroy {
-    appearance: _angular_core.InputSignal<"outline" | "fill">;
+    appearance: _angular_core.InputSignal<"fill" | "outline">;
     type: _angular_core.InputSignal<"number" | "text" | "email" | "search" | "time" | "password" | "tel" | "url">;
     viewType: _angular_core.InputSignal<"text" | "text-area">;
     size: _angular_core.InputSignal<"small" | "medium" | "large">;
@@ -3523,4 +3539,4 @@ declare class 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_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, SignalColorField, 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 };
+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, ShimmerTableCellVariant, ShimmerTableCellWidth, 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 };