@ngstarter-ui/components 21.0.9 → 21.0.11

package/types/ngstarter-ui-components-calendar.d.ts

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+
+type CalendarDateInput = Date | string | number;
+type CalendarEventColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'green' | 'rose' | 'blue';
+interface CalendarEvent {
+    readonly id?: string | number;
+    readonly date: CalendarDateInput;
+    readonly title?: string;
+    readonly color?: CalendarEventColor;
+}
+interface CalendarCell {
+    readonly date: Date;
+    readonly key: string;
+    readonly label: string;
+    readonly ariaLabel: string;
+    readonly inCurrentMonth: boolean;
+    readonly visible: boolean;
+    readonly today: boolean;
+    readonly selected: boolean;
+    readonly disabled: boolean;
+    readonly events: readonly CalendarEvent[];
+    readonly markers: readonly CalendarEventColor[];
+}
+declare class Calendar {
+    readonly startAt: _angular_core.InputSignal<CalendarDateInput | null>;
+    readonly selected: _angular_core.InputSignal<CalendarDateInput | null>;
+    readonly minDate: _angular_core.InputSignal<CalendarDateInput | null>;
+    readonly maxDate: _angular_core.InputSignal<CalendarDateInput | null>;
+    readonly events: _angular_core.InputSignal<readonly CalendarEvent[]>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly showAdjacentDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showEventTitles: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<Date>;
+    readonly monthChange: _angular_core.OutputEmitterRef<Date>;
+    readonly eventSelected: _angular_core.OutputEmitterRef<CalendarEvent>;
+    protected readonly activeMonth: _angular_core.WritableSignal<Date>;
+    protected readonly selectedDate: _angular_core.WritableSignal<Date | null>;
+    protected readonly normalizedMinDate: _angular_core.Signal<Date | null>;
+    protected readonly normalizedMaxDate: _angular_core.Signal<Date | null>;
+    protected readonly periodLabel: _angular_core.Signal<string>;
+    protected readonly weekdayLabels: _angular_core.Signal<string[]>;
+    protected readonly calendarCells: _angular_core.Signal<readonly CalendarCell[]>;
+    constructor();
+    protected previousMonth(): void;
+    protected nextMonth(): void;
+    protected selectToday(): void;
+    protected selectCell(cell: CalendarCell): void;
+    protected selectEvent(event: CalendarEvent, domEvent: MouseEvent): void;
+    protected markerClass(color: CalendarEventColor): string;
+    private selectDate;
+    private setActiveMonth;
+    private getInitialActiveMonth;
+    private eventsByDate;
+    private uniqueEventColors;
+    private normalizedFirstDayOfWeek;
+    private normalizeDateInput;
+    private isDisabled;
+    private formatFullDate;
+    private addMonths;
+    private addDays;
+    private startOfMonth;
+    private startOfDay;
+    private cloneDate;
+    private sameMonth;
+    private sameDate;
+    private compareDate;
+    private dateKey;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar, "ngs-calendar", ["ngsCalendar"], { "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; "isSignal": true; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; "isSignal": true; }; "showEventTitles": { "alias": "showEventTitles"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "monthChange": "monthChange"; "eventSelected": "eventSelected"; }, never, never, true, never>;
+}
+
+export { Calendar };
+export type { CalendarDateInput, CalendarEvent, CalendarEventColor };

package/types/ngstarter-ui-components-datepicker.d.ts

@@ -69,11 +69,14 @@ declare class DateRangePicker<D> implements OnDestroy {
     readonly calendarHeaderComponent: _angular_core.InputSignal<Type<any> | null>;
     readonly quickPresets: _angular_core.InputSignal<DatepickerPreset<D>[] | null>;
     readonly showQuickPresets: _angular_core.InputSignal<boolean>;
+    readonly calendarCount: _angular_core.InputSignalWithTransform<1 | 2, unknown>;
+    readonly extended: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly _portalTemplate: _angular_core.Signal<TemplateRef<any>>;
     readonly actions: _angular_core.Signal<DatepickerActions | undefined>;
     _datepickerInput: any;
     _selectedRange: _angular_core.WritableSignal<DateRange<D>>;
     _isAbove: _angular_core.WritableSignal<boolean>;
+    readonly _visibleCalendars: _angular_core.Signal<1 | 2>;
     readonly _effectivePresets: _angular_core.Signal<DatepickerPreset<D>[]>;
     private _overlayRef;
     ngOnDestroy(): void;
@@ -85,7 +88,7 @@ declare class DateRangePicker<D> implements OnDestroy {
     private _updateSelectedRange;
     apply(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker<any>, "ngs-date-range-picker", ["ngsDateRangePicker"], { "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "calendarHeaderComponent": { "alias": "calendarHeaderComponent"; "required": false; "isSignal": true; }; "quickPresets": { "alias": "quickPresets"; "required": false; "isSignal": true; }; "showQuickPresets": { "alias": "showQuickPresets"; "required": false; "isSignal": true; }; }, {}, ["actions"], ["ngs-datepicker-actions"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker<any>, "ngs-date-range-picker", ["ngsDateRangePicker"], { "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "calendarHeaderComponent": { "alias": "calendarHeaderComponent"; "required": false; "isSignal": true; }; "quickPresets": { "alias": "quickPresets"; "required": false; "isSignal": true; }; "showQuickPresets": { "alias": "showQuickPresets"; "required": false; "isSignal": true; }; "calendarCount": { "alias": "calendarCount"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, {}, ["actions"], ["ngs-datepicker-actions"], true, never>;
 }
 
 declare class DatepickerInput<D> implements ControlValueAccessor, OnDestroy, OnInit {
@@ -198,21 +201,25 @@ declare class Calendar<D> {
     readonly minDate: _angular_core.InputSignal<D | null>;
     readonly maxDate: _angular_core.InputSignal<D | null>;
     readonly headerComponent: _angular_core.InputSignal<Type<any> | null>;
+    readonly visibleCalendars: _angular_core.InputSignalWithTransform<1 | 2, unknown>;
     readonly selectedChange: _angular_core.OutputEmitterRef<D>;
     readonly yearSelected: _angular_core.OutputEmitterRef<D>;
     readonly monthSelected: _angular_core.OutputEmitterRef<D>;
     activeDate: _angular_core.WritableSignal<D>;
+    readonly _rangePreviewDate: _angular_core.WritableSignal<D | null>;
     constructor();
     currentView: _angular_core.WritableSignal<"month" | "year" | "multi-year">;
     readonly _selectedDate: _angular_core.Signal<D | null>;
     readonly periodButtonText: _angular_core.Signal<string>;
+    readonly _monthViewActiveDates: _angular_core.Signal<D[]>;
     prevPage(): void;
     nextPage(): void;
     toggleView(): void;
     _monthSelectedInYearView(date: D): void;
     _yearSelectedInMultiYearView(date: D): void;
+    _trackMonth(index: number, date: D): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar<any>, "ngs-calendar", ["ngsCalendar"], { "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "headerComponent": { "alias": "headerComponent"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar<any>, "ngs-calendar", ["ngsCalendar"], { "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "headerComponent": { "alias": "headerComponent"; "required": false; "isSignal": true; }; "visibleCalendars": { "alias": "visibleCalendars"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, true, never>;
 }
 
 declare class MonthView<D> {
@@ -221,7 +228,11 @@ declare class MonthView<D> {
     readonly selected: _angular_core.InputSignal<D | DateRange<D> | null>;
     readonly minDate: _angular_core.InputSignal<D | null>;
     readonly maxDate: _angular_core.InputSignal<D | null>;
+    readonly rangePreviewDate: _angular_core.InputSignal<D | null>;
+    readonly sharedRangePreview: _angular_core.InputSignal<boolean>;
     readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly rangePreviewDateChange: _angular_core.OutputEmitterRef<D | null>;
+    readonly _hoveredDate: _angular_core.WritableSignal<D | null>;
     readonly hoveredDate: _angular_core.WritableSignal<D | null>;
     readonly weekdays: _angular_core.Signal<string[]>;
     readonly weeks: _angular_core.Signal<{
@@ -236,7 +247,7 @@ declare class MonthView<D> {
     selectDate(date: D | null): void;
     handleHover(date: D | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MonthView<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MonthView<any>, "ngs-month-view", never, { "activeDate": { "alias": "activeDate"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MonthView<any>, "ngs-month-view", never, { "activeDate": { "alias": "activeDate"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "rangePreviewDate": { "alias": "rangePreviewDate"; "required": false; "isSignal": true; }; "sharedRangePreview": { "alias": "sharedRangePreview"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "rangePreviewDateChange": "rangePreviewDateChange"; }, never, never, true, never>;
 }
 
 declare class YearView<D> {