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

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

@@ -8,29 +8,52 @@ export declare class TzDrpContainerComponent implements OnInit {
     data: 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: ISelectedDatesConfig;
-    isDatesValid: boolean;
-    selectedItemLabel: string;
-    startHour: number;
-    startMinute: number;
-    startAmPm: string;
-    endHour: number;
-    endMinute: number;
-    endAmPm: string;
-    startHour24: number;
-    endHour24: number;
+    private readonly weekDaysSignal;
+    private readonly currentMonthNumberSignal;
+    private readonly currentMonthSignal;
+    private readonly currentYearNumberSignal;
+    private readonly currentMonthDatesSignal;
+    private readonly nextMonthNumberSignal;
+    private readonly nextMonthSignal;
+    private readonly nextYearNumberSignal;
+    private readonly nextMonthDatesSignal;
+    private readonly isPreviousMonthDisabledSignal;
+    private readonly isNextMonthDisabledSignal;
+    private readonly selectionStartedSignal;
+    private readonly localSelectedDatesSignal;
+    private readonly isDatesValidSignal;
+    private readonly selectedItemLabelSignal;
+    readonly startHourSignal: import("@angular/core").WritableSignal<number>;
+    readonly startMinuteSignal: import("@angular/core").WritableSignal<number>;
+    readonly startAmPmSignal: import("@angular/core").WritableSignal<string>;
+    readonly endHourSignal: import("@angular/core").WritableSignal<number>;
+    readonly endMinuteSignal: import("@angular/core").WritableSignal<number>;
+    readonly endAmPmSignal: import("@angular/core").WritableSignal<string>;
+    readonly startHour24Signal: import("@angular/core").WritableSignal<number>;
+    readonly endHour24Signal: import("@angular/core").WritableSignal<number>;
+    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[]>;
+    nextMonthNumber: import("@angular/core").Signal<number>;
+    nextMonth: import("@angular/core").Signal<ICurrentMonth>;
+    nextYearNumber: import("@angular/core").Signal<number>;
+    nextMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
+    isPreviousMonthDisabled: import("@angular/core").Signal<boolean>;
+    isNextMonthDisabled: import("@angular/core").Signal<boolean>;
+    selectionStarted: import("@angular/core").Signal<boolean>;
+    localSelectedDates: import("@angular/core").Signal<ISelectedDatesConfig>;
+    isDatesValid: import("@angular/core").Signal<boolean>;
+    selectedItemLabel: import("@angular/core").Signal<string>;
+    startHour: import("@angular/core").Signal<number>;
+    startMinute: import("@angular/core").Signal<number>;
+    startAmPm: import("@angular/core").Signal<string>;
+    endHour: import("@angular/core").Signal<number>;
+    endMinute: import("@angular/core").Signal<number>;
+    endAmPm: import("@angular/core").Signal<string>;
+    startHour24: import("@angular/core").Signal<number>;
+    endHour24: import("@angular/core").Signal<number>;
     constructor(data: IDatePickerData, toast: ToastService);
     ngOnInit(): void;
     retractDayMonth(day: any, month: any, year: any): any;

package/drawer/drawer-body/drawer-body.component.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
-import { ComponentFactoryResolver, ViewContainerRef } from "@angular/core";
+import { ComponentFactoryResolver, ViewContainerRef, WritableSignal } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class DrawerBodyComponent {
     private cfr;
-    drawerPortal: ComponentPortal<any>;
+    drawerPortal: WritableSignal<ComponentPortal<any> | null>;
     constructor(cfr: ComponentFactoryResolver);
     place: ViewContainerRef;
     bindComponent(type: any, injector: PortalInjector): void;

package/drawer/drawer.scss

@@ -3,7 +3,7 @@
   transition: all 300ms ease-out;
 }
 .mis-drawer-overlay {
-  background: var(--bg-overlay-light, rgba(0, 0, 0, 0.12));
+  background: rgba(0, 0, 0, 0.12);
 }
 mis-datepicker-container {
   z-index: 2100;

package/dropdown/calculate-container-height.directive.d.ts

@@ -1,12 +1,11 @@
-import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CalculateContainerHeightDirective implements AfterViewInit {
-    private el;
-    items: any[];
-    visibleItems: number;
-    constructor(el: ElementRef);
-    ngAfterViewInit(): void;
+export declare class CalculateContainerHeightDirective {
+    items: import("@angular/core").InputSignal<any[]>;
+    visibleItems: import("@angular/core").InputSignal<number>;
+    private readonly el;
+    private itemHeight;
+    private heightEffect;
     private setContainerHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalculateContainerHeightDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalculateContainerHeightDirective, "[calculateContainerHeight]", never, { "items": { "alias": "items"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalculateContainerHeightDirective, "[calculateContainerHeight]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "visibleItems": { "alias": "visibleItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/dropdown/dropdown.component.d.ts

@@ -1,73 +1,69 @@
+import { ElementRef, TemplateRef, ViewContainerRef, ChangeDetectorRef } from "@angular/core";
 import { Overlay } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef, ChangeDetectorRef } from "@angular/core";
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
 import * as i0 from "@angular/core";
-export declare class DropdownComponent implements OnInit {
+export declare class DropdownComponent {
     private eRef;
     private overlay;
     private viewContainerRef;
     private cdr;
-    isOpen: boolean;
-    loading: boolean;
-    isSearchInputFocused: boolean;
-    searchInput: string;
-    searchData: DropdownItem[];
-    visibleItems: number;
-    dynamicHeight: string;
-    data: DropdownItem[];
-    height: string;
-    ariaLabel: string;
-    width: string;
-    label: string;
-    itemSizeForCdk: number;
-    showOnlyIcon: boolean;
-    higlightSelectedValue: boolean;
-    dropdownListHeight: string;
-    dropdownListWidth: string;
-    dropdownListPosition: "Left" | "Right";
-    config: any;
-    searchEnabled: boolean;
-    selectedItem: DropdownItem;
-    noDataMessage: string;
-    multiLine: boolean;
-    additionalInfoMessage: string;
-    scrollIntoView: boolean;
-    searchLabel: string;
-    customStyles: {
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly isSearchInputFocused: import("@angular/core").WritableSignal<boolean>;
+    readonly searchInput: import("@angular/core").WritableSignal<string>;
+    readonly searchData: import("@angular/core").WritableSignal<DropdownItem[]>;
+    readonly dynamicHeight: import("@angular/core").WritableSignal<string>;
+    readonly internalData: import("@angular/core").WritableSignal<DropdownItem[]>;
+    readonly data: import("@angular/core").InputSignal<DropdownItem[]>;
+    readonly height: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly width: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly itemSizeForCdk: import("@angular/core").InputSignal<number>;
+    readonly showOnlyIcon: import("@angular/core").InputSignal<boolean>;
+    readonly higlightSelectedValue: import("@angular/core").InputSignal<boolean>;
+    readonly dropdownListHeight: import("@angular/core").InputSignal<string>;
+    readonly dropdownListWidth: import("@angular/core").InputSignal<string>;
+    readonly dropdownListPosition: import("@angular/core").InputSignal<"Left" | "Right">;
+    readonly config: import("@angular/core").InputSignal<any>;
+    readonly searchEnabled: import("@angular/core").InputSignal<boolean>;
+    readonly selectedItem: import("@angular/core").InputSignal<DropdownItem>;
+    readonly noDataMessage: import("@angular/core").InputSignal<string>;
+    readonly multiLine: import("@angular/core").InputSignal<boolean>;
+    readonly additionalInfoMessage: import("@angular/core").InputSignal<string>;
+    readonly scrollIntoView: import("@angular/core").InputSignal<boolean>;
+    readonly searchLabel: import("@angular/core").InputSignal<string>;
+    readonly customStyles: import("@angular/core").InputSignal<{
         [key: string]: string;
-    };
-    activeItem: boolean;
-    onChange: EventEmitter<any>;
+    }>;
+    readonly activeItem: import("@angular/core").InputSignal<boolean>;
+    readonly onChange: import("@angular/core").OutputEmitterRef<DropdownItem>;
     selectElement: ElementRef;
     popupContainer: TemplateRef<Element>;
-    private _itemsContainer;
-    set itemsContainer(container: ElementRef | null);
     viewPort: CdkVirtualScrollViewport;
     customItem: TemplateRef<Element>;
+    private _itemsContainer;
+    set itemsContainer(container: ElementRef | null);
     private overlayRef;
     constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
     measureAndUpdateHeight(): void;
     get currentData(): DropdownItem[];
     get itemsContainerStyle(): {
         [key: string]: string;
     };
-    getIconStyles(item: any, activeItem: boolean): {
-        [key: string]: string;
-    };
     setUpAsyncDataSearch(): void;
-    filterByValue(array: any, string: string): any;
-    filterByPrimaryText(array: any, string: string): any;
-    searchInputOnChange(newValue: any): void;
+    searchInputOnChange(newValue: string): void;
+    filterByValue(array: DropdownItem[], string: string): DropdownItem[];
+    filterByPrimaryText(array: DropdownItem[], string: string): DropdownItem[];
     searchInputFocused(isFocused: boolean): void;
-    searchInputCanceled(event: any): void;
+    searchInputCanceled(event: Event): void;
     toggleDropdown(): void;
     private openDropdown;
-    selectItem(item: any): void;
+    selectItem(item: DropdownItem): void;
     onCancel(): void;
     closeOnEsc(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mis-dropdown", never, { "data": { "alias": "data"; "required": false; }; "height": { "alias": "height"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "width": { "alias": "width"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemSizeForCdk": { "alias": "itemSizeForCdk"; "required": false; }; "showOnlyIcon": { "alias": "showOnlyIcon"; "required": false; }; "higlightSelectedValue": { "alias": "higlightSelectedValue"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "config": { "alias": "config"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "multiLine": { "alias": "multiLine"; "required": false; }; "additionalInfoMessage": { "alias": "additionalInfoMessage"; "required": false; }; "scrollIntoView": { "alias": "scrollIntoView"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "onChange": "onChange"; }, ["customItem"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mis-dropdown", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "itemSizeForCdk": { "alias": "itemSizeForCdk"; "required": false; "isSignal": true; }; "showOnlyIcon": { "alias": "showOnlyIcon"; "required": false; "isSignal": true; }; "higlightSelectedValue": { "alias": "higlightSelectedValue"; "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; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "multiLine": { "alias": "multiLine"; "required": false; "isSignal": true; }; "additionalInfoMessage": { "alias": "additionalInfoMessage"; "required": false; "isSignal": true; }; "scrollIntoView": { "alias": "scrollIntoView"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "customStyles": { "alias": "customStyles"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["customItem"], never, false, never>;
 }
 export interface DropdownItem {
     label: any;
@@ -76,7 +72,3 @@ export interface DropdownItem {
     disabled?: boolean;
     customIcon?: string;
 }
-export interface ActionItemLabel {
-    primaryText?: string;
-    secondaryText?: string;
-}

package/dynamic-form/dynamic-form.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit, TemplateRef } from "@angular/core";
+import { OnDestroy, OnInit, TemplateRef } from "@angular/core";
 import { NsDynamicForm } from "./dynamic-form.namespace";
 import { UntypedFormArray, UntypedFormControl, UntypedFormGroup, ValidatorFn } from "@angular/forms";
 import { Subscription } from "rxjs";
@@ -9,33 +9,32 @@ export declare class DynamicFormComponent implements OnInit, OnDestroy {
      * formValues:  Holds the value of the dynamic form with "key" being dynamic field "title"
      *              and value being the user input.
      */
-    formFields: Array<NsDynamicForm.IDynamicField>;
-    formValues: {
+    formFields: import("@angular/core").InputSignal<NsDynamicForm.IDynamicField[]>;
+    formValues: import("@angular/core").InputSignal<{
         [key: string]: any;
-    };
-    activeBtnIconUrl: string;
-    calendarIconUrl: string;
-    removeIconUrl: string;
-    removeSepratorForSubFields: boolean;
+    }>;
+    activeBtnIconUrl: import("@angular/core").InputSignal<string>;
+    calendarIconUrl: import("@angular/core").InputSignal<string>;
+    removeIconUrl: import("@angular/core").InputSignal<string>;
+    removeSepratorForSubFields: import("@angular/core").InputSignal<boolean>;
     /**
      * dynamicForm: Constructed using formFields and formValues(in case of edit)
      */
-    dynamicForm: UntypedFormGroup;
     /**
      * formUpdated: Emits formValues Object whenever there is a change in the dynamic form.
      */
-    formUpdated: EventEmitter<{
+    formUpdated: import("@angular/core").OutputEmitterRef<{
         [key: string]: any;
     }>;
     /**
      * formValid: Emits boolean depending on validity of the form
      */
-    formValid: EventEmitter<boolean>;
+    formValid: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * formInitialized: Emits dynamic form API on form initilization
      */
-    formInitialized: EventEmitter<any>;
-    fieldRemoved: EventEmitter<NsDynamicForm.IDynamicField>;
+    formInitialized: import("@angular/core").OutputEmitterRef<any>;
+    fieldRemoved: import("@angular/core").OutputEmitterRef<NsDynamicForm.IDynamicField>;
     customInputTextNumber: TemplateRef<Element>;
     customInputTextarea: TemplateRef<Element>;
     customInputDate: TemplateRef<Element>;
@@ -44,8 +43,13 @@ export declare class DynamicFormComponent implements OnInit, OnDestroy {
     customSingleSelectRadio: TemplateRef<Element>;
     customMultiSelectCheckbox: TemplateRef<Element>;
     customMultiSelectDropdown: TemplateRef<Element>;
-    dynamicFormAPI: NsDynamicForm.IDynamicFormAPI;
-    valueChangesSubscription$: Subscription;
+    private readonly dynamicFormSignal;
+    private readonly dynamicFormAPISignal;
+    private readonly valueChangesSubscriptionSignal;
+    dynamicForm: import("@angular/core").Signal<UntypedFormGroup>;
+    dynamicFormAPI: import("@angular/core").Signal<NsDynamicForm.IDynamicFormAPI>;
+    valueChangesSubscription$: import("@angular/core").Signal<Subscription>;
+    get formFieldsArray(): NsDynamicForm.IDynamicField[];
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -76,6 +80,6 @@ export declare class DynamicFormComponent implements OnInit, OnDestroy {
     mapFormValueToFormField(formField: NsDynamicForm.IDynamicField, formValue: any): any;
     mapFormFieldToFormValue(formField: NsDynamicForm.IDynamicField, formValue: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "mis-dynamic-form", never, { "formFields": { "alias": "formFields"; "required": false; }; "formValues": { "alias": "formValues"; "required": false; }; "activeBtnIconUrl": { "alias": "activeBtnIconUrl"; "required": false; }; "calendarIconUrl": { "alias": "calendarIconUrl"; "required": false; }; "removeIconUrl": { "alias": "removeIconUrl"; "required": false; }; "removeSepratorForSubFields": { "alias": "removeSepratorForSubFields"; "required": false; }; }, { "formUpdated": "formUpdated"; "formValid": "formValid"; "formInitialized": "formInitialized"; "fieldRemoved": "fieldRemoved"; }, ["customInputTextNumber", "customInputTextarea", "customInputDate", "customBooleanToggle", "customSingleSelectDropdown", "customSingleSelectRadio", "customMultiSelectCheckbox", "customMultiSelectDropdown"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "mis-dynamic-form", never, { "formFields": { "alias": "formFields"; "required": false; "isSignal": true; }; "formValues": { "alias": "formValues"; "required": false; "isSignal": true; }; "activeBtnIconUrl": { "alias": "activeBtnIconUrl"; "required": false; "isSignal": true; }; "calendarIconUrl": { "alias": "calendarIconUrl"; "required": false; "isSignal": true; }; "removeIconUrl": { "alias": "removeIconUrl"; "required": false; "isSignal": true; }; "removeSepratorForSubFields": { "alias": "removeSepratorForSubFields"; "required": false; "isSignal": true; }; }, { "formUpdated": "formUpdated"; "formValid": "formValid"; "formInitialized": "formInitialized"; "fieldRemoved": "fieldRemoved"; }, ["customInputTextNumber", "customInputTextarea", "customInputDate", "customBooleanToggle", "customSingleSelectDropdown", "customSingleSelectRadio", "customMultiSelectCheckbox", "customMultiSelectDropdown"], never, false, never>;
 }
 export declare const dynamicFieldValidator: (validators: Array<NsDynamicForm.IDynamicFieldValidator>) => ValidatorFn;