mis-crystal-design-system 18.2.1-test → 18.2.2-test

package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts

@@ -1,9 +1,11 @@
 import { OnInit } from "@angular/core";
+import { LiveAnnouncer } from "@angular/cdk/a11y";
 import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay } from "../models/dp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
 import * as i0 from "@angular/core";
 export declare class TzDpContainerComponent implements OnInit {
     private toast;
+    private liveAnnouncer;
     data: IDatePickerData;
     private parseZoneInstance;
     /**
@@ -19,6 +21,16 @@ export declare class TzDpContainerComponent implements OnInit {
     private readonly isPreviousMonthDisabledSignal;
     private readonly isNextMonthDisabledSignal;
     private readonly localSelectedDateSignal;
+    readonly focusedDateSignal: import("@angular/core").WritableSignal<{
+        date: number;
+        month: number;
+        year: number;
+    }>;
+    focusedDate: import("@angular/core").Signal<{
+        date: number;
+        month: number;
+        year: number;
+    }>;
     private readonly allowBookingOnDisabledDaySignal;
     private readonly currentSelectionSignal;
     readonly selectedHourSignal: import("@angular/core").WritableSignal<number>;
@@ -53,13 +65,14 @@ export declare class TzDpContainerComponent implements OnInit {
     disabledYears: import("@angular/core").Signal<boolean[]>;
     selectedYear: import("@angular/core").Signal<number>;
     isYearSelectionFlow: import("@angular/core").Signal<boolean>;
-    constructor(data: IDatePickerData, toast: ToastService);
+    constructor(data: IDatePickerData, toast: ToastService, liveAnnouncer: LiveAnnouncer);
     onHourInput(event: any): void;
     onMinuteInput(event: any): void;
     validateHourInput(): void;
     validateMinuteInput(): void;
     is12HourFormat(): boolean;
     retractDayMonth(day: any, month: any, year: any): any;
+    isFocusedDay(day: ICurrentMonthDates): boolean;
     ngOnInit(): void;
     get yearRange(): string;
     private initializeTimeValues;
@@ -72,6 +85,7 @@ export declare class TzDpContainerComponent implements OnInit {
     private generateDates;
     selectDay(day: ICurrentMonthDates): void;
     applyDate(day?: ICurrentMonthDates): void;
+    onDayKeydown(event: KeyboardEvent, day: ICurrentMonthDates): void;
     closeOnEsc(): void;
     cancelDatePicker(): void;
     toggleMonthSelector(): void;

package/daterangepicker_v2/daterangepicker-constants.d.ts

@@ -2,3 +2,25 @@
 import { InjectionToken } from "@angular/core";
 export declare const CONTAINER_DATA: InjectionToken<{}>;
 export declare const DATE_FORMAT = "DD-MM-YYYY";
+export declare const COLUMN_NAV_DIRECTION: {
+    readonly FORWARD: "forward";
+    readonly BACKWARD: "backward";
+};
+export type ColumnNavDirection = (typeof COLUMN_NAV_DIRECTION)[keyof typeof COLUMN_NAV_DIRECTION];
+export declare const MONTH_NAV_DIRECTION: {
+    readonly NEXT: "NEXT";
+    readonly PREVIOUS: "PREVIOUS";
+};
+export type MonthNavDirection = (typeof MONTH_NAV_DIRECTION)[keyof typeof MONTH_NAV_DIRECTION];
+export declare const DATE_RANGE_PANE: {
+    readonly LEFT: "LEFT";
+    readonly RIGHT: "RIGHT";
+};
+export type DateRangePane = (typeof DATE_RANGE_PANE)[keyof typeof DATE_RANGE_PANE];
+export declare const CALENDAR_ARROW_KEY: {
+    readonly LEFT: "ArrowLeft";
+    readonly RIGHT: "ArrowRight";
+    readonly UP: "ArrowUp";
+    readonly DOWN: "ArrowDown";
+};
+export type CalendarArrowKey = (typeof CALENDAR_ARROW_KEY)[keyof typeof CALENDAR_ARROW_KEY];

package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts

@@ -1,10 +1,21 @@
-import { OnInit } from "@angular/core";
+import { OnInit, Renderer2, DestroyRef } from "@angular/core";
+import { type DateRangePane, type MonthNavDirection } from "../daterangepicker-constants";
 import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig, RangeItem } from "../models/drp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
 import * as i0 from "@angular/core";
 export declare class TzDrpContainerComponent implements OnInit {
     private injectedData;
     private toast;
+    private readonly renderer;
+    private readonly destroyRef;
+    readonly DATE_RANGE_PANE: {
+        readonly LEFT: "LEFT";
+        readonly RIGHT: "RIGHT";
+    };
+    readonly MONTH_NAV_DIRECTION: {
+        readonly NEXT: "NEXT";
+        readonly PREVIOUS: "PREVIOUS";
+    };
     private readonly CUSTOM_RANGE_LABEL;
     readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
     private dayjsInstance;
@@ -59,19 +70,31 @@ export declare class TzDrpContainerComponent implements OnInit {
     endAmPm: import("@angular/core").Signal<string>;
     startHour24: import("@angular/core").Signal<number>;
     endHour24: import("@angular/core").Signal<number>;
-    constructor(injectedData: IDatePickerData, toast: ToastService);
+    constructor(injectedData: IDatePickerData, toast: ToastService, renderer: Renderer2, destroyRef: DestroyRef);
     ngOnInit(): void;
     retractDayMonth(day: any, month: any, year: any): any;
     closeOnEsc(): void;
+    onDayCellKeydown(event: KeyboardEvent, pane: DateRangePane, fromIndex: number): void;
+    private findNextFocusableDayIndex;
+    private focusDrpCell;
+    private focusElementById;
+    private scheduleRestoreFocusToCalendarDay;
+    private scheduleFocusApplyButton;
+    private restoreFocusToCalendarDay;
+    private findDayIndexInMonthGrid;
+    private isFocusable;
+    private isFirstRow;
+    private isLastRow;
+    private findSelectableInColumn;
     private calculateMinMaxDays;
-    navigateMonth(direction: "NEXT" | "PREVIOUS"): void;
+    navigateMonth(direction: MonthNavDirection): void;
     /**
      * Update calendar month/year based on selected dates
      * This method is called whenever localSelectedDatesSignal changes to keep calendar in sync
      */
     private updateCalendarFromSelectedDates;
     private generateDates;
-    selectDay(from: "LEFT" | "RIGHT", day: ICurrentMonthDates): void;
+    selectDay(from: DateRangePane, day: ICurrentMonthDates): void;
     selectRange(item: RangeItem): void;
     resetRange(): void;
     applyDates(): void;

package/dropdown/dropdown.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, TemplateRef, ViewContainerRef, ChangeDetectorRef } from "@angular/core";
 import { Overlay } from "@angular/cdk/overlay";
+import { LiveAnnouncer } from "@angular/cdk/a11y";
 import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
 import * as i0 from "@angular/core";
 export declare class DropdownComponent {
@@ -7,6 +8,7 @@ export declare class DropdownComponent {
     private overlay;
     private viewContainerRef;
     private cdr;
+    private liveAnnouncer;
     isOpen: import("@angular/core").WritableSignal<boolean>;
     readonly loading: import("@angular/core").WritableSignal<boolean>;
     readonly isSearchInputFocused: import("@angular/core").WritableSignal<boolean>;
@@ -45,7 +47,7 @@ export declare class DropdownComponent {
     private _itemsContainer;
     set itemsContainer(container: ElementRef | null);
     private overlayRef;
-    constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef);
+    constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef, liveAnnouncer: LiveAnnouncer);
     measureAndUpdateHeight(): void;
     get currentData(): DropdownItem[];
     get itemsContainerStyle(): {