ngx-kit 8.3.4 → 8.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-kit",
-  "version": "8.3.4",
+  "version": "8.3.5",
   "description": "Angular input components",
   "author": "Mohammadreza Samani <mr.samani1368@gmail.com>",
   "license": "MIT",

package/types/ngx-kit-date-picker.d.ts

@@ -1,17 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, InjectionToken, Type, EventEmitter, ElementRef, OnInit, Provider, ViewContainerRef, Renderer2 } from '@angular/core';
+import { Type, TemplateRef, InjectionToken, ElementRef, OnInit, EventEmitter, Provider, ViewContainerRef, Renderer2 } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import * as ngx_kit_date_picker from 'ngx-kit/date-picker';
 import { OverlayService } from 'ngx-kit/core';
 
-declare class NgxDatePickerConfig {
-    previousButtonTemplate?: TemplateRef<any>;
-    nextButtonTemplate?: TemplateRef<any>;
-    caretDownIconTemplate?: TemplateRef<any>;
-    todayButton: boolean;
-    clearButton: boolean;
-}
-
 declare type DatePickerView = 'year' | 'month' | 'day';
 declare type CalendarView = 'month' | 'week' | 'day' | 'event';
 
@@ -28,17 +20,6 @@ interface CalendarDate {
     date?: Date;
 }
 
