mis-crystal-design-system 18.1.7-signal-16-test-2 → 18.1.7

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

@@ -0,0 +1,498 @@
+@font-face {
+    font-family: 'mis-icons';
+    src: url('fonts/mis-icons.eot?nvmskr');
+    src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
+        url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
+        url('fonts/mis-icons.woff?nvmskr') format('woff'),
+        url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+}
+
+[class^="ic-"],
+[class*=" ic-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'mis-icons' !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.ic-navigation-arrow-left-24:before {
+    content: "\e900";
+}
+
+.ic-navigation-arrow-right-24:before {
+    content: "\e901";
+}
+
+.ic-action-filter-16:before {
+    content: "\e902";
+}
+
+.ic-selection-Checkboxes-Active-selected .path1:before {
+    content: "\e903";
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-Checkboxes-Active-selected .path2:before {
+    content: "\e904";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-Off-Enabled-24 .path1:before {
+    content: "\e905";
+    color: rgb(245, 245, 245);
+}
+
+.ic-selection-switch-Off-Enabled-24 .path2:before {
+    content: "\e906";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-Off-Disabled-24 .path1:before {
+    content: "\e907";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-Off-Disabled-24 .path2:before {
+    content: "\e908";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Disabled-24 .path1:before {
+    content: "\e909";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-On-Disabled-24 .path2:before {
+    content: "\e90a";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Disabled-24 .path3:before {
+    content: "\e90b";
+    margin-left: -1em;
+    color: rgb(146, 157, 171);
+}
+
+.ic-selection-switch-On-Enabled-24 .path1:before {
+    content: "\e90c";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-On-Enabled-24 .path2:before {
+    content: "\e90d";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Enabled-24 .path3:before {
+    content: "\e90e";
+    margin-left: -1em;
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-radio-Disabled-Unselected-24:before {
+    content: "\e90f";
+    color: var(--text-tertiary, #929DAB);
+}
+
+.ic-selection-radio-Active-Unselected-24:before {
+    content: "\e910";
+    color: var(--text-secondary, #6A737D);
+}
+
+.ic-selection-radio-Disabled-Selected-24:before {
+    content: "\e911";
+    color: var(--text-tertiary, #929DAB);
+}
+
+.ic-selection-radio-Active-Selected-24:before {
+    content: "\e912";
+    color: var(--brand-primary, #0937B2);
+}
+
+.ic-selection-checkbox-Disabled-Neutral-24:before {
+    content: "\e913";
+    color: var(--text-tertiary, #929DAB);
+}
+
+.ic-selection-checkbox-Active-Neutral-24 .path1:before {
+    content: "\e914";
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-checkbox-Active-Neutral-24 .path2:before {
+    content: "\e915";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-checkbox-disabled-selected-24 .path1:before {
+    content: "\e918";
+    color: rgb(200, 205, 211);
+}
+
+.ic-selection-checkbox-disabled-selected-24 .path2:before {
+    content: "\e919";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-navigation-cancel-24:before {
+    content: "\e91a";
+}
+
+.ic-navigation-chevron-right-24:before {
+    content: "\e91b";
+}
+
+.ic-navigation-chevron-left-24:before {
+    content: "\e91c";
+}
+
+.ic-navigation-drop-down-24:before {
+    content: "\e91d";
+}
+
+.ic-navigation-expand-less-24:before {
+    content: "\e91e";
+}
+
+.ic-action-cached-24:before {
+    content: "\e91f";
+}
+
+.ic-ui-download-24:before {
+    content: "\e920";
+    color: var(--brand-primary, #0937B2);
+}
+
+.ic-ui-location-24:before {
+    content: "\e921";
+}
+
+.ic-ui-location-searching-24:before {
+    content: "\e922";
+}
+
+.ic-ui-contact-support-24:before {
+    content: "\e923";
+}
+
+.ic-ui-trend-up-24:before {
+    content: "\e924";
+    color: var(--brand-success-light, #4CAF50);
+}
+
+.ic-ui-error-24:before {
+    content: "\e925";
+    color: var(--brand-error, #B00020);
+}
+
+.ic-ui-trend-down-24:before {
+    content: "\e926";
+    color: var(--brand-error, #B00020);
+}
+
+.ic-ui-success-24:before {
+    content: "\e927";
+    color: var(--brand-success-light, #4CAF50);
+}
+
+.ic-ui-check-24:before {
+    content: "\e928";
+}
+
+.ic-ui-warning-24:before {
+    content: "\e929";
+    color: var(--brand-warning, #FF9D00);
+}
+
+.ic-rep-stay_primary_portrait-24:before {
+    content: "\e92a";
+}
+
+.ic-rep-email-24:before {
+    content: "\e92b";
+}
+
+.ic-rep-night-24:before {
+    content: "\e92c";
+    color: var(--text-tertiary, #929DAB);
+}
+
+.ic-rep-cab-24:before {
+    content: "\e92e";
+}
+
+.ic-rep-local_parking-24:before {
+    content: "\e92f";
+}
+
+.ic-rep-restaurant-24:before {
+    content: "\e930";
+}
+
+.ic-rep-calendar2-24:before {
+    content: "\e931";
+}
+
+.ic-rep-home-24:before {
+    content: "\e932";
+}
+
+.ic-rep-qr-24:before {
+    content: "\e933";
+}
+
+.ic-rep-calender-24:before {
+    content: "\e934";
+}
+
+.ic-rep-bus-24:before {
+    content: "\e935";
+}
+
+.ic-rep-team-24:before {
+    content: "\e936";
+}
+
+.ic-rep-office-24:before {
+    content: "\e937";
+}
+
+.ic-sidebar-home-24:before {
+    content: "\e938";
+}
+
+.ic-side-bar-work-planner-24:before {
+    content: "\e93a";
+}
+
+.ic-side-bar-office-24:before {
+    content: "\e93b";
+}
+
+.ic-side-bar-seat-mgmt-24:before {
+    content: "\e93c";
+}
+
+.ic-sidebar-floor-plan-24:before {
+    content: "\e93d";
+}
+
+.ic-side-bar-team-24:before {
+    content: "\e93e";
+}
+
+.ic-side-bar-user-24:before {
+    content: "\e93f";
+}
+
+.ic-side-bar-qr-mgmt-24:before {
+    content: "\e940";
+}
+
+.ic-side-bar-utilisation-24:before {
+    content: "\e941";
+}
+
+.ic-side-bar-settings-24:before {
+    content: "\e942";
+}
+
+.ic-side-bar-report-24:before {
+    content: "\e943";
+}
+
+.ic-side-bar-upload-24:before {
+    content: "\e944";
+}
+
+.ic-side-bar-cancelled-24:before {
+    content: "\e945";
+}
+
+.ic-side-bar-unplanned-24:before {
+    content: "\e946";
+}
+
+.ic-side-bar-meetingroom-24:before {
+    content: "\e947";
+}
+
+.ic-mouse-cursor:before {
+    content: "\e948";
+}
+
+.ic-mouse-cursor-2 .path1:before {
+    content: "\e949";
+    color: rgb(255, 255, 255);
+}
+
+.ic-mouse-cursor-2 .path2:before {
+    content: "\e94a";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-favorite-24:before {
+    content: "\e94b";
+}
+
+.ic-action-see-more-24 .path1:before {
+    content: "\e94c";
+    color: rgb(224, 224, 224);
+}
+
+.ic-action-see-more-24 .path2:before {
+    content: "\e94d";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-more-vert-24:before {
+    content: "\e94e";
+}
+
+.ic-action-search-24:before {
+    content: "\e94f";
+    color: var(--text-secondary, #6A737D);
+}
+
+.ic-action-edit-24:before {
+    content: "\e950";
+}
+
+.ic-action-filter-24:before {
+    content: "\e951";
+}
+
+.ic-action-visibility-24:before {
+    content: "\e952";
+    color: var(--text-secondary, #6A737D);
+}
+
+.ic-action-visibility-off-24:before {
+    content: "\e953";
+    color: var(--text-secondary, #6A737D);
+}
+
+.ic-action-qr-24:before {
+    content: "\e954";
+}
+
+.ic-action-delete-24:before {
+    content: "\e955";
+}
+
+.ic-action-history-24:before {
+    content: "\e956";
+}
+
+.ic-action-share-24:before {
+    content: "\e957";
+}
+
+.ic-action-add-24:before {
+    content: "\e958";
+}
+
+.ic-action-remove-24:before {
+    content: "\e959";
+}
+
+.ic-action-download-24:before {
+    content: "\e95a";
+}
+
+.ic-action-upload-24:before {
+    content: "\e95b";
+}
+
+.ic-action-logout-24:before {
+    content: "\e95c";
+}
+
+.ic-action-menu-24:before {
+    content: "\e95d";
+}
+
+.ic-action-notifications-24:before {
+    content: "\e95e";
+}
+
+.ic-action-more-horiz-24 .path1:before {
+    content: "\e95f";
+    color: rgb(224, 224, 224);
+}
+
+.ic-action-more-horiz-24 .path2:before {
+    content: "\e960";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-print-24:before {
+    content: "\e961";
+}
+
+.ic-action-shift-time-24:before {
+    content: "\e962";
+}
+
+.ic-action-refresh-24:before {
+    content: "\e963";
+}
+
+.ic-action-invite-24:before {
+    content: "\e964";
+}
+
+.ic-action-sort-24:before {
+    content: "\e965";
+}
+
+.ic-plus-5:before {
+    content: "\e966";
+    color: var(--brand-primary, #0937B2);
+}
+
+.ic-plus-4:before {
+    content: "\e967";
+    color: var(--brand-primary, #0937B2);
+}
+
+.ic-plus-3:before {
+    content: "\e968";
+    color: var(--bg-primary, #FFFFFF);
+}
+
+.ic-plus-2:before {
+    content: "\e969";
+    color: var(--bg-primary, #FFFFFF);
+}
+
+.ic-plus-1:before {
+    content: "\e96a";
+    color: var(--bg-primary, #FFFFFF);
+}
+
+.ic-plus:before {
+    content: "\e96b";
+    color: var(--text-tertiary, #929DAB);
+}

package/table/table.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterViewInit, ElementRef, OnChanges, OnInit, QueryList, Renderer2, ChangeDetectorRef } 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 { DropdownItem } from "mis-crystal-design-system/dropdown";
 import * as i0 from "@angular/core";
 export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
     private renderer;
-    private cdr;
     activeRowIndex: import("@angular/core").WritableSignal<number[]>;
     hasCheckboxActions: import("@angular/core").WritableSignal<boolean>;
     selectAllCheckbox: import("@angular/core").WritableSignal<boolean>;
@@ -28,7 +28,15 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
     colHeaders: QueryList<ElementRef> | any;
     pages: import("@angular/core").WritableSignal<number[]>;
     tableLength: import("@angular/core").WritableSignal<number>;
+    selectedPage: import("@angular/core").WritableSignal<number>;
     pageSelected: import("@angular/core").OutputEmitterRef<number>;
+    pageSizeChanged: import("@angular/core").OutputEmitterRef<number>;
+    pageSizeOptions: import("@angular/core").Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    showPageSizeDropdown: import("@angular/core").Signal<boolean>;
+    selectedPageSizeOption: import("@angular/core").WritableSignal<DropdownItem>;
     tableConfig: import("@angular/core").InputSignal<TableConfig>;
     subTableconfig: import("@angular/core").InputSignal<TableConfig>;
     tableDataLoading: import("@angular/core").InputSignal<boolean>;
@@ -51,7 +59,7 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
         type: string;
         payload?: any;
     }>;
-    constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
+    constructor(renderer: Renderer2);
     selectRow(index: number): void;
     ngOnInit(): void;
     buildExpandedMap(): void;
@@ -83,8 +91,10 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
     } | null;
     isRowDisabled(row: any): boolean;
     toggleCheckbox(): void;
+    onPageSizeChange(selectedOption: DropdownItem): void;
+    shouldShowPagination(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, 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>;
+    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"; "pageSizeChanged": "pageSizeChanged"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, never>;
 }
 export interface TableConfig {
     height: string | "100%";
@@ -106,6 +116,8 @@ export interface PaginationConfig {
     totalNoOfRows: number;
     selectedPage?: number;
     disablePageJumping?: boolean;
+    showPageSizeDropdown?: boolean;
+    pageSizes?: number[];
 }
 export interface RowConfig {
     height?: string | undefined | null;

package/table/table.module.d.ts

@@ -11,9 +11,10 @@ import * as i8 from "mis-crystal-design-system/checkbox";
 import * as i9 from "@angular/cdk/scrolling";
 import * as i10 from "@angular/cdk/overlay";
 import * as i11 from "@angular/cdk/portal";
+import * as i12 from "mis-crystal-design-system/dropdown";
 export declare class TableModule {
     static forRoot(): ModuleWithProviders<TableModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent], [typeof i7.CommonModule, typeof i8.CheckboxModule, typeof i9.ScrollingModule, typeof i10.OverlayModule, typeof i11.PortalModule], [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent], [typeof i7.CommonModule, typeof i8.CheckboxModule, typeof i9.ScrollingModule, typeof i10.OverlayModule, typeof i11.PortalModule, typeof i12.DropdownModule], [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/timepicker/timepicker.component.d.ts

@@ -30,6 +30,8 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
     minTime: import("@angular/core").InputSignal<number>;
     triggerChange: import("@angular/core").InputSignal<boolean>;
     disable: import("@angular/core").InputSignal<boolean>;
+    disableUserInput: import("@angular/core").InputSignal<boolean>;
+    fontSize: import("@angular/core").InputSignal<string>;
     private computedFirstInterval;
     private _isInitializing;
     timeEmitter: import("@angular/core").OutputEmitterRef<ITime>;
@@ -50,5 +52,5 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
     populateDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, 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>;
+    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; }; "disableUserInput": { "alias": "disableUserInput"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
 }

package/timerangepicker/timerangepicker.component.d.ts

@@ -17,6 +17,8 @@ export declare class TimeRangePickerComponent implements OnInit {
     gap: import("@angular/core").InputSignal<string>;
     disableStartTime: import("@angular/core").InputSignal<boolean>;
     disableEndTime: import("@angular/core").InputSignal<boolean>;
+    fontSize: import("@angular/core").InputSignal<string>;
+    disableUserInput: import("@angular/core").InputSignal<boolean>;
     timeRangeEmitter: import("@angular/core").OutputEmitterRef<ITimeRange>;
     startTime: import("@angular/core").WritableSignal<ITime>;
     endTime: import("@angular/core").WritableSignal<ITime>;
@@ -24,6 +26,8 @@ export declare class TimeRangePickerComponent implements OnInit {
     triggerChange: import("@angular/core").WritableSignal<boolean>;
     private _firstIntervals;
     private _isInitializing;
+    private _previousStartDateEpoch;
+    private _previousEndDateEpoch;
     firstIntervals: import("@angular/core").Signal<{
         start: number;
         end: number;
@@ -42,5 +46,5 @@ export declare class TimeRangePickerComponent implements OnInit {
     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; "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>;
+    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; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "disableUserInput": { "alias": "disableUserInput"; "required": false; "isSignal": true; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
 }