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

package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts

@@ -1,60 +1,5 @@
-import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
+import { ElementRef, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class NestedMultiSelectDropdownComponent implements OnInit {
-    private eRef;
-    private overlay;
-    private viewContainerRef;
-    searchInput: string;
-    isOpen: boolean;
-    localSelectedItems: NestedMultiSelectDropdownItem[];
-    localData: NestedMultiSelectDropdownItem[];
-    searchData: NestedMultiSelectDropdownItem[];
-    selectedCount: number;
-    set data(values: NestedMultiSelectDropdownItem[]);
-    label: string;
-    height: string;
-    width: string;
-    dropdownListHeight: string;
-    dropdownListWidth: string;
-    dropdownListPosition: "Left" | "Right";
-    searchEnabled: boolean;
-    showSelectedCount: boolean;
-    noDataMessage: string;
-    set selectedItems(values: NestedMultiSelectDropdownItem[]);
-    onChange: EventEmitter<any>;
-    selectElement: ElementRef;
-    popupContainer: TemplateRef<Element>;
-    private overlayRef;
-    constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
-    ngOnInit(): void;
-    handlerSetLocalSelectedItems(values: any): void;
-    isSearchInputFocused: boolean;
-    searchInputFocused(isFocused: boolean): void;
-    searchInputCanceled(event: any): void;
-    toggleDropdown(): void;
-    private openDropdown;
-    filterByValue(array: NestedMultiSelectDropdownItem[], string: string): {
-        children: {
-            label: string;
-            value: string;
-            checked?: boolean;
-            icon?: string;
-        }[];
-        label: string;
-        value: string;
-        checked?: boolean;
-        icon?: string;
-    }[];
-    searchInputOnChange(newValue: any): void;
-    formatValues(array: NestedMultiSelectDropdownItem[]): NestedMultiSelectDropdownItem[];
-    toggleSelectedItems(event: any, item: NestedMultiSelectDropdownItem, cItem?: any): void;
-    applyFilters(): void;
-    onReset(): void;
-    onCancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NestedMultiSelectDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NestedMultiSelectDropdownComponent, "mis-nested-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
-}
 export interface NestedMultiSelectDropdownItem {
     label: string;
     value: string;
@@ -67,3 +12,101 @@ export interface NestedMultiSelectDropdownItem {
         icon?: string;
     }>;
 }
+export declare class NestedMultiSelectDropdownComponent {
+    private readonly eRef;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    data: import("@angular/core").InputSignal<NestedMultiSelectDropdownItem[]>;
+    selectedItems: import("@angular/core").InputSignal<NestedMultiSelectDropdownItem[]>;
+    label: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    width: 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>;
+    showSelectedCount: import("@angular/core").InputSignal<boolean>;
+    noDataMessage: import("@angular/core").InputSignal<string>;
+    searchInputPlaceholder: import("@angular/core").InputSignal<string>;
+    onChange: import("@angular/core").OutputEmitterRef<NestedMultiSelectDropdownItem[]>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    searchInput: import("@angular/core").WritableSignal<string>;
+    isSearchInputFocused: import("@angular/core").WritableSignal<boolean>;
+    localData: import("@angular/core").WritableSignal<NestedMultiSelectDropdownItem[]>;
+    selectElement: ElementRef;
+    popupContainer: TemplateRef<Element>;
+    private overlayRef;
+    constructor();
+    /**
+     * Computed signal for the number of selected items.
+     */
+    selectedCount: import("@angular/core").Signal<number>;
+    /**
+     * Computed signal for data to be displayed in the dropdown.
+     * Filters based on search input and sorts the parents.
+     */
+    displayData: import("@angular/core").Signal<NestedMultiSelectDropdownItem[]>;
+    /**
+     * Initializes the data structure from inputs, setting checked states.
+     * @param data The input data array.
+     * @param selected The selected items from the parent.
+     */
+    private initializeData;
+    /**
+     * Filters the data based on search string, including children.
+     * @param array The data to filter.
+     * @param search The search string.
+     */
+    private filterByValue;
+    /**
+     * Sorts the parent items, placing checked parents at the top.
+     * @param data The data to sort.
+     */
+    private sortData;
+    /**
+     * Toggles the dropdown's open/close state.
+     */
+    toggleDropdown(): void;
+    /**
+     * Handles focus state of the search input.
+     * @param isFocused
+     */
+    searchInputFocused(isFocused: boolean): void;
+    /**
+     * Clears the search input.
+     * @param event
+     */
+    searchInputCanceled(event: Event): void;
+    /**
+     * Handles the change event from the search input.
+     * @param newValue
+     */
+    searchInputOnChange(newValue: string): void;
+    /**
+     * Toggles the checked state of a specific item, handling parent-child relationships.
+     * @param event
+     * @param parent
+     * @param child
+     */
+    toggleSelectedItems(event: Event, parent: NestedMultiSelectDropdownItem, child?: any): void;
+    /**
+     * Emits the selected items and closes the dropdown.
+     */
+    applyFilters(): void;
+    /**
+     * Resets all selections to empty.
+     */
+    onReset(): void;
+    /**
+     * Closes the dropdown and reverts any unapplied changes.
+     */
+    onCancel(): void;
+    /**
+     * Creates and displays the overlay for the dropdown list.
+     * @param template
+     * @param origin
+     */
+    private openDropdown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NestedMultiSelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NestedMultiSelectDropdownComponent, "mis-nested-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "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; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "18.0.25",
+  "version": "18.1.0-signal-test",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -34,11 +34,11 @@
       "esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
       "default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
     },
-    "./async-search-dropdown": {
-      "types": "./async-search-dropdown/index.d.ts",
-      "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
-      "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
     },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
@@ -46,23 +46,23 @@
       "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
     },
