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

package/styles/mis-old-icon-styles.scss

@@ -107,27 +107,27 @@
 
 .ic-selection-radio-Disabled-Unselected-24:before {
     content: "\e90f";
-    color: var(--text-tertiary, #929DAB);
+    color: #929dab;
 }
 
 .ic-selection-radio-Active-Unselected-24:before {
     content: "\e910";
-    color: var(--text-secondary, #6A737D);
+    color: #6a737d;
 }
 
 .ic-selection-radio-Disabled-Selected-24:before {
     content: "\e911";
-    color: var(--text-tertiary, #929DAB);
+    color: #929dab;
 }
 
 .ic-selection-radio-Active-Selected-24:before {
     content: "\e912";
-    color: var(--brand-primary, #0937B2);
+    color: #0937b2;
 }
 
 .ic-selection-checkbox-Disabled-Neutral-24:before {
     content: "\e913";
-    color: var(--text-tertiary, #929DAB);
+    color: #929dab;
 }
 
 .ic-selection-checkbox-Active-Neutral-24 .path1:before {
@@ -178,7 +178,7 @@
 
 .ic-ui-download-24:before {
     content: "\e920";
-    color: var(--brand-primary, #0937B2);
+    color: #0937b2;
 }
 
 .ic-ui-location-24:before {
@@ -195,22 +195,22 @@
 
 .ic-ui-trend-up-24:before {
     content: "\e924";
-    color: var(--brand-success-light, #4CAF50);
+    color: #4caf50;
 }
 
 .ic-ui-error-24:before {
     content: "\e925";
-    color: var(--brand-error, #B00020);
+    color: #b00020;
 }
 
 .ic-ui-trend-down-24:before {
     content: "\e926";
-    color: var(--brand-error, #B00020);
+    color: #b00020;
 }
 
 .ic-ui-success-24:before {
     content: "\e927";
-    color: var(--brand-success-light, #4CAF50);
+    color: #4caf50;
 }
 
 .ic-ui-check-24:before {
@@ -219,7 +219,7 @@
 
 .ic-ui-warning-24:before {
     content: "\e929";
-    color: var(--brand-warning, #FF9D00);
+    color: #ff9d00;
 }
 
 .ic-rep-stay_primary_portrait-24:before {
@@ -232,7 +232,7 @@
 
 .ic-rep-night-24:before {
     content: "\e92c";
-    color: var(--text-tertiary, #929DAB);
+    color: #929dab;
 }
 
 .ic-rep-cab-24:before {
@@ -371,7 +371,7 @@
 
 .ic-action-search-24:before {
     content: "\e94f";
-    color: var(--text-secondary, #6A737D);
+    color: #6a737d;
 }
 
 .ic-action-edit-24:before {
@@ -384,12 +384,12 @@
 
 .ic-action-visibility-24:before {
     content: "\e952";
-    color: var(--text-secondary, #6A737D);
+    color: #6a737d;
 }
 
 .ic-action-visibility-off-24:before {
     content: "\e953";
-    color: var(--text-secondary, #6A737D);
+    color: #6a737d;
 }
 
 .ic-action-qr-24:before {
@@ -469,30 +469,30 @@
 
 .ic-plus-5:before {
     content: "\e966";
-    color: var(--brand-primary, #0937B2);
+    color: #0937b2;
 }
 
 .ic-plus-4:before {
     content: "\e967";
-    color: var(--brand-primary, #0937B2);
+    color: #0937b2;
 }
 
 .ic-plus-3:before {
     content: "\e968";
-    color: var(--bg-primary, #FFFFFF);
+    color: #fff;
 }
 
 .ic-plus-2:before {
     content: "\e969";
-    color: var(--bg-primary, #FFFFFF);
+    color: #fff;
 }
 
 .ic-plus-1:before {
     content: "\e96a";
-    color: var(--bg-primary, #FFFFFF);
+    color: #fff;
 }
 
 .ic-plus:before {
     content: "\e96b";
-    color: var(--text-tertiary, #929DAB);
+    color: #929dab;
 }

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%";

package/table/table.component.d.ts

@@ -1,23 +1,23 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, Renderer2 } from "@angular/core";
+import { AfterViewInit, ElementRef, OnChanges, OnInit, QueryList, Renderer2 } from "@angular/core";
 import { Filter, TableFilterComponent } from "./filter/filter.component";
 import { SortState } from "./sort-icons.directive";
 import * as i0 from "@angular/core";
 export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
     private renderer;
-    activeRowIndex: number[];
-    hasCheckboxActions: boolean;
-    selectAllCheckbox: boolean;
-    showFilter: boolean;
-    filterName: string;
-    filterData: Array<Filter>;
-    filterContainerStyles: any;
-    appliedFilters: {
-        [key: string]: Array<{
+    activeRowIndex: import("@angular/core").WritableSignal<number[]>;
+    hasCheckboxActions: import("@angular/core").WritableSignal<boolean>;
+    selectAllCheckbox: import("@angular/core").WritableSignal<boolean>;
+    showFilter: import("@angular/core").WritableSignal<boolean>;
+    filterName: import("@angular/core").WritableSignal<string>;
+    filterData: import("@angular/core").WritableSignal<Filter[]>;
+    filterContainerStyles: import("@angular/core").WritableSignal<any>;
+    appliedFilters: import("@angular/core").WritableSignal<{
+        [key: string]: {
             name: string;
             value: string;
-        }>;
-    };
-    filtersUpdated: EventEmitter<{
+        }[];
+    }>;
+    filtersUpdated: import("@angular/core").OutputEmitterRef<{
         [key: string]: {
             name: string;
             value: string;
@@ -25,25 +25,28 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
     }>;
     filter: TableFilterComponent | any;
     colHeaders: QueryList<ElementRef> | any;
-    pages: Array<number>;
-    tableLength: number;
-    pageSelected: EventEmitter<number>;
-    config: TableConfig | any;
-    subTableconfig: TableConfig | any;
-    tableDataLoading: boolean | any;
-    expandedIndex: number | any;
-    tableData: Array<Array<any>>;
-    subTableData: Array<Array<any>>;
-    subTableDataLoading: boolean | any;
+    pages: import("@angular/core").WritableSignal<number[]>;
+    tableLength: import("@angular/core").WritableSignal<number>;
+    pageSelected: import("@angular/core").OutputEmitterRef<number>;
+    tableConfig: import("@angular/core").InputSignal<TableConfig>;
+    subTableconfig: import("@angular/core").InputSignal<TableConfig>;
+    tableDataLoading: import("@angular/core").InputSignal<boolean>;
+    expandedIndex: import("@angular/core").InputSignal<number>;
+    tableData: import("@angular/core").InputSignal<any[][]>;
+    subTableData: import("@angular/core").InputSignal<any[][]>;
+    subTableDataLoading: import("@angular/core").InputSignal<boolean>;
+    currentSort: import("@angular/core").InputSignal<{
+        column: string;
+        direction: "ASC" | "DESC" | "";
+    }>;
     table: ElementRef | any;
-    collapseColIndex: number;
-    previewLines: number;
-    rowCollapseConfigIndex: number;
-    expandedMap: Record<string, boolean>;
-    currentSort: SortState | null;
-    multiColumnSort: SortState[];
-    sortChange: EventEmitter<SortState>;
-    headerAction?: EventEmitter<{
+    collapseColIndex: import("@angular/core").WritableSignal<number>;
+    previewLines: import("@angular/core").WritableSignal<number>;
+    rowCollapseConfigIndex: import("@angular/core").WritableSignal<number>;
+    expandedMap: import("@angular/core").WritableSignal<Record<string, boolean>>;
+    multiColumnSort: import("@angular/core").WritableSignal<SortState[]>;
+    sortChange: import("@angular/core").OutputEmitterRef<SortState>;
+    headerAction: import("@angular/core").OutputEmitterRef<{
         type: string;
         payload?: any;
     }>;
@@ -61,10 +64,10 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
     }>): void;
     initializePagination(): void;
     updateSelectedPage(pageNumber: number): void;
-    getContainerHeight(): any;
-    getContainerWidth(): any;
+    getContainerHeight(): string;
+    getContainerWidth(): string;
     getColHeadersRowStyles(): {
-        "min-height": any;
+        "min-height": string;
         "border-top": any;
         "border-bottom": any;
         "background-color": any;
@@ -80,7 +83,7 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
     isRowDisabled(row: any): boolean;
     toggleCheckbox(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "config": { "alias": "tableConfig"; "required": false; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "subTableData": { "alias": "subTableData"; "required": false; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "tableConfig": { "alias": "tableConfig"; "required": false; "isSignal": true; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; "isSignal": true; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; "isSignal": true; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "subTableData": { "alias": "subTableData"; "required": false; "isSignal": true; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; "isSignal": true; }; "currentSort": { "alias": "currentSort"; "required": false; "isSignal": true; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, never>;
 }
 export interface TableConfig {
     height: string | "100%";

package/timepicker/timepicker.component.d.ts

@@ -1,43 +1,44 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from "@angular/core";
+import { ElementRef, OnDestroy, OnInit } from "@angular/core";
 import { ITime } from "./time.namespace";
 import { TimepickerDirective } from "./timepicker.directive";
 import { ToolTipDirective } from "mis-crystal-design-system/tooltip";
 import dayjs from 'dayjs';
 import * as i0 from "@angular/core";
-export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy {
-    currTime: string;
-    chosenTime: string;
-    openStatus: boolean;
-    isHighlighted: number;
-    isInvalid: boolean;
-    timeIntervals: string[];
-    shouldScroll: boolean;
-    userInputFlag: boolean;
-    givenTimeFlag: boolean;
-    clockFormat: number;
+export declare class TimePickerComponent implements OnInit, OnDestroy {
+    currTime: import("@angular/core").WritableSignal<string>;
+    chosenTime: import("@angular/core").WritableSignal<string>;
+    openStatus: import("@angular/core").WritableSignal<boolean>;
+    isHighlighted: import("@angular/core").WritableSignal<number>;
+    isInvalid: import("@angular/core").WritableSignal<boolean>;
+    timeIntervals: import("@angular/core").WritableSignal<string[]>;
+    shouldScroll: import("@angular/core").WritableSignal<boolean>;
+    userInputFlag: import("@angular/core").WritableSignal<boolean>;
+    givenTimeFlag: import("@angular/core").WritableSignal<boolean>;
+    clockFormat: import("@angular/core").InputSignal<number>;
     timeFormat: string;
-    timezone: string;
-    height: string;
-    inputWidth: string;
-    dropdownWidth?: string;
-    interval: number;
-    dateAsEpoch: number;
-    firstInterval: number;
-    rangeValidity: boolean;
-    showTooltip: boolean;
+    timezone: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    inputWidth: import("@angular/core").InputSignal<string>;
+    dropdownWidth: import("@angular/core").InputSignal<string>;
+    interval: import("@angular/core").InputSignal<number>;
+    dateAsEpoch: import("@angular/core").InputSignal<number>;
+    firstInterval: import("@angular/core").InputSignal<number>;
+    rangeValidity: import("@angular/core").InputSignal<boolean>;
+    showTooltip: import("@angular/core").InputSignal<boolean>;
     dispayToolTip: boolean;
-    givenTime: number;
-    minTime?: number;
-    triggerChange: boolean;
-    disable: boolean;
-    timeEmitter: EventEmitter<ITime>;
+    givenTime: import("@angular/core").InputSignal<number>;
+    minTime: import("@angular/core").InputSignal<number>;
+    triggerChange: import("@angular/core").InputSignal<boolean>;
+    disable: import("@angular/core").InputSignal<boolean>;
+    private computedFirstInterval;
+    private _isInitializing;
+    timeEmitter: import("@angular/core").OutputEmitterRef<ITime>;
     input: ElementRef;
     timepickerDirective: TimepickerDirective;
     tooltipDirective: ToolTipDirective;
     set timeIntervalRefs(intervals: any);
     constructor();
     ngOnInit(): void;
-    ngOnChanges(): void;
     emitTime(data: ITime): void;
     getdayjs(time?: string): dayjs.Dayjs;
     closeDropdown(): void;
@@ -49,5 +50,5 @@ export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy
     populateDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "height": { "alias": "height"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; }; "firstInterval": { "alias": "firstInterval"; "required": false; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "givenTime": { "alias": "givenTime"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "triggerChange": { "alias": "triggerChange"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; "isSignal": true; }; "firstInterval": { "alias": "firstInterval"; "required": false; "isSignal": true; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "givenTime": { "alias": "givenTime"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "triggerChange": { "alias": "triggerChange"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
 }

package/timerangepicker/timerangepicker.component.d.ts

@@ -1,43 +1,46 @@
-import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { OnInit } from "@angular/core";
 import { ITimeRange, ITime, TDirection } from "./timerange.namespace";
 import * as i0 from "@angular/core";
-export declare class TimeRangePickerComponent {
-    private cdr;
-    inputWidth: string;
-    dropdownWidth?: string;
-    height: string;
-    timezone: string;
-    startDateEpoch: number;
-    endDateEpoch: number;
-    givenStartTime: number;
-    givenEndTime: number;
-    clockFormat: number;
-    interval: number;
-    showTooltip: boolean;
-    direction: TDirection;
-    gap: string;
-    disableStartTime: boolean;
-    disableEndTime: boolean;
-    timeRangeEmitter: EventEmitter<ITimeRange>;
-    startDate: string;
-    endDate: string;
-    currDate: string;
-    timeFormat: string;
-    firstIntervalForStartPicker: number;
-    firstIntervalForEndPicker: number;
-    startTime: ITime;
-    endTime: ITime;
-    rangeValidity: boolean;
-    triggerChange: boolean;
-    constructor(cdr: ChangeDetectorRef);
+export declare class TimeRangePickerComponent implements OnInit {
+    inputWidth: import("@angular/core").InputSignal<string>;
+    dropdownWidth: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    timezone: import("@angular/core").InputSignal<string>;
+    startDateEpoch: import("@angular/core").InputSignal<number>;
+    endDateEpoch: import("@angular/core").InputSignal<number>;
+    givenStartTime: import("@angular/core").InputSignal<number>;
+    givenEndTime: import("@angular/core").InputSignal<number>;
+    clockFormat: import("@angular/core").InputSignal<number>;
+    interval: import("@angular/core").InputSignal<number>;
+    showTooltip: import("@angular/core").InputSignal<boolean>;
+    direction: import("@angular/core").InputSignal<TDirection>;
+    gap: import("@angular/core").InputSignal<string>;
+    disableStartTime: import("@angular/core").InputSignal<boolean>;
+    disableEndTime: import("@angular/core").InputSignal<boolean>;
+    timeRangeEmitter: import("@angular/core").OutputEmitterRef<ITimeRange>;
+    startTime: import("@angular/core").WritableSignal<ITime>;
+    endTime: import("@angular/core").WritableSignal<ITime>;
+    rangeValidity: import("@angular/core").WritableSignal<boolean>;
+    triggerChange: import("@angular/core").WritableSignal<boolean>;
+    private _firstIntervals;
+    private _isInitializing;
+    firstIntervals: import("@angular/core").Signal<{
+        start: number;
+        end: number;
+    }>;
+    private getTimeFormat;
+    private getStartDate;
+    private getEndDate;
+    private getCurrDate;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(): void;
-    setFirstIntervals(): void;
+    private initializeComponent;
+    private setFirstIntervals;
     emitTimeRange(data: ITimeRange): void;
     startPickerHandler(time: ITime): void;
     endPickerHandler(time: ITime): void;
     checkTimeValidity(time: string, date: number): boolean;
     rangeValidation(validity: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; }; "clockFormat": { "alias": "clockFormat"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; "isSignal": true; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; "isSignal": true; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; "isSignal": true; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; "isSignal": true; }; "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; "isSignal": true; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; "isSignal": true; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
 }

package/toast/toast.data.service.d.ts

@@ -2,7 +2,7 @@ import { ToastMessage } from "./toast.interface";
 import * as i0 from "@angular/core";
 export declare class ToastDataService {
     private messageMap;
-    get messages(): (ToastMessage | string)[];
+    messages: import("@angular/core").Signal<(string | ToastMessage)[]>;
     constructor();
     updateMessage(msg: ToastMessage | string): number;
     removeMessage(id: number): void;

package/tooltip/tooltip-container/tooltip.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterViewInit, ElementRef, OnInit, TemplateRef } from "@angular/core";
+import { AfterViewInit, ElementRef, OnInit, TemplateRef, WritableSignal } from "@angular/core";
 import { ITooltipPositions } from "../models/tooltip.model";
 import * as i0 from "@angular/core";
 export declare class ToolTipComponent implements OnInit, AfterViewInit {
-    toolTipText: string;
-    toolTipPosition: ITooltipPositions;
-    toolTipTextAlignment: string;
+    toolTipText: WritableSignal<string>;
+    toolTipPosition: WritableSignal<ITooltipPositions>;
+    toolTipTextAlignment: WritableSignal<string>;
     templateRef: TemplateRef<any>;
     templateContext: any;
     container: ElementRef;