@acontplus/ng-components 2.1.4 → 2.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "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",

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

@@ -19,7 +19,7 @@ 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';
+import { DatexOptions } 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';
 
@@ -1221,7 +1221,7 @@ declare class DataGrid<T = any> implements AfterViewInit, OnDestroy, OnChanges {
     noResultTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     paginationTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     summaryTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
-    size: _angular_core.InputSignal<"small" | "medium" | "normal">;
+    size: _angular_core.InputSignal<"medium" | "small" | "normal">;
     headerCellTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
     expandable: _angular_core.InputSignal<boolean>;
     expansionTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
@@ -1412,17 +1412,19 @@ declare class KeyboardNavigationService {
 interface DateRangePickerOptions extends DatexOptions {
     presetTheme?: 'default' | 'bootstrap' | 'material' | 'custom';
 }
-interface DateRangeValue {
-    startDate: Date;
-    endDate: Date;
+type DateValue<AsString extends boolean> = AsString extends true ? string : Date;
+interface DateRangeValue<AsString extends boolean> {
+    from: DateValue<AsString>;
+    to: DateValue<AsString>;
+    label?: string;
 }
-declare class DateRangePicker implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, MatFormFieldControl<DateRangeValue | Date> {
+declare class DateRangePicker<AsString extends boolean = true> implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, MatFormFieldControl<any> {
     static nextId: number;
-    dateInput: ElementRef<HTMLInputElement>;
-    readonly stateChanges: Subject<void>;
     readonly id: string;
     readonly controlType = "acp-date-range-picker";
+    readonly stateChanges: Subject<void>;
     readonly autofilled = false;
+    dateInput: ElementRef<HTMLInputElement>;
     private _focused;
     private _required;
     private _value;
@@ -1430,15 +1432,16 @@ declare class DateRangePicker implements OnInit, OnChanges, OnDestroy, ControlVa
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     get required(): boolean;
-    get value(): DateRangeValue | Date | null;
-    set value(val: DateRangeValue | Date | null);
     private readonly _errorState;
-    private currentDate;
     get errorState(): boolean;
-    get userAriaDescribedBy(): string | undefined;
+    get value(): any;
+    set value(val: any);
     get placeholder(): string;
     get disabled(): boolean;
     ngControl: any;
+    setDescribedByIds(_ids: string[]): void;
+    onContainerClick(): void;
+    focus(): void;
     options: _angular_core.InputSignal<DateRangePickerOptions>;
     placeholderText: _angular_core.InputSignal<string>;
     isDisabled: _angular_core.InputSignal<boolean>;
@@ -1447,40 +1450,31 @@ declare class DateRangePicker implements OnInit, OnChanges, OnDestroy, ControlVa
     hint: _angular_core.InputSignal<string | undefined>;
     errorMessage: _angular_core.InputSignal<string | undefined>;
     appearance: _angular_core.InputSignal<"fill" | "outline">;
+    formatOutputAsString: _angular_core.InputSignal<AsString>;
     calendarIcon: _angular_core.InputSignal<string>;
     showCalendarButton: _angular_core.InputSignal<boolean>;
     showCheckbox: _angular_core.InputSignal<boolean>;
-    checkboxChecked: _angular_core.InputSignal<boolean>;
+    checkboxChecked: _angular_core.ModelSignal<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;
-    }>;
+    dateRangeSelected: _angular_core.OutputEmitterRef<DateRangeValue<AsString>>;
     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 currentDate;
     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 mapDate;
     private initializePicker;
-    private updateOptions;
     private reinitializePicker;
     private buildDatexOptions;
-    private getDateAddDay;
     private getDefaultRanges;
     private getTheme;
     private setupEventListeners;
@@ -1491,17 +1485,9 @@ declare class DateRangePicker implements OnInit, OnChanges, OnDestroy, ControlVa
     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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker<any>, "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; }; "formatOutputAsString": { "alias": "formatOutputAsString"; "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; }; }, { "checkboxChecked": "checkboxCheckedChange"; "dateRangeSelected": "dateRangeSelected"; "pickerShow": "pickerShow"; "pickerHide": "pickerHide"; "pickerApply": "pickerApply"; "pickerCancel": "pickerCancel"; "checkboxChange": "checkboxChange"; }, never, never, true, never>;
 }
 
 declare class ToUpperCase implements ControlValueAccessor {