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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "18.0.24",
+  "version": "18.1.0-signal-test",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -34,23 +34,23 @@
       "esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
       "default": "./fesm2022/mis-crystal-design-system-analytics.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",
       "esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "default": "./fesm2022/mis-crystal-design-system-checkbox.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"
+    "./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",
@@ -58,11 +58,11 @@
       "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "default": "./fesm2022/mis-crystal-design-system-chip.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",

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;

package/switch/switch.component.d.ts

@@ -1,16 +1,14 @@
-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 SwitchComponent implements OnInit {
-    mobileView: boolean;
-    set checked(value: boolean);
-    set disabled(value: boolean);
-    control: AbstractControl;
-    /** Emits value when toggled */
+export declare class SwitchComponent {
+    mobileView: import("@angular/core").InputSignal<boolean>;
+    checked: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     valueChanged: EventEmitter<boolean>;
     constructor();
-    ngOnInit(): void;
-    onChange(event: any): void;
+    onChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "mis-switch", never, { "mobileView": { "alias": "mobileView"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "mis-switch", never, { "mobileView": { "alias": "mobileView"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, false, never>;
 }

package/table/actions-cell/actions-cell.component.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, OnInit, ElementRef, TemplateRef, ViewContainerRef, OnDestroy } from "@angular/core";
+import { OnInit, ElementRef, TemplateRef, ViewContainerRef, OnDestroy } from "@angular/core";
 import { Overlay } from "@angular/cdk/overlay";
 import { ActionItem } from "../table.component";
 import * as i0 from "@angular/core";
 export declare class ActionsCellComponent implements OnInit, OnDestroy {
     private overlay;
     private viewContainerRef;
-    cellData: any;
-    config: any;
-    actionClick: EventEmitter<{
+    cellData: import("@angular/core").InputSignal<any>;
+    config: import("@angular/core").InputSignal<any>;
+    actionClick: import("@angular/core").OutputEmitterRef<{
         item?: ActionItem;
         data?: any;
         actionType?: string;
@@ -15,15 +15,15 @@ export declare class ActionsCellComponent implements OnInit, OnDestroy {
     }>;
     dropdownMenu: TemplateRef<any>;
     dropdownTrigger: ElementRef;
-    isDropdownOpen: boolean;
-    actionItems: ActionItem[];
-    actionType: "inline" | "dropdown" | "checkbox" | "row-collapse";
-    action?: (data: any) => void;
-    data: any;
-    disable: (data: any) => boolean;
-    currentState: boolean;
+    isDropdownOpen: import("@angular/core").WritableSignal<boolean>;
+    actionItems: import("@angular/core").WritableSignal<ActionItem[]>;
+    actionType: import("@angular/core").WritableSignal<"inline" | "dropdown" | "checkbox" | "row-collapse">;
+    action: import("@angular/core").WritableSignal<(data: any) => void>;
+    data: import("@angular/core").WritableSignal<any>;
+    disable: import("@angular/core").WritableSignal<(data: any) => boolean>;
+    currentState: import("@angular/core").WritableSignal<boolean>;
     private _style;
-    containerStyle: any;
+    containerStyle: import("@angular/core").WritableSignal<any>;
     private overlayRef;
     constructor(overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
@@ -38,8 +38,8 @@ export declare class ActionsCellComponent implements OnInit, OnDestroy {
     private closeDropdown;
     private getDropdownPositions;
     onDropdownItemClick(item: any, event: Event): void;
-    onClick(event: any): void;
+    onClick(event?: any): void;
     isDisabled(item: ActionItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsCellComponent, "mis-actions-cell", never, { "cellData": { "alias": "cellData"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsCellComponent, "mis-actions-cell", never, { "cellData": { "alias": "cellData"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
 }

package/table/custom-table-cell.directive.d.ts

@@ -6,11 +6,11 @@ export declare class CustomTableCellDirective {
     private ref;
     private component;
     private cellData;
-    set customComponent(value: any);
-    set data(value: any);
+    customComponent: import("@angular/core").InputSignal<any>;
+    data: import("@angular/core").InputSignal<any>;
     constructor(viewContainerRef: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver);
     createComponent(): void;
     setData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTableCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomTableCellDirective, "[customTableCell]", never, { "customComponent": { "alias": "customComponent"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomTableCellDirective, "[customTableCell]", never, { "customComponent": { "alias": "customComponent"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/table/filter/filter.component.d.ts

@@ -1,23 +1,23 @@
-import { ElementRef, EventEmitter, OnInit } from "@angular/core";
+import { ElementRef, OnInit } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class TableFilterComponent implements OnInit {
-    filtersData: Array<Filter>;
-    containerStyles: any;
-    filtersApplied: EventEmitter<any>;
+    filtersData: import("@angular/core").InputSignal<Filter[]>;
+    containerStyles: import("@angular/core").InputSignal<any>;
+    filtersApplied: import("@angular/core").OutputEmitterRef<any>;
     container: ElementRef | undefined;
-    filtersMap: any;
-    searchValue: string;
+    filtersMap: import("@angular/core").WritableSignal<any>;
+    searchValue: import("@angular/core").WritableSignal<string>;
     constructor();
     ngOnInit(): void;
     resetFilters(): void;
     applyFilters(): void;
-    updateSearchValue(event: any): void;
     updateFilter(data: any): void;
+    updateSearchValue(event: any): void;
     getFiltersBasedOnSearchValue(): Filter[] | any;
     getCheckedFilters(): Filter[] | any;
-    mySort: (a: Filter | any, b: Filter | any) => 1 | -1 | 0;
+    mySort: (a: Filter, b: Filter) => number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableFilterComponent, "mis-table-filter", never, { "filtersData": { "alias": "filtersData"; "required": false; }; "containerStyles": { "alias": "containerStyles"; "required": false; }; }, { "filtersApplied": "filtersApplied"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableFilterComponent, "mis-table-filter", never, { "filtersData": { "alias": "filtersData"; "required": false; "isSignal": true; }; "containerStyles": { "alias": "containerStyles"; "required": false; "isSignal": true; }; }, { "filtersApplied": "filtersApplied"; }, never, never, false, never>;
 }
 export interface Filter {
     name: string;

package/table/sub-table/sub-table.component.d.ts

@@ -2,10 +2,10 @@ import { AfterViewInit, ElementRef, OnInit, Renderer2 } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class SubTableComponent implements OnInit, AfterViewInit {
     private renderer;
-    selectedPage: number;
-    pages: Array<number>;
-    config: SubTableConfig | any;
-    tableData: Array<Array<any>>;
+    selectedPage: import("@angular/core").WritableSignal<number>;
+    pages: import("@angular/core").WritableSignal<number[]>;
+    config: import("@angular/core").InputSignal<any>;
+    tableData: import("@angular/core").InputSignal<any[][]>;
     table: ElementRef | any;
     constructor(renderer: Renderer2);
     ngOnInit(): void;
@@ -16,7 +16,7 @@ export declare class SubTableComponent implements OnInit, AfterViewInit {
     getColHeadersRowBorderTop(): any;
     getColHeadersRowBorderBottom(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SubTableComponent, "sub-table", never, { "config": { "alias": "config"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubTableComponent, "sub-table", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 export interface SubTableConfig {
     height: string | "100%";