+    "./datepicker_v2": {
+      "types": "./datepicker_v2/index.d.ts",
+      "esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
+      "esm": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-datepicker_v2.mjs"
+    },
     "./chip": {
       "types": "./chip/index.d.ts",
       "esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
-    },
-    "./datepicker_v2": {
-      "types": "./datepicker_v2/index.d.ts",
-      "esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
-      "esm": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-datepicker_v2.mjs"
+    "./async-search-dropdown": {
+      "types": "./async-search-dropdown/index.d.ts",
+      "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
+      "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
     },
     "./daterangepicker_v2": {
       "types": "./daterangepicker_v2/index.d.ts",
@@ -88,12 +88,6 @@
       "esm": "./esm2022/dynamic-form/mis-crystal-design-system-dynamic-form.mjs",
       "default": "./fesm2022/mis-crystal-design-system-dynamic-form.mjs"
     },
-    "./dynamic-theme": {
-      "types": "./dynamic-theme/index.d.ts",
-      "esm2022": "./esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs",
-      "esm": "./esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-dynamic-theme.mjs"
-    },
     "./fab": {
       "types": "./fab/index.d.ts",
       "esm2022": "./esm2022/fab/mis-crystal-design-system-fab.mjs",

package/phone-input/phone-input.component.d.ts

@@ -1,26 +1,24 @@
-import { EventEmitter, OnInit } from "@angular/core";
+import { EventEmitter } from "@angular/core";
 import { FormControl } from "@angular/forms";
 import { DropdownItem } from "mis-crystal-design-system/dropdown";
 import * as i0 from "@angular/core";
-export declare class PhoneInputComponent implements OnInit {
-    dropdownHeight?: string;
-    dropdownWidth?: string;
-    inputHeight?: string;
-    dropdownData: DropdownItem[];
-    dropdownSelectedItem: DropdownItem;
-    label: string;
-    inputPlaceholder: string;
-    inputFormControl: FormControl;
+export declare class PhoneInputComponent {
+    dropdownHeight: import("@angular/core").InputSignal<string>;
+    dropdownWidth: import("@angular/core").InputSignal<string>;
+    inputHeight: import("@angular/core").InputSignal<string>;
+    dropdownData: import("@angular/core").InputSignal<DropdownItem[]>;
+    dropdownSelectedItem: import("@angular/core").InputSignal<DropdownItem>;
+    label: import("@angular/core").InputSignal<string>;
+    inputPlaceholder: import("@angular/core").InputSignal<string>;
+    inputFormControl: import("@angular/core").InputSignal<FormControl<any>>;
+    dropdownListWidth: import("@angular/core").InputSignal<string>;
+    dropdownListHeight: import("@angular/core").InputSignal<string>;
+    searchEnabled: import("@angular/core").InputSignal<boolean>;
+    inputType: import("@angular/core").InputSignal<string>;
+    searchLabel: import("@angular/core").InputSignal<string>;
     onDropdownSelection: EventEmitter<any>;
-    dropdownListWidth: any;
-    dropdownListHeight: any;
-    searchEnabled: boolean;
-    inputType: string;
-    searchLabel: string;
-    constructor();
-    ngOnInit(): void;
     handleDropdownSelection(item: DropdownItem): void;
     preventScroll(event: WheelEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "mis-phone-input", never, { "dropdownHeight": { "alias": "dropdownHeight"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "dropdownData": { "alias": "dropdownData"; "required": false; }; "dropdownSelectedItem": { "alias": "dropdownSelectedItem"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "inputFormControl": { "alias": "inputFormControl"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; }, { "onDropdownSelection": "onDropdownSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "mis-phone-input", never, { "dropdownHeight": { "alias": "dropdownHeight"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "inputHeight": { "alias": "inputHeight"; "required": false; "isSignal": true; }; "dropdownData": { "alias": "dropdownData"; "required": false; "isSignal": true; }; "dropdownSelectedItem": { "alias": "dropdownSelectedItem"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; "isSignal": true; }; "inputFormControl": { "alias": "inputFormControl"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "inputType": { "alias": "inputType"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; }, { "onDropdownSelection": "onDropdownSelection"; }, never, never, false, never>;
 }

package/radio-button/radio-button.component.d.ts

@@ -1,28 +1,26 @@
-import { OnInit, EventEmitter } from "@angular/core";
+import { EventEmitter } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent implements OnInit {
+export declare class RadioButtonComponent {
     /** When multiple radio input fields are used
      * an "id" can be given to keep track of them */
-    id: string | number;
+    id: import("@angular/core").InputSignal<string | number>;
     /** Name of the attribute for which the radio
      * selection is provided */
-    name: string | number;
+    name: import("@angular/core").InputSignal<string | number>;
     /** Value of the attribute which is to be emitted
      * when selected */
-    value: string | number;
+    value: import("@angular/core").InputSignal<string | number>;
     /** Controls the state of the radio button */
-    disabled: boolean;
+    disabled: import("@angular/core").InputSignal<boolean>;
     /** Can be used to attach the radio input field
      * to a reactive form by passing in a
-     * “FormControl“ Object. It can also be
+     * "FormControl" Object. It can also be
      * used to set the default attribute value */
-    formControl: AbstractControl;
+    formControl: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     /** Emits "value" of the radio button on selection */
     valueChange: EventEmitter<any>;
-    constructor();
-    ngOnInit(): void;
     onChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mis-radio", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mis-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/ske-loader/ske-loader.component.d.ts

@@ -1,14 +1,11 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SkeLoaderComponent implements OnInit {
-    rowCount: number[];
-    set count(num: number);
-    lineHeight: string;
-    height: string;
-    width: string;
-    gap: string;
-    constructor();
-    ngOnInit(): void;
+export declare class SkeLoaderComponent {
+    count: import("@angular/core").InputSignal<number>;
+    lineHeight: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    gap: import("@angular/core").InputSignal<string>;
+    rowCount: import("@angular/core").Signal<any[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeLoaderComponent, "mis-skeleton-loader", never, { "count": { "alias": "count"; "required": false; }; "lineHeight": { "alias": "lineHeight"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeLoaderComponent, "mis-skeleton-loader", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/slider/slider.component.d.ts

@@ -1,16 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SliderComponent implements OnInit {
-    private formBuilder;
-    min?: number;
-    max?: number;
-    value: number;
+export declare class SliderComponent {
+    min: import("@angular/core").InputSignal<number>;
+    max: import("@angular/core").InputSignal<number>;
+    value: import("@angular/core").InputSignal<number>;
     valueChange: EventEmitter<number>;
-    sliderForm: UntypedFormGroup;
-    constructor(formBuilder: UntypedFormBuilder);
-    ngOnInit(): void;
+    currentValue: WritableSignal<number>;
+    constructor();
     onInputChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "mis-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "mis-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/slider/slider.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./slider.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
 export declare class SliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, [typeof i1.SliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule], [typeof i1.SliderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, [typeof i1.SliderComponent], [typeof i2.CommonModule], [typeof i1.SliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SliderModule>;
 }

package/snackbar/snackbar/snackbar.component.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import { ISnackBarConfig } from '../snackbar.service';
 import * as i0 from "@angular/core";
 export declare class SnackbarComponent {
-    config: ISnackBarConfig;
+    config: WritableSignal<ISnackBarConfig | undefined>;
     triggerAction: EventEmitter<void>;
     constructor();
     onActionClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "app-snackbar", never, { "config": { "alias": "config"; "required": false; }; }, { "triggerAction": "triggerAction"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "app-snackbar", never, {}, { "triggerAction": "triggerAction"; }, never, ["*"], false, never>;
 }

package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts

@@ -1,53 +1,53 @@
-import { ChangeDetectorRef, OnInit } from "@angular/core";
-import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISSelectedDatesConfig, IRSelectedDatesConfig } from "../models/sdp-config.model";
+import { OnInit } from "@angular/core";
+import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, ISSelectedDatesConfig, IRSelectedDatesConfig } from "../models/sdp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
 import { UntypedFormControl } from "@angular/forms";
 import { TzDatepickerDirective } from "mis-crystal-design-system/datepicker_v2";
 import * as i0 from "@angular/core";
 export declare class TzDrpContainerComponent implements OnInit {
+    private injectedData;
     private toast;
-    private cdr;
-    data: IDatePickerData;
+    readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
     private dayjsInstance;
-    private rawWeekDays;
-    weekDays: IWeekDay[];
-    currentMonthNumber: number;
-    currentMonth: ICurrentMonth;
-    currentYearNumber: number;
-    currentMonthDates: ICurrentMonthDates[];
-    nextMonthNumber: number;
-    nextMonth: ICurrentMonth;
-    nextYearNumber: number;
-    nextMonthDates: ICurrentMonthDates[];
-    isPreviousMonthDisabled: boolean;
-    isNextMonthDisabled: boolean;
-    selectionStarted: boolean;
-    localSelectedDates: ISSelectedDatesConfig[];
-    localSelectedDatesRange: IRSelectedDatesConfig;
-    isDatesValid: boolean;
-    today: Date;
-    todayMonthNumber: number;
-    dateRangeSelected: boolean;
-    dateRangeLength: number;
-    formControl: UntypedFormControl;
-    datePickerValue: string[];
-    singleDatePickerSelected: boolean;
-    openElement: boolean;
-    singleDateSelectedValue: string;
+    private readonly rawWeekDays;
+    readonly localSelectedDates: import("@angular/core").WritableSignal<ISSelectedDatesConfig[]>;
+    readonly localSelectedDatesRange: import("@angular/core").WritableSignal<IRSelectedDatesConfig>;
+    readonly isDatesValid: import("@angular/core").WritableSignal<boolean>;
+    readonly dateRangeSelected: import("@angular/core").WritableSignal<boolean>;
+    readonly singleDatePickerSelected: import("@angular/core").WritableSignal<boolean>;
+    readonly openElement: import("@angular/core").WritableSignal<boolean>;
+    readonly singleDateSelectedValue: import("@angular/core").WritableSignal<string>;
+    readonly selectionStarted: import("@angular/core").WritableSignal<boolean>;
+    readonly isSpecificPickerSelected: import("@angular/core").WritableSignal<boolean>;
+    readonly formControl: UntypedFormControl;
+    readonly datePickerValue: import("@angular/core").WritableSignal<string[]>;
+    readonly currentMonthNumber: import("@angular/core").WritableSignal<number>;
+    readonly currentYearNumber: import("@angular/core").WritableSignal<number>;
+    readonly nextMonthNumber: import("@angular/core").WritableSignal<number>;
+    readonly nextYearNumber: import("@angular/core").WritableSignal<number>;
+    readonly weekDays: import("@angular/core").Signal<{
+        label: string;
+        isCurrentDay: boolean;
+    }[]>;
+    readonly currentMonth: import("@angular/core").Signal<ICurrentMonth>;
+    readonly nextMonth: import("@angular/core").Signal<ICurrentMonth>;
+    readonly todayMonthNumber: import("@angular/core").Signal<number>;
+    readonly dateRangeLength: import("@angular/core").Signal<number>;
+    readonly isPreviousMonthDisabled: import("@angular/core").Signal<boolean>;
+    readonly isNextMonthDisabled: import("@angular/core").Signal<boolean>;
+    readonly currentMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
+    readonly nextMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
     singleDatePickerElement: TzDatepickerDirective;
-    constructor(data: IDatePickerData, toast: ToastService, cdr: ChangeDetectorRef);
+    constructor(injectedData: IDatePickerData, toast: ToastService);
     ngOnInit(): void;
-    private currentDateInstance;
-    private calculateMinMaxDays;
-    navigateMonth(direction: "NEXT" | "PREVIOUS"): void;
     private generateDates;
+    navigateMonth(direction: "NEXT" | "PREVIOUS"): void;
     selectDay(from: "LEFT" | "RIGHT", day: ICurrentMonthDates): void;
     applyDates(): void;
     applyDatesRange(): void;
-    onSingleDateChange($event: any): void;
+    onSingleDateChange(event: string): void;
     cancelDatePicker(): void;
     changePicker(event: any): void;
-    calculateDateRangeLength(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TzDrpContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TzDrpContainerComponent, "mis-tz-sdp", never, {}, {}, never, never, false, never>;

package/specificdatepicker/tz-specificdatepicker.directive.d.ts

@@ -1,43 +1,39 @@
 import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, SimpleChanges, ViewContainerRef } from "@angular/core";
+import { ElementRef, ViewContainerRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { ISDatePickerConfig, ISDatePickerToastText, ISSelectedDatesConfig, IRSelectedDatesConfig } from "./models/sdp-config.model";
 import * as i0 from "@angular/core";
 export declare class TzSpecificDatepickerDirective {
-    private control;
     private element;
     private overlay;
     private viewContainerRef;
-    dpConfig: ISDatePickerConfig;
-    set selectedDates(dates: ISSelectedDatesConfig[]);
-    set selectedDatesRange(dates: IRSelectedDatesConfig);
-    set datesDisabled(dates: string[]);
-    set holidaysDates(dates: string[]);
-    set weekOffsSelection(dates: string[]);
-    dateMessages: ISDatePickerToastText[];
-    positionX: "start" | "center" | "end";
-    positionY: "top" | "center" | "bottom";
-    offsetX: number;
-    offsetY: number;
-    isSPickerSelected: boolean;
-    isSingleDatePickerEnable: boolean;
+    private control;
+    readonly dpConfig: import("@angular/core").InputSignal<ISDatePickerConfig>;
+    readonly selectedDates: import("@angular/core").InputSignal<ISSelectedDatesConfig[]>;
+    readonly selectedDatesRange: import("@angular/core").InputSignal<IRSelectedDatesConfig>;
+    readonly datesDisabled: import("@angular/core").InputSignal<string[]>;
+    readonly holidaysDates: import("@angular/core").InputSignal<string[]>;
+    readonly weekOffsSelection: import("@angular/core").InputSignal<string[]>;
+    readonly dateMessages: import("@angular/core").InputSignal<ISDatePickerToastText[]>;
+    readonly positionX: import("@angular/core").InputSignal<"start" | "center" | "end">;
+    readonly positionY: import("@angular/core").InputSignal<"center" | "top" | "bottom">;
+    readonly offsetX: import("@angular/core").InputSignal<number>;
+    readonly offsetY: import("@angular/core").InputSignal<number>;
+    readonly isSPickerSelected: import("@angular/core").InputSignal<boolean>;
+    readonly isSingleDatePickerEnable: import("@angular/core").InputSignal<boolean>;
+    readonly dateChange: import("@angular/core").OutputEmitterRef<ISSelectedDatesConfig[]>;
+    readonly dateChangeRange: import("@angular/core").OutputEmitterRef<IRSelectedDatesConfig>;
+    private readonly isOpen;
     private overlayRef;
-    dateChange: EventEmitter<ISSelectedDatesConfig[]>;
-    dateChangeRange: EventEmitter<IRSelectedDatesConfig>;
-    private isOpen;
-    dates: ISSelectedDatesConfig[];
-    datesRange: IRSelectedDatesConfig;
-    weekOffs: string[];
-    private dpDisabledDates;
-    private dpHolidays;
-    constructor(control: NgControl, element: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    constructor(element: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, control: NgControl);
     toggleDatePicker(): void;
+    toggleDatePickerOnEnter(): void;
+    closeOnEsc(): void;
     private open;
-    updateOverlayPosition(): void;
+    private updateOverlayPosition;
     applyDate(dates: ISSelectedDatesConfig[]): void;
     applyDateRange(dates: IRSelectedDatesConfig): void;
     close(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TzSpecificDatepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzSpecificDatepickerDirective, "input[misTzSdp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedDatesRange": { "alias": "selectedDatesRange"; "required": false; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; }; "holidaysDates": { "alias": "holidaysDates"; "required": false; }; "weekOffsSelection": { "alias": "weekOffsSelection"; "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; }; "isSPickerSelected": { "alias": "isSPickerSelected"; "required": false; }; "isSingleDatePickerEnable": { "alias": "isSingleDatePickerEnable"; "required": false; }; }, { "dateChange": "dateChange"; "dateChangeRange": "dateChangeRange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TzSpecificDatepickerDirective, [null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TzSpecificDatepickerDirective, "input[misTzSdp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "selectedDatesRange": { "alias": "selectedDatesRange"; "required": false; "isSignal": true; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; "isSignal": true; }; "holidaysDates": { "alias": "holidaysDates"; "required": false; "isSignal": true; }; "weekOffsSelection": { "alias": "weekOffsSelection"; "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; }; "isSPickerSelected": { "alias": "isSPickerSelected"; "required": false; "isSignal": true; }; "isSingleDatePickerEnable": { "alias": "isSingleDatePickerEnable"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "dateChangeRange": "dateChangeRange"; }, never, never, false, never>;
 }

package/star-rating/star-rating.component.d.ts

@@ -1,26 +1,26 @@
-import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class StarRatingComponent implements OnInit, OnChanges {
-    noOfStars: number;
-    selectedRating: number;
-    selectedStarSvg: string;
-    emptyStarSvg: string;
-    starHeight: string;
-    starWidth: string;
-    starSelectionAllowed: boolean;
-    starHoverAllowed: boolean;
-    starRated: EventEmitter<number>;
-    starData: STAR_DATA[];
-    selectedData: STAR_DATA[];
-    constructor();
+export declare class StarRatingComponent implements OnInit {
+    noOfStars: import("@angular/core").InputSignal<number>;
+    selectedRating: import("@angular/core").InputSignal<number>;
+    selectedStarSvg: import("@angular/core").InputSignal<string>;
+    emptyStarSvg: import("@angular/core").InputSignal<string>;
+    starHeight: import("@angular/core").InputSignal<string>;
+    starWidth: import("@angular/core").InputSignal<string>;
+    starSelectionAllowed: import("@angular/core").InputSignal<boolean>;
+    starHoverAllowed: import("@angular/core").InputSignal<boolean>;
+    starRated: import("@angular/core").OutputEmitterRef<number>;
+    private _hoverIndex;
+    private _selectedRating;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    assetsSelection(index?: number): void;
-    starMouseOver(index: any): void;
+    constructor();
+    starData: import("@angular/core").Signal<STAR_DATA[]>;
+    starMouseOver(index: number): void;
     starMouseLeave(): void;
     selectedStarData(index: number): void;
+    trackById(_: number, item: STAR_DATA): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<StarRatingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StarRatingComponent, "mis-star-rating", never, { "noOfStars": { "alias": "noOfStars"; "required": false; }; "selectedRating": { "alias": "selectedRating"; "required": false; }; "selectedStarSvg": { "alias": "selectedStarSvg"; "required": false; }; "emptyStarSvg": { "alias": "emptyStarSvg"; "required": false; }; "starHeight": { "alias": "starHeight"; "required": false; }; "starWidth": { "alias": "starWidth"; "required": false; }; "starSelectionAllowed": { "alias": "starSelectionAllowed"; "required": false; }; "starHoverAllowed": { "alias": "starHoverAllowed"; "required": false; }; }, { "starRated": "starRated"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StarRatingComponent, "mis-star-rating", never, { "noOfStars": { "alias": "noOfStars"; "required": false; "isSignal": true; }; "selectedRating": { "alias": "selectedRating"; "required": false; "isSignal": true; }; "selectedStarSvg": { "alias": "selectedStarSvg"; "required": false; "isSignal": true; }; "emptyStarSvg": { "alias": "emptyStarSvg"; "required": false; "isSignal": true; }; "starHeight": { "alias": "starHeight"; "required": false; "isSignal": true; }; "starWidth": { "alias": "starWidth"; "required": false; "isSignal": true; }; "starSelectionAllowed": { "alias": "starSelectionAllowed"; "required": false; "isSignal": true; }; "starHoverAllowed": { "alias": "starHoverAllowed"; "required": false; "isSignal": true; }; }, { "starRated": "starRated"; }, never, never, false, never>;
 }
 export interface STAR_DATA {
     id: number;