mis-crystal-design-system 18.2.2 → 18.2.4

package/datepicker_v2/tz-datepicker.directive.d.ts

@@ -12,8 +12,8 @@ export declare class TzDatepickerDirective implements OnInit {
     selectedDate: import("@angular/core").InputSignal<string>;
     datesDisabled: import("@angular/core").InputSignal<string[]>;
     dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
-    positionX: import("@angular/core").InputSignal<"start" | "center" | "end">;
-    positionY: import("@angular/core").InputSignal<"center" | "top" | "bottom">;
+    positionX: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    positionY: import("@angular/core").InputSignal<"top" | "bottom" | "center">;
     offsetX: import("@angular/core").InputSignal<number>;
     offsetY: import("@angular/core").InputSignal<number>;
     allowBookingOnDisabledDay: import("@angular/core").InputSignal<boolean>;

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,6 +2,7 @@
 import { InjectionToken } from "@angular/core";
 export declare const CONTAINER_DATA: InjectionToken<{}>;
 export declare const DATE_FORMAT = "DD-MM-YYYY";
+export declare const ISO_DATE_FORMAT = "YYYY-MM-DD";
 export declare const COLUMN_NAV_DIRECTION: {
     readonly FORWARD: "forward";
     readonly BACKWARD: "backward";
@@ -24,3 +25,8 @@ export declare const CALENDAR_ARROW_KEY: {
     readonly DOWN: "ArrowDown";
 };
 export type CalendarArrowKey = (typeof CALENDAR_ARROW_KEY)[keyof typeof CALENDAR_ARROW_KEY];
+export declare const SELECTION_MODE: {
+    readonly DEFAULT: "default";
+    readonly WEEKLY: "weekly";
+};
+export type SelectionMode = (typeof SELECTION_MODE)[keyof typeof SELECTION_MODE];

package/daterangepicker_v2/models/drp-config.model.d.ts

@@ -1,3 +1,4 @@
+import { SelectionMode } from "../daterangepicker-constants";
 export interface IDatePickerConfig {
     format: string;
     minDate: string;
@@ -6,6 +7,7 @@ export interface IDatePickerConfig {
     maxAllowedRange?: number;
     ranges?: RangeItem[];
     enableTime?: boolean;
+    selectionMode?: SelectionMode;
 }
 export interface RangeItem {
     label: string;

package/daterangepicker_v2/public_api.d.ts

@@ -2,3 +2,4 @@ export { TzDrpContainerComponent } from "./tz-drp-container/tz-drp-container.com
 export { DateRangepickerModuleV2 } from "./daterangepicker.module";
 export { TzDaterangepickerDirective } from "./tz-daterangepicker.directive";
 export { IDatePickerConfig, IDatePickerToastText } from "./models/drp-config.model";
+export { SELECTION_MODE, type SelectionMode } from "./daterangepicker-constants";

package/daterangepicker_v2/tz-daterangepicker.directive.d.ts

@@ -13,8 +13,8 @@ export declare class TzDaterangepickerDirective {
     datesDisabled: import("@angular/core").InputSignal<string[]>;
     selectedRangeLabel: import("@angular/core").InputSignal<string>;
     dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
-    positionX: import("@angular/core").InputSignal<"start" | "center" | "end">;
-    positionY: import("@angular/core").InputSignal<"center" | "top" | "bottom">;
+    positionX: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    positionY: import("@angular/core").InputSignal<"top" | "bottom" | "center">;
     offsetX: import("@angular/core").InputSignal<number>;
     offsetY: import("@angular/core").InputSignal<number>;
     dateChange: import("@angular/core").OutputEmitterRef<ISelectedDatesConfig>;

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

@@ -16,6 +16,10 @@ export declare class TzDrpContainerComponent implements OnInit {
         readonly NEXT: "NEXT";
         readonly PREVIOUS: "PREVIOUS";
     };
+    readonly SELECTION_MODE: {
+        readonly DEFAULT: "default";
+        readonly WEEKLY: "weekly";
+    };
     private readonly CUSTOM_RANGE_LABEL;
     readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
     private dayjsInstance;
@@ -39,6 +43,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     private readonly localSelectedDatesSignal;
     private readonly isDatesValidSignal;
     private readonly selectedItemLabelSignal;
+    private readonly hoveredWeekStartSignal;
     readonly startHourSignal: import("@angular/core").WritableSignal<number>;
     readonly startMinuteSignal: import("@angular/core").WritableSignal<number>;
     readonly startAmPmSignal: import("@angular/core").WritableSignal<string>;
@@ -60,6 +65,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     localSelectedDates: import("@angular/core").Signal<ISelectedDatesConfig>;
     isDatesValid: import("@angular/core").Signal<boolean>;
     selectedItemLabel: import("@angular/core").Signal<string>;
+    isWeeklyMode: import("@angular/core").Signal<boolean>;
     currentMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
     nextMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
     startHour: import("@angular/core").Signal<number>;
@@ -94,6 +100,12 @@ export declare class TzDrpContainerComponent implements OnInit {
      */
     private updateCalendarFromSelectedDates;
     private generateDates;
+    setHoveredWeek(pane: DateRangePane, day: ICurrentMonthDates): void;
+    clearHoveredWeek(): void;
+    isInHoveredWeek(pane: DateRangePane, day: ICurrentMonthDates): boolean;
+    isHoveredWeekStart(pane: DateRangePane, day: ICurrentMonthDates): boolean;
+    isHoveredWeekEnd(pane: DateRangePane, day: ICurrentMonthDates): boolean;
+    private selectWeek;
     selectDay(from: DateRangePane, day: ICurrentMonthDates): void;
     selectRange(item: RangeItem): void;
     resetRange(): 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(): {