@acontplus/ng-components 2.1.0 → 2.1.1

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Comprehensive Angular Material UI component library featuring dynamic Tabulator tables, theme toggle with dark mode, dialog wrappers, autocomplete components, cards, buttons, icons, input chips, spinners, directives, pipes, and SCSS styling utilities.",
   "peerDependencies": {
     "@acontplus/ui-kit": "^1.0.2",
-    "@angular/cdk": "^21.0.5",
-    "@angular/common": "^21.0.6",
-    "@angular/core": "^21.0.6",
-    "@angular/material": "^21.0.5",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/material": "^21.0.0",
     "tabulator-tables": "^6.3.1"
   },
   "sideEffects": true,

package/types/acontplus-ng-components.d.ts

@@ -9,7 +9,7 @@ import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { Tabulator } from 'tabulator-tables';
 import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { MatTable, MatRowDef, MatHeaderRowDef, MatFooterRowDef, MatTableDataSource } from '@angular/material/table';
 import { PageEvent, MatPaginator } from '@angular/material/paginator';
 import { SortDirection, MatSort, Sort } from '@angular/material/sort';
@@ -18,6 +18,9 @@ import { MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
 import { MatButtonAppearance } from '@angular/material/button';
 import { ThemePalette } from '@angular/material/core';
 import { TooltipPosition, TooltipTouchGestures } from '@angular/material/tooltip';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { DatexOptions, DatexTheme } from 'datex-ui';
+export { BOOTSTRAP_THEME, DEFAULT_THEME, Datex, DatexCallback, DatexLocale, DatexOptions, DatexTheme, MATERIAL_THEME, SPANISH_LOCALE, SPANISH_LOCALE_WITH_TIME } from 'datex-ui';
 import { ComponentType } from '@angular/cdk/portal';
 
 /**
@@ -1324,6 +1327,98 @@ declare class DataGrid<T = any> implements AfterViewInit, OnDestroy, OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid<any>, "acp-data-grid", ["dataGrid"], { "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; "isSignal": true; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; "isSignal": true; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; "isSignal": true; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; "isSignal": true; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headerCellTemplate": { "alias": "headerCellTemplate"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; "isSignal": true; }; "closeOthersOnExpand": { "alias": "closeOthersOnExpand"; "required": false; "isSignal": true; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; "isSignal": true; }; "showPaginator": { "alias": "showPaginator"; "required": false; "isSignal": true; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; "isSignal": true; }; "infiniteScrollThreshold": { "alias": "infiniteScrollThreshold"; "required": false; "isSignal": true; }; "infiniteScrollDisabled": { "alias": "infiniteScrollDisabled"; "required": false; "isSignal": true; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; "isSignal": true; }; "highlightedRowIndex": { "alias": "highlightedRowIndex"; "required": false; "isSignal": true; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; "isSignal": true; }; "sortActive": { "alias": "sortActive"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; "isSignal": true; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; "isSignal": true; }; "sortStart": { "alias": "sortStart"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "rowStriped": { "alias": "rowStriped"; "required": false; "isSignal": true; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; "isSignal": true; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; "isSignal": true; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; "isSignal": true; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; "isSignal": true; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; "isSignal": true; }; "rowSelected": { "alias": "rowSelected"; "required": false; "isSignal": true; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; "isSignal": true; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; "isSignal": true; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; "isSignal": true; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; "isSignal": true; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; "isSignal": true; }; "showSummary": { "alias": "showSummary"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowSelectedChange": "rowSelectedChange"; "selectionChange": "selectionChange"; "cellClick": "cellClick"; "cellSelectedChange": "cellSelectedChange"; "expansionChange": "expansionChange"; "rowContextMenu": "rowContextMenu"; "infiniteScrollLoad": "infiniteScrollLoad"; "focusedRowChange": "focusedRowChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, true, never>;
 }
 
+interface DateRangePickerOptions extends DatexOptions {
+    presetTheme?: 'default' | 'bootstrap' | 'material' | 'custom';
+}
+interface DateRangeValue {
+    startDate: Date;
+    endDate: Date;
+}
+declare class DateRangePicker implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, MatFormFieldControl<DateRangeValue | Date> {
+    static nextId: number;
+    dateInput: ElementRef<HTMLInputElement>;
+    readonly stateChanges: Subject<void>;
+    readonly id: string;
+    readonly controlType = "acp-date-range-picker";
+    readonly autofilled = false;
+    private _focused;
+    private _required;
+    private _value;
+    get focused(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get required(): boolean;
+    get value(): DateRangeValue | Date | null;
+    set value(val: DateRangeValue | Date | null);
+    private readonly _errorState;
+    get errorState(): boolean;
+    get userAriaDescribedBy(): string | undefined;
+    get placeholder(): string;
+    get disabled(): boolean;
+    ngControl: any;
+    options: _angular_core.InputSignal<DateRangePickerOptions>;
+    placeholderText: _angular_core.InputSignal<string>;
+    isDisabled: _angular_core.InputSignal<boolean>;
+    inputReadonly: _angular_core.InputSignal<boolean>;
+    label: _angular_core.InputSignal<string | undefined>;
+    hint: _angular_core.InputSignal<string | undefined>;
+    errorMessage: _angular_core.InputSignal<string | undefined>;
+    appearance: _angular_core.InputSignal<"fill" | "outline">;
+    calendarIcon: _angular_core.InputSignal<string>;
+    showCalendarButton: _angular_core.InputSignal<boolean>;
+    showCheckbox: _angular_core.InputSignal<boolean>;
+    checkboxChecked: _angular_core.InputSignal<boolean>;
+    checkboxReadonly: _angular_core.InputSignal<boolean>;
+    checkboxAriaLabel: _angular_core.InputSignal<string>;
+    checkboxPosition: _angular_core.InputSignal<"prefix" | "suffix">;
+    dateRangeSelected: _angular_core.OutputEmitterRef<{
+        startDate: Date;
+        endDate: Date;
+        label?: string;
+    }>;
+    pickerShow: _angular_core.OutputEmitterRef<void>;
+    pickerHide: _angular_core.OutputEmitterRef<void>;
+    pickerApply: _angular_core.OutputEmitterRef<void>;
+    pickerCancel: _angular_core.OutputEmitterRef<void>;
+    checkboxChange: _angular_core.OutputEmitterRef<boolean>;
+    private picker?;
+    private isInitialized;
+    private onChange;
+    private onTouched;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setDescribedByIds(_ids: string[]): void;
+    onContainerClick(_event: MouseEvent): void;
+    focus(): void;
+    blur(): void;
+    private initializePicker;
+    private updateOptions;
+    private reinitializePicker;
+    private buildDatexOptions;
+    private getTheme;
+    private setupEventListeners;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    getStartDate(): Date | null;
+    getEndDate(): Date | null;
+    setStartDate(date: Date): void;
+    setEndDate(date: Date): void;
+    updateTheme(theme: DatexTheme): void;
+    updateRanges(ranges: Record<string, [Date, Date]>): void;
+    updateConfiguration(): void;
+    forceReinitialize(): void;
+    onCheckboxToggle(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "acp-date-range-picker", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "inputReadonly": { "alias": "inputReadonly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "calendarIcon": { "alias": "calendarIcon"; "required": false; "isSignal": true; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "checkboxChecked": { "alias": "checkboxChecked"; "required": false; "isSignal": true; }; "checkboxReadonly": { "alias": "checkboxReadonly"; "required": false; "isSignal": true; }; "checkboxAriaLabel": { "alias": "checkboxAriaLabel"; "required": false; "isSignal": true; }; "checkboxPosition": { "alias": "checkboxPosition"; "required": false; "isSignal": true; }; }, { "dateRangeSelected": "dateRangeSelected"; "pickerShow": "pickerShow"; "pickerHide": "pickerHide"; "pickerApply": "pickerApply"; "pickerCancel": "pickerCancel"; "checkboxChange": "checkboxChange"; }, never, never, true, never>;
+}
+
 declare class ToUpperCase implements ControlValueAccessor {
     private el;
     private renderer;
@@ -1367,5 +1462,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DialogWrapper, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, createAutocompleteWrapperConfig };
-export type { AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DialogSize, DialogWrapperConfig, IconRegistryConfig, MatCustomDialogConfig, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };
+export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DateRangePicker, DialogWrapper, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, createAutocompleteWrapperConfig };
+export type { AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DateRangePickerOptions, DateRangeValue, DialogSize, DialogWrapperConfig, IconRegistryConfig, MatCustomDialogConfig, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };