mis-crystal-design-system 18.0.24 → 18.1.0-signal-test

package/action-list/action-list.component.d.ts

@@ -1,23 +1,25 @@
 import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
+import { ElementRef, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class ActionListComponent implements OnInit {
     private eRef;
     private overlay;
     private viewContainerRef;
-    isOpen: boolean;
-    subItems: ActionItem[];
-    data: ActionItems[];
-    height: string;
-    width: string;
-    label: string;
-    dropdownListHeight: string;
-    dropdownListWidth: string;
-    dropdownListPosition: "Left" | "Right";
-    searchEnabled: boolean;
-    noDataMessage: string;
-    selectedItems: ActionItem[];
-    onChange: EventEmitter<any>;
+    data: import("@angular/core").InputSignal<ActionItems[]>;
+    height: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    label: import("@angular/core").InputSignal<string>;
+    dropdownListHeight: import("@angular/core").InputSignal<string>;
+    dropdownListWidth: import("@angular/core").InputSignal<string>;
+    dropdownListPosition: import("@angular/core").InputSignal<"Left" | "Right">;
+    searchEnabled: import("@angular/core").InputSignal<boolean>;
+    noDataMessage: import("@angular/core").InputSignal<string>;
+    onChange: import("@angular/core").OutputEmitterRef<any>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    subItems: import("@angular/core").WritableSignal<ActionItem[]>;
+    selectedItems: import("@angular/core").WritableSignal<ActionItem[]>;
+    internalData: import("@angular/core").WritableSignal<ActionItems[]>;
+    internalLabel: import("@angular/core").WritableSignal<string>;
     selectElement: ElementRef;
     popupContainer: TemplateRef<Element>;
     subPopupContainer: TemplateRef<Element>;
@@ -32,7 +34,7 @@ export declare class ActionListComponent implements OnInit {
     onHover(item: ActionItem, isHovered: any, element?: any): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionListComponent, "mis-action-list", never, { "data": { "alias": "data"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "label": { "alias": "label"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionListComponent, "mis-action-list", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
 export interface ActionItems {
     label: ActionItemLabel | string;

package/async-search-dropdown/async-dropdown.component.d.ts

@@ -1,87 +1,69 @@
-import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from "@angular/core";
-import { AbstractControl, UntypedFormControl } from "@angular/forms";
-import { Observable, Subscription } from "rxjs";
+import { ElementRef, Injector, NgZone, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AbstractControl, UntypedFormControl } from '@angular/forms';
+import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 type IListData = any;
-export declare class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {
+export declare class AsyncDropdownComponent {
     private overlay;
     private viewContainerRef;
     private _ngZone;
-    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, _ngZone: NgZone);
-    height: any;
-    width: any;
-    size: 'md' | 'sm';
-    httpStream: (searchKey: string) => Observable<IListData>;
-    displayKey: string;
-    secondaryDisplayKey: string;
-    placeholder: string;
-    debounceTime: number;
-    minInputLength: number;
-    multi: boolean;
-    uniqueKey: string;
-    control: AbstractControl | null;
-    disabled: boolean;
-    readonly: boolean;
-    disableCopyPaste: boolean;
-    dropdownListWidth: any;
-    dropdownListPosition: "Left" | "Right";
-    customPlaceholderIcon: string;
+    private injector;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, _ngZone: NgZone, injector: Injector);
+    height: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<"md" | "sm">;
+    httpStream: import("@angular/core").InputSignal<(searchKey: string) => any>;
+    displayKey: import("@angular/core").InputSignal<string>;
+    secondaryDisplayKey: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    debounceTime: import("@angular/core").InputSignal<number>;
+    minInputLength: import("@angular/core").InputSignal<number>;
+    multi: import("@angular/core").InputSignal<boolean>;
+    uniqueKey: import("@angular/core").InputSignal<string>;
+    control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    readonly: import("@angular/core").InputSignal<boolean>;
+    disableCopyPaste: import("@angular/core").InputSignal<boolean>;
+    dropdownListWidth: import("@angular/core").InputSignal<string>;
+    dropdownListPosition: import("@angular/core").InputSignal<"Left" | "Right">;
+    customPlaceholderIcon: import("@angular/core").InputSignal<string>;
+    selections: import("@angular/core").InputSignal<Map<string, any>>;
+    searchValue: import("@angular/core").InputSignal<string>;
+    onSelect: import("@angular/core").OutputEmitterRef<any>;
+    searchQueryChange: import("@angular/core").OutputEmitterRef<string>;
+    clear: import("@angular/core").OutputEmitterRef<boolean>;
+    itemSelected: import("@angular/core").OutputEmitterRef<any>;
+    itemRemoved: import("@angular/core").OutputEmitterRef<any>;
     origin: ElementRef;
-    input: ElementRef;
+    inputRef: ElementRef;
     dd: TemplateRef<Element>;
     customItem: TemplateRef<Element>;
     customLoader: TemplateRef<Element>;
-    onSelect: EventEmitter<IListData | IListData[]>;
     searchInput: UntypedFormControl;
-    data: IListData[];
-    opened: boolean;
-    loading: boolean;
-    error: boolean;
-    openPopUpOnTab: boolean;
-    selections: Map<string, any>;
     private httpStreamTrigger;
-    private searchSubscription;
-    private defaultCallSubscription;
-    private overlayRef;
-    controlSubscription: Subscription | undefined;
-    searchValue: any;
-    searchQueryChange: EventEmitter<string>;
-    clear: EventEmitter<boolean>;
-    itemSelected: EventEmitter<any>;
-    itemRemoved: EventEmitter<any>;
+    private overlayRef?;
+    opened: import("@angular/core").WritableSignal<boolean>;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    error: import("@angular/core").WritableSignal<boolean>;
+    openPopUpOnTab: import("@angular/core").WritableSignal<boolean>;
+    data: import("@angular/core").WritableSignal<any[]>;
+    private searchEffect;
     ngOnInit(): void;
-    refreshHttpStream(query: string): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
+    refreshHttpStream(query: string): void;
     private handleControlChanges;
     private openDropdown;
-    /**
-     * closes the dropdown
-     */
     closeDropdown(): void;
     enablePopUpOnTab(): void;
     handleKeyDown(event: KeyboardEvent): void;
-    /**
-     *
-     * @param item item to select
-     * if item property disabled is set to true, selection will be disabled
-     * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input
-     */
     selectData(item: IListData, effectedFromOutside?: boolean): void;
-    /**
-     *
-     * @param item remove item from selected list
-     */
     removeItem(item: IListData): void;
     private setControlValue;
-    /**
-     * @returns list of selected items
-     */
-    get selectedItems(): Array<IListData>;
+    get selectedItems(): any[];
     removeInputValue(): void;
     defaultCall(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AsyncDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AsyncDropdownComponent, "mis-async-search-dropdown", never, { "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "httpStream": { "alias": "httpStream"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "secondaryDisplayKey": { "alias": "secondaryDisplayKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "minInputLength": { "alias": "minInputLength"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; }; "control": { "alias": "control"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableCopyPaste": { "alias": "disableCopyPaste"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "customPlaceholderIcon": { "alias": "customPlaceholderIcon"; "required": false; }; "selections": { "alias": "selections"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; }, { "onSelect": "onSelect"; "searchQueryChange": "searchQueryChange"; "clear": "clear"; "itemSelected": "itemSelected"; "itemRemoved": "itemRemoved"; }, ["customItem", "customLoader"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AsyncDropdownComponent, "mis-async-search-dropdown", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "httpStream": { "alias": "httpStream"; "required": true; "isSignal": true; }; "displayKey": { "alias": "displayKey"; "required": true; "isSignal": true; }; "secondaryDisplayKey": { "alias": "secondaryDisplayKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "minInputLength": { "alias": "minInputLength"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disableCopyPaste": { "alias": "disableCopyPaste"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "customPlaceholderIcon": { "alias": "customPlaceholderIcon"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "searchQueryChange": "searchQueryChange"; "clear": "clear"; "itemSelected": "itemSelected"; "itemRemoved": "itemRemoved"; }, ["customItem", "customLoader"], never, false, never>;
 }
 export {};

package/button/button.component.d.ts

@@ -1,22 +1,44 @@
 import { OnInit, EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit {
-    name: string;
-    type: "Solid" | "Outline" | "Text";
-    size: "Small" | "Medium" | "Large" | "Small-M" | "Large-M";
-    width: string;
-    showIcon: boolean;
-    iconUrl: string;
-    iconPosition: "Left" | "Right";
-    disabled: boolean;
-    disableLeftBorderRadius: boolean;
-    disableRightBorderRadius: boolean;
-    showLoader: boolean;
-    /** Emits event when button is clicked */
+    name: import("@angular/core").InputSignal<string>;
+    type: import("@angular/core").InputSignal<"Solid" | "Outline" | "Text">;
+    size: import("@angular/core").InputSignal<"Small" | "Medium" | "Large" | "Small-M" | "Large-M">;
+    width: import("@angular/core").InputSignal<string>;
+    showIcon: import("@angular/core").InputSignal<boolean>;
+    iconUrl: import("@angular/core").InputSignal<string>;
+    iconPosition: import("@angular/core").InputSignal<"Left" | "Right">;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    disableLeftBorderRadius: import("@angular/core").InputSignal<boolean>;
+    disableRightBorderRadius: import("@angular/core").InputSignal<boolean>;
+    showLoader: import("@angular/core").InputSignal<boolean>;
+    readonly classes: import("@angular/core").Signal<{
+        solid: boolean;
+        outline: boolean;
+        text: boolean;
+        large: boolean;
+        medium: boolean;
+        small: boolean;
+        'large-mobile': boolean;
+        'small-mobile': boolean;
+        loading: boolean;
+    }>;
+    readonly styles: import("@angular/core").Signal<{
+        'border-top-left-radius': string;
+        'border-bottom-left-radius': string;
+        'border-top-right-radius': string;
+        'border-bottom-right-radius': string;
+        width: string;
+    }>;
+    readonly showLeftIcon: import("@angular/core").Signal<boolean>;
+    readonly showRightIcon: import("@angular/core").Signal<boolean>;
+    readonly showSpinner: import("@angular/core").Signal<boolean>;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    hostDisabled: boolean;
     click: EventEmitter<any>;
     constructor();
     ngOnInit(): void;
     onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "mis-button", never, { "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableLeftBorderRadius": { "alias": "disableLeftBorderRadius"; "required": false; }; "disableRightBorderRadius": { "alias": "disableRightBorderRadius"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; }, { "click": "click"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "mis-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconUrl": { "alias": "iconUrl"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableLeftBorderRadius": { "alias": "disableLeftBorderRadius"; "required": false; "isSignal": true; }; "disableRightBorderRadius": { "alias": "disableRightBorderRadius"; "required": false; "isSignal": true; }; "showLoader": { "alias": "showLoader"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, false, never>;
 }

package/button/button.directive.d.ts

@@ -1,15 +1,17 @@
-import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { ElementRef, Renderer2 } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare class ButtonDirective implements AfterViewInit {
+export declare class ButtonDirective {
     private el;
     private renderer;
-    type: "primary" | "outline" | "none";
-    size: "sm" | "md" | "lg";
+    type: import("@angular/core").InputSignal<"outline" | "primary" | "none">;
+    size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
     elementClass: string;
+    private previousTypeClass;
+    private previousSizeClass;
     constructor(el: ElementRef, renderer: Renderer2);
-    ngAfterViewInit(): void;
-    private bindTypeClass;
-    private bindSizeClass;
+    private updateClass;
+    private typeClassMap;
+    private sizeClassMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[mis-button]", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[mis-button]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/checkbox/checkbox.component.d.ts

@@ -1,23 +1,26 @@
-import { OnInit, EventEmitter, ElementRef } from "@angular/core";
+import { EventEmitter, ElementRef, WritableSignal } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent implements OnInit {
-    isError: boolean;
-    isIndeterminate: boolean;
+export declare class CheckboxComponent {
+    isError: WritableSignal<boolean>;
+    isIndeterminate: WritableSignal<boolean>;
+    isChecked: WritableSignal<boolean>;
+    isDisabled: WritableSignal<boolean>;
     inputBox: ElementRef;
-    set type(value: "Default" | "Error");
-    set indeterminate(value: boolean);
-    set checked(value: boolean);
-    set disabled(value: boolean);
-    name: string;
-    formControl: AbstractControl;
+    type: import("@angular/core").InputSignal<"Default" | "Error">;
+    indeterminate: import("@angular/core").InputSignal<boolean>;
+    checked: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    name: import("@angular/core").InputSignal<string>;
+    formControl: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     valueChange: EventEmitter<{
         name: string;
         value: boolean;
     }>;
     constructor();
-    ngOnInit(): void;
     toggleState(): void;
+    get isErrorComputed(): boolean;
+    get isDisabledComputed(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mis-checkbox", never, { "type": { "alias": "type"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mis-checkbox", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/chip/chip.component.d.ts

@@ -1,15 +1,13 @@
-import { OnInit, EventEmitter } from "@angular/core";
+import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare class ChipComponent implements OnInit {
-    label: string;
-    value: any;
-    size: "Small" | "Medium" | "Small-M" | "Medium-M";
-    iconUrl: string | null;
-    count: number | null | undefined;
-    dismissible: boolean;
+export declare class ChipComponent {
+    label: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<any>;
+    size: import("@angular/core").InputSignal<"Small" | "Medium" | "Small-M" | "Medium-M">;
+    iconUrl: import("@angular/core").InputSignal<string>;
+    count: import("@angular/core").InputSignal<number>;
+    dismissible: import("@angular/core").InputSignal<boolean>;
     cancel: EventEmitter<any>;
-    constructor();
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "mis-chip", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "count": { "alias": "count"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "cancel": "cancel"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "mis-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconUrl": { "alias": "iconUrl"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; }, never, never, false, never>;
 }

package/datepicker_v2/models/dp-config.model.d.ts

@@ -33,4 +33,5 @@ export interface ICurrentMonthDates {
     isSelectedDay?: boolean;
     isDisabledDay?: boolean;
     toastMessage?: string;
+    dateString?: string;
 }

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

@@ -1,5 +1,5 @@
 import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, OnInit, SimpleChanges, ViewContainerRef } from "@angular/core";
+import { ElementRef, OnInit, ViewContainerRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { IDatePickerConfig, IDatePickerToastText } from "./models/dp-config.model";
 import * as i0 from "@angular/core";
@@ -8,25 +8,22 @@ export declare class TzDatepickerDirective implements OnInit {
     private element;
     private overlay;
     private viewContainerRef;
-    dpConfig: Partial<IDatePickerConfig>;
-    set selectedDate(date: string);
-    set datesDisabled(dates: string[]);
-    dateMessages: IDatePickerToastText[];
-    positionX: "start" | "center" | "end";
-    positionY: "top" | "center" | "bottom";
-    offsetX: number;
-    offsetY: number;
-    allowBookingOnDisabledDay: boolean;
-    dateChange: EventEmitter<string>;
-    disableBoxShadow: boolean;
-    disableOverLay: boolean;
-    openElement: boolean;
+    dpConfig: import("@angular/core").InputSignal<Partial<IDatePickerConfig>>;
+    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">;
+    offsetX: import("@angular/core").InputSignal<number>;
+    offsetY: import("@angular/core").InputSignal<number>;
+    allowBookingOnDisabledDay: import("@angular/core").InputSignal<boolean>;
+    disableBoxShadow: import("@angular/core").InputSignal<boolean>;
+    disableOverLay: import("@angular/core").InputSignal<boolean>;
+    openElement: import("@angular/core").InputSignal<boolean>;
+    dateChange: import("@angular/core").OutputEmitterRef<string>;
     private overlayRef;
     private isOpen;
-    date: string;
-    private dpDisabledDates;
     constructor(control: NgControl, element: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     toggleDatePicker(): void;
     toggleDatePickerOnEnter(): void;
@@ -35,5 +32,5 @@ export declare class TzDatepickerDirective implements OnInit {
     applyDate(date?: string): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TzDatepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDatepickerDirective, "input[misTzDp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; }; "dateMessages": { "alias": "dateMessages"; "required": false; }; "positionX": { "alias": "positionX"; "required": false; }; "positionY": { "alias": "positionY"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "allowBookingOnDisabledDay": { "alias": "allowBookingOnDisabledDay"; "required": false; }; "disableBoxShadow": { "alias": "disableBoxShadow"; "required": false; }; "disableOverLay": { "alias": "disableOverLay"; "required": false; }; "openElement": { "alias": "openElement"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDatepickerDirective, "input[misTzDp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; "isSignal": true; }; "dateMessages": { "alias": "dateMessages"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; "offsetY": { "alias": "offsetY"; "required": false; "isSignal": true; }; "allowBookingOnDisabledDay": { "alias": "allowBookingOnDisabledDay"; "required": false; "isSignal": true; }; "disableBoxShadow": { "alias": "disableBoxShadow"; "required": false; "isSignal": true; }; "disableOverLay": { "alias": "disableOverLay"; "required": false; "isSignal": true; }; "openElement": { "alias": "openElement"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
 }

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

@@ -7,27 +7,48 @@ export declare class TzDpContainerComponent implements OnInit {
     data: IDatePickerData;
     private parseZoneInstance;
     private rawWeekDays;
-    weekDays: IWeekDay[];
-    currentMonthNumber: number;
-    currentMonth: ICurrentMonth;
-    currentYearNumber: number;
-    currentMonthDates: ICurrentMonthDates[];
-    isPreviousMonthDisabled: boolean;
-    isNextMonthDisabled: boolean;
-    localSelectedDate: ICurrentMonthDates;
-    allowBookingOnDisabledDay: boolean;
-    currentSelection: any;
-    selectedHour: number;
-    selectedMinute: number;
-    selectedAmPm: string;
-    isSelectingMonth: boolean;
-    isSelectingYear: boolean;
-    availableYears: number[];
-    availableMonths: string[];
-    disabledMonths: boolean[];
-    disabledYears: boolean[];
-    selectedYear: number;
-    isYearSelectionFlow: boolean;
+    private readonly weekDaysSignal;
+    private readonly currentMonthNumberSignal;
+    private readonly currentMonthSignal;
+    private readonly currentYearNumberSignal;
+    private readonly currentMonthDatesSignal;
+    private readonly isPreviousMonthDisabledSignal;
+    private readonly isNextMonthDisabledSignal;
+    private readonly localSelectedDateSignal;
+    private readonly allowBookingOnDisabledDaySignal;
+    private readonly currentSelectionSignal;
+    readonly selectedHourSignal: import("@angular/core").WritableSignal<number>;
+    readonly selectedMinuteSignal: import("@angular/core").WritableSignal<number>;
+    readonly selectedAmPmSignal: import("@angular/core").WritableSignal<string>;
+    private readonly isSelectingMonthSignal;
+    private readonly isSelectingYearSignal;
+    private readonly availableYearsSignal;
+    private readonly availableMonthsSignal;
+    private readonly disabledMonthsSignal;
+    private readonly disabledYearsSignal;
+    private readonly selectedYearSignal;
+    private readonly isYearSelectionFlowSignal;
+    weekDays: import("@angular/core").Signal<IWeekDay[]>;
+    currentMonthNumber: import("@angular/core").Signal<number>;
+    currentMonth: import("@angular/core").Signal<ICurrentMonth>;
+    currentYearNumber: import("@angular/core").Signal<number>;
+    currentMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
+    isPreviousMonthDisabled: import("@angular/core").Signal<boolean>;
+    isNextMonthDisabled: import("@angular/core").Signal<boolean>;
+    localSelectedDate: import("@angular/core").Signal<ICurrentMonthDates>;
+    allowBookingOnDisabledDay: import("@angular/core").Signal<boolean>;
+    currentSelection: import("@angular/core").Signal<any>;
+    selectedHour: import("@angular/core").Signal<number>;
+    selectedMinute: import("@angular/core").Signal<number>;
+    selectedAmPm: import("@angular/core").Signal<string>;
+    isSelectingMonth: import("@angular/core").Signal<boolean>;
+    isSelectingYear: import("@angular/core").Signal<boolean>;
+    availableYears: import("@angular/core").Signal<number[]>;
+    availableMonths: import("@angular/core").Signal<string[]>;
+    disabledMonths: import("@angular/core").Signal<boolean[]>;
+    disabledYears: import("@angular/core").Signal<boolean[]>;
+    selectedYear: import("@angular/core").Signal<number>;
+    isYearSelectionFlow: import("@angular/core").Signal<boolean>;
     constructor(data: IDatePickerData, toast: ToastService);
     onHourInput(event: any): void;
     onMinuteInput(event: any): void;

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

@@ -1,5 +1,5 @@
 import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, ViewContainerRef } from "@angular/core";
+import { ElementRef, ViewContainerRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from "./models/drp-config.model";
 import * as i0 from "@angular/core";
@@ -8,20 +8,18 @@ export declare class TzDaterangepickerDirective {
     private element;
     private overlay;
     private viewContainerRef;
-    dpConfig: Partial<IDatePickerConfig>;
-    set selectedDates(dates: ISelectedDatesConfig);
-    set datesDisabled(dates: string[]);
-    selectedRangeLabel: string;
-    dateMessages: IDatePickerToastText[];
-    positionX: "start" | "center" | "end";
-    positionY: "top" | "center" | "bottom";
-    offsetX: number;
-    offsetY: number;
+    dpConfig: import("@angular/core").InputSignal<Partial<IDatePickerConfig>>;
+    selectedDates: import("@angular/core").InputSignal<ISelectedDatesConfig>;
+    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">;
+    offsetX: import("@angular/core").InputSignal<number>;
+    offsetY: import("@angular/core").InputSignal<number>;
+    dateChange: import("@angular/core").OutputEmitterRef<ISelectedDatesConfig>;
     private overlayRef;
-    dateChange: EventEmitter<ISelectedDatesConfig>;
     private isOpen;
-    dates: ISelectedDatesConfig;
-    private dpDisabledDates;
     constructor(control: NgControl, element: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
     toggleDatePicker(): void;
     toggleDatePickerOnEnter(): void;
@@ -30,5 +28,5 @@ export declare class TzDaterangepickerDirective {
     applyDate(dates: ISelectedDatesConfig): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TzDaterangepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDaterangepickerDirective, "input[misTzDrp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; }; "selectedRangeLabel": { "alias": "selectedRangeLabel"; "required": false; }; "dateMessages": { "alias": "dateMessages"; "required": false; }; "positionX": { "alias": "positionX"; "required": false; }; "positionY": { "alias": "positionY"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDaterangepickerDirective, "input[misTzDrp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; "isSignal": true; }; "selectedRangeLabel": { "alias": "selectedRangeLabel"; "required": false; "isSignal": true; }; "dateMessages": { "alias": "dateMessages"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; "offsetY": { "alias": "offsetY"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
 }