-declare const DATE_ADAPTERS: InjectionToken<DateAdapterRegistration[]>;
-interface DateAdapterRegistration {
-    locale: string;
-    useClass: Type<IDateAdapter>;
-}
-declare const DEFAULT_DATE_ADAPTERS: readonly DateAdapterRegistration[];
-declare function getLocals(): string[];
-type DateFormatPreset = 'full' | 'long' | 'medium' | 'short';
-type DateFormat = string;
-type FormatType = DateFormatPreset | DateFormat;
-
 interface IDateAdapter {
     get longMonths(): string[];
     get narrowDays(): string[];
@@ -89,6 +70,41 @@ interface IDateAdapter {
     getLastOf(date: Date | null, t: DatePickerView): Date | null;
 }
 
+declare const DEFAULT_DATE_ADAPTERS: DateAdapterRegistration[];
+interface DateAdapterRegistration {
+    locale: string;
+    useClass: Type<IDateAdapter>;
+}
+declare function getLocals(): string[];
+type DateFormatPreset = 'full' | 'long' | 'medium' | 'short';
+type DateFormat = string;
+type FormatType = DateFormatPreset | DateFormat;
+
+declare class NgxCalendarLocalization {
+    clear: string;
+    today: string;
+    /** Range picker labels. */
+    rangeStart: string;
+    rangeEnd: string;
+    day: string;
+    month: string;
+    week: string;
+    year: string;
+    event: string;
+}
+declare class NgxDateConfig {
+    localization?: NgxCalendarLocalization;
+    previousButtonTemplate?: TemplateRef<any>;
+    nextButtonTemplate?: TemplateRef<any>;
+    caretDownIconTemplate?: TemplateRef<any>;
+    todayButton?: boolean;
+    clearButton?: boolean;
+    locale?: string;
+    adapters?: DateAdapterRegistration[];
+}
+declare const DEFAULT_DATE_CONFIG: NgxDateConfig;
+declare const NGX_DATE_CONFIG: InjectionToken<NgxDateConfig>;
+
 declare class DateAdapterRegistry {
     adapters: DateAdapterRegistration[];
     resolve(locale: string): ngx_kit_date_picker.IDateAdapter;
@@ -99,13 +115,14 @@ declare class DateAdapterRegistry {
 declare class NgxInputDatePicker implements ControlValueAccessor, Validator {
     private el;
     protected readonly dateAdapterRegistry: DateAdapterRegistry;
-    openOnCLick: _angular_core.InputSignal<boolean>;
-    change: EventEmitter<Date>;
+    protected readonly _config: NgxDateConfig;
+    readonly openOnCLick: _angular_core.InputSignal<boolean>;
+    readonly change: _angular_core.OutputEmitterRef<Date>;
     private value?;
     private pickerRef?;
     adapter: IDateAdapter;
-    private _locale;
-    set locale(val: string);
+    readonly config: _angular_core.ModelSignal<NgxDateConfig>;
+    readonly locale: _angular_core.InputSignal<string>;
     protected _onChange: (value: Date | null | undefined) => void;
     protected _onTouched: () => void;
     protected _validatorOnChange: () => void;
@@ -113,20 +130,17 @@ declare class NgxInputDatePicker implements ControlValueAccessor, Validator {
      * display format in input
      */
     displayFormat: FormatType;
-    private min;
-    /** The minimum valid date. */
-    set setMin(value: Date | null | undefined);
-    private max;
-    /** The maximum valid date. */
-    set setMax(value: Date | null | undefined);
-    config: NgxDatePickerConfig;
-    set setConfig(val: NgxDatePickerConfig);
+    /** The minimum and maximum valid dates. */
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
+    private minDate;
+    private maxDate;
     private isDisabled;
     private readonly overlayService;
     private readonly viewContainerRef;
     private readonly renderer;
     constructor(el: ElementRef<HTMLInputElement>);
-    updateConfig(val: NgxDatePickerConfig): void;
+    updateConfig(val: NgxDateConfig): void;
     ngOnDestroy(): void;
     onClick(ev: Event): void;
     onInput(event: Event): void;
@@ -143,7 +157,7 @@ declare class NgxInputDatePicker implements ControlValueAccessor, Validator {
     /** Formats a value and sets it on the input element. */
     protected _formatValue(value: Date | null | undefined, setChange?: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputDatePicker, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputDatePicker, "[ngxInputDatePicker]", ["ngxInputDatePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "setConfig": { "alias": "config"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputDatePicker, "[ngxInputDatePicker]", ["ngxInputDatePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "change": "change"; "config": "configChange"; }, never, never, true, never>;
 }
 
 /**
@@ -229,9 +243,14 @@ interface CalendarTimedEvent extends MsEventViewer {
 }
 
 declare abstract class NgxDatePickerBase {
-    protected _locale: string;
+    protected readonly _config: NgxDateConfig;
+    readonly locale: _angular_core.InputSignal<string>;
+    localize: _angular_core.InputSignal<NgxCalendarLocalization>;
+    readonly config: _angular_core.ModelSignal<NgxDateConfig>;
     protected dateAdapterRegistry: DateAdapterRegistry;
     adapter: IDateAdapter;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     currYear: _angular_core.WritableSignal<number>;
     currMonth: _angular_core.WritableSignal<number>;
     currentWeek: _angular_core.WritableSignal<number>;
@@ -244,6 +263,8 @@ declare abstract class NgxDatePickerBase {
     readonly displayMonth: _angular_core.WritableSignal<string>;
     minDate: Date | null;
     maxDate: Date | null;
+    constructor();
+    protected onDateBoundsChange(): void;
     renderCalendar(view: CalendarView, selected?: CalendarDate, events?: MsEvents[], callback?: Function): void;
     renderِDatePicker(view: DatePickerView, selected?: CalendarDate, events?: MsEvents[], callback?: Function): void;
     renderYear(): void;
@@ -268,6 +289,8 @@ declare abstract class NgxDatePickerBase {
     checkActiveMonth(year: number, month: number): boolean;
     checkActiveYear(year: number): boolean;
     protected getEvents(date: Date, events?: MsEvents[]): MsEventViewer[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDatePickerBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDatePickerBase, never, never, { "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "localize": { "alias": "localize"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "config": "configChange"; }, never, never, true, never>;
 }
 
 interface ISelectedEvent {
@@ -284,19 +307,6 @@ interface CalendarEventChange {
     deltaMinutes: number;
 }
 
-declare class NgxCalendarLocalization {
-    clear: string;
-    today: string;
-    /** Range picker labels. */
-    rangeStart: string;
-    rangeEnd: string;
-    day: string;
-    month: string;
-    week: string;
-    year: string;
-    event: string;
-}
-
 interface EventInteractionState {
     type: CalendarEventInteractionType;
     source: MsEvents;
@@ -313,14 +323,7 @@ interface EventInteractionState {
     surface: 'month' | 'timed' | 'all-day';
 }
 declare class NgxCalendarComponent extends NgxDatePickerBase implements OnInit {
-    defaultLocalization: NgxCalendarLocalization;
-    localize: _angular_core.InputSignal<NgxCalendarLocalization>;
     resizeAndMovable: _angular_core.InputSignal<boolean>;
-    _config: NgxDatePickerConfig;
-    set config(val: NgxDatePickerConfig);
-    set locale(val: string);
-    set setMin(value: Date | null | undefined);
-    set setMax(value: Date | null | undefined);
     view: CalendarView;
     private _events;
     set events(val: MsEvents[]);
@@ -347,6 +350,7 @@ declare class NgxCalendarComponent extends NgxDatePickerBase implements OnInit {
     protected interaction: EventInteractionState | null;
     constructor();
     ngOnInit(): void;
+    protected onDateBoundsChange(): void;
     onResize(): void;
     onDocumentPointerMove(event: PointerEvent): void;
     onDocumentPointerUp(event: PointerEvent): void;
@@ -403,19 +407,10 @@ declare class NgxCalendarComponent extends NgxDatePickerBase implements OnInit {
     private readonly defaultHeight;
     minHeight: number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxCalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxCalendarComponent, "ngx-calendar", never, { "localize": { "alias": "localize"; "required": false; "isSignal": true; }; "resizeAndMovable": { "alias": "resizeAndMovable"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "view": { "alias": "view"; "required": false; }; "events": { "alias": "events"; "required": false; }; }, { "dateChange": "dateChange"; "selectEvent": "selectEvent"; "eventChange": "eventChange"; "eventsChange": "eventsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxCalendarComponent, "ngx-calendar", never, { "resizeAndMovable": { "alias": "resizeAndMovable"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; }; "events": { "alias": "events"; "required": false; }; }, { "dateChange": "dateChange"; "selectEvent": "selectEvent"; "eventChange": "eventChange"; "eventsChange": "eventsChange"; }, never, never, true, never>;
 }
 
 declare class NgxInputDatePickerComponent extends NgxDatePickerBase implements ControlValueAccessor, Validator, OnInit {
-    defaultLocalization: NgxCalendarLocalization;
-    localize: _angular_core.InputSignal<NgxCalendarLocalization>;
-    config: NgxDatePickerConfig;
-    set setConfig(val: NgxDatePickerConfig);
-    set locale(val: string);
-    /** The minimum valid date. */
-    set setMin(value: Date | null | undefined);
-    /** The maximum valid date. */
-    set setMax(value: Date | null | undefined);
     readonly view: _angular_core.ModelSignal<DatePickerView>;
     change: EventEmitter<Date | null>;
     selected?: CalendarDate;
@@ -430,7 +425,8 @@ declare class NgxInputDatePickerComponent extends NgxDatePickerBase implements C
     protected _validatorOnChange: () => void;
     constructor();
     ngOnInit(): void;
-    updateConfig(val: NgxDatePickerConfig): void;
+    protected onDateBoundsChange(): void;
+    updateConfig(val: NgxDateConfig): void;
     init(): void;
     writeValue(value: any): void;
     validate(control: AbstractControl): ValidationErrors | null;
@@ -449,10 +445,10 @@ declare class NgxInputDatePickerComponent extends NgxDatePickerBase implements C
     clear(): void;
     stopPagination(ev: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputDatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputDatePickerComponent, "ngx-date-picker", never, { "localize": { "alias": "localize"; "required": false; "isSignal": true; }; "setConfig": { "alias": "config"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "change": "change"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputDatePickerComponent, "ngx-date-picker", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "change": "change"; }, never, never, true, never>;
 }
 
-declare function provideDateAdapters(...additional: DateAdapterRegistration[]): Provider[];
+declare function provideDateAdapters(configs?: NgxDateConfig): Provider[];
 
 /**
  * A date range used by ngx-kit date range picker.
@@ -471,12 +467,6 @@ declare function isDateInRange(date: Date, range: NgxDateRange<Date>): boolean;
 declare function isDateInPreviewRange(date: Date, start: Date | null, previewEnd: Date | null): boolean;
 
 declare class NgxDateRangePickerComponent extends NgxDatePickerBase implements ControlValueAccessor, Validator, OnInit {
-    defaultLocalization: NgxCalendarLocalization;
-    localize: _angular_core.InputSignal<NgxCalendarLocalization>;
-    config: NgxDatePickerConfig;
-    set locale(value: string);
-    set min(value: Date | null | undefined);
-    set max(value: Date | null | undefined);
     readonly view: _angular_core.ModelSignal<DatePickerView>;
     rangeChange: EventEmitter<NgxDateRange<Date>>;
     change: EventEmitter<NgxDateRange<Date>>;
@@ -491,8 +481,10 @@ declare class NgxDateRangePickerComponent extends NgxDatePickerBase implements C
     protected _onTouched: () => void;
     protected _validatorOnChange: () => void;
     isDisabled: boolean;
+    constructor();
     ngOnInit(): void;
-    updateConfig(value: NgxDatePickerConfig): void;
+    protected onDateBoundsChange(): void;
+    updateConfig(val: NgxDateConfig): void;
     writeValue(value: NgxDateRange<Date> | readonly [Date | null, Date | null] | null): void;
     registerOnChange(fn: (value: NgxDateRange<Date>) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -516,11 +508,12 @@ declare class NgxDateRangePickerComponent extends NgxDatePickerBase implements C
     private emitValue;
     stopPagination(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDateRangePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDateRangePickerComponent, "ngx-date-range-picker", never, { "localize": { "alias": "localize"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "rangeChange": "rangeChange"; "change": "change"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDateRangePickerComponent, "ngx-date-range-picker", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "rangeChange": "rangeChange"; "change": "change"; }, never, never, true, never>;
 }
 
 declare class NgxInputDateRangePicker implements ControlValueAccessor, Validator {
     private readonly el;
+    protected readonly _config: NgxDateConfig;
     protected readonly dateAdapterRegistry: DateAdapterRegistry;
     protected readonly overlayService: OverlayService;
     protected readonly viewContainerRef: ViewContainerRef;
@@ -528,15 +521,13 @@ declare class NgxInputDateRangePicker implements ControlValueAccessor, Validator
     openOnClick: boolean;
     displayFormat: string;
     rangeSeparator: string;
-    private _locale;
-    set locale(value: string);
-    get locale(): string;
-    set setMin(value: Date | null | undefined);
-    set setMax(value: Date | null | undefined);
-    config: NgxDatePickerConfig;
+    readonly config: _angular_core.ModelSignal<NgxDateConfig>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     change: EventEmitter<NgxDateRange<Date>>;
-    private min;
-    private max;
+    private minDate;
+    private maxDate;
     private value;
     private pickerRef?;
     private isDisabled;
@@ -545,7 +536,6 @@ declare class NgxInputDateRangePicker implements ControlValueAccessor, Validator
     private _onTouched;
     private _validatorOnChange;
     constructor(el: ElementRef<HTMLInputElement>);
-    ngOnChanges(): void;
     onClick(event: Event): void;
     onBlur(): void;
     writeValue(value: NgxDateRange<Date> | readonly [Date | null, Date | null] | null): void;
@@ -558,8 +548,10 @@ declare class NgxInputDateRangePicker implements ControlValueAccessor, Validator
     private formatValue;
     private destroyDatePicker;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputDateRangePicker, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputDateRangePicker, "input[ngxInputDateRangePicker]", ["ngxInputDateRangePicker"], { "openOnClick": { "alias": "openOnClick"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "setMin": { "alias": "min"; "required": false; }; "setMax": { "alias": "max"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputDateRangePicker, "input[ngxInputDateRangePicker]", ["ngxInputDateRangePicker"], { "openOnClick": { "alias": "openOnClick"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "config": "configChange"; "change": "change"; }, never, never, true, never>;
 }
 
-export { DATE_ADAPTERS, DEFAULT_DATE_ADAPTERS, DateModel, DateViewDay, DateViewMonth, DateViewWeek, DateViewYear, NgxCalendarComponent, NgxDatePickerConfig, NgxDateRangePickerComponent, NgxInputDatePicker, NgxInputDatePickerComponent, NgxInputDateRangePicker, createDateRange, getLocals, isCompleteDateRange, isDateInPreviewRange, isDateInRange, normalizeDateRange, provideDateAdapters };
+declare const DATE_ADAPTERS: InjectionToken<DateAdapterRegistration[]>;
+
+export { DATE_ADAPTERS, DEFAULT_DATE_ADAPTERS, DEFAULT_DATE_CONFIG, DateModel, DateViewDay, DateViewMonth, DateViewWeek, DateViewYear, NGX_DATE_CONFIG, NgxCalendarComponent, NgxCalendarLocalization, NgxDateConfig, NgxDateRangePickerComponent, NgxInputDatePicker, NgxInputDatePickerComponent, NgxInputDateRangePicker, createDateRange, getLocals, isCompleteDateRange, isDateInPreviewRange, isDateInRange, normalizeDateRange, provideDateAdapters };
 export type { CalendarDate, CalendarDayColumn, CalendarEventChange, CalendarEventInteractionType, CalendarMonthEventSegment, CalendarTimedEvent, DateAdapterRegistration, DateFormat, DateFormatPreset, FormatType, IDateAdapter, MsEventViewer, MsEvents, NgxDateRange };