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

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;

package/virtual-scroll/virtual-scroll.component.d.ts

@@ -1,28 +1,27 @@
-import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter, TemplateRef, WritableSignal } from "@angular/core";
 import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
 import { BehaviorSubject, Observable } from "rxjs";
 import { IVirtualScrollConfig } from "./virtual-scroll.constants";
 import * as i0 from "@angular/core";
-export declare class VirtualScrollComponent implements OnInit {
+export declare class VirtualScrollComponent {
     private changeDetectorRef;
+    config: import("@angular/core").InputSignal<IVirtualScrollConfig>;
     offset: BehaviorSubject<any>;
-    endOfInfiniteData: boolean;
-    rowsLoading: boolean;
-    loading: boolean;
-    error: boolean;
+    endOfInfiniteData: WritableSignal<boolean>;
+    rowsLoading: WritableSignal<boolean>;
+    loading: WritableSignal<boolean>;
+    error: WritableSignal<boolean>;
     data$: Observable<any>;
-    config: IVirtualScrollConfig;
     viewPort: CdkVirtualScrollViewport;
     customItem: TemplateRef<Element>;
     intialized: EventEmitter<any>;
     virtualScrollApi: any;
     constructor(changeDetectorRef: ChangeDetectorRef);
-    ngOnInit(): void;
     switchOffInfiniteScroll: () => void;
     switchOnInfiniteScroll: () => void;
     setupInfiniteScroll(): void;
     nextBatch(offset: any): void;
     getBatch(offset: any): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollComponent, "mis-virtual-scroll", never, { "config": { "alias": "config"; "required": false; }; }, { "intialized": "intialized"; }, ["customItem"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollComponent, "mis-virtual-scroll", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "intialized": "intialized"; }, ["customItem"], never, false, never>;
 }