mis-crystal-design-system 18.1.6-signal → 18.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/async-search-dropdown/async-dropdown.component.d.ts +44 -3
  2. package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +4 -0
  3. package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +14 -5
  4. package/esm2022/async-search-dropdown/async-dropdown.component.mjs +147 -37
  5. package/esm2022/checkbox/checkbox.component.mjs +4 -4
  6. package/esm2022/chip/chip.component.mjs +4 -4
  7. package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +2 -34
  8. package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +87 -32
  9. package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +6 -3
  10. package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +324 -142
  11. package/esm2022/drawer/drawer-body/drawer-body.component.mjs +4 -4
  12. package/esm2022/fab/fab.component.mjs +4 -4
  13. package/esm2022/input/mis-input.component.mjs +3 -11
  14. package/esm2022/loader/loader.component.mjs +13 -7
  15. package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +4 -4
  16. package/esm2022/phone-input/phone-input.component.mjs +4 -4
  17. package/esm2022/radio-button/radio-button.component.mjs +4 -4
  18. package/esm2022/ske-loader/ske-loader.component.mjs +4 -4
  19. package/esm2022/slider/slider.component.mjs +4 -4
  20. package/esm2022/snackbar/snackbar/snackbar.component.mjs +4 -4
  21. package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +23 -19
  22. package/esm2022/table/sort-icons.directive.mjs +24 -5
  23. package/esm2022/table/sub-table/sub-table.component.mjs +18 -5
  24. package/esm2022/table/table.component.mjs +236 -101
  25. package/esm2022/table/table.module.mjs +7 -5
  26. package/esm2022/timepicker/timepicker.component.mjs +41 -14
  27. package/esm2022/timerangepicker/timerangepicker.component.mjs +29 -21
  28. package/esm2022/toast/toast.component.mjs +4 -4
  29. package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +4 -4
  30. package/esm2022/virtual-scroll/virtual-scroll.component.mjs +4 -4
  31. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +146 -36
  32. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
  33. package/fesm2022/mis-crystal-design-system-checkbox.mjs +3 -3
  34. package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -1
  35. package/fesm2022/mis-crystal-design-system-chip.mjs +3 -3
  36. package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -1
  37. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs +87 -64
  38. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
  39. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +328 -143
  40. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
  41. package/fesm2022/mis-crystal-design-system-drawer.mjs +3 -3
  42. package/fesm2022/mis-crystal-design-system-drawer.mjs.map +1 -1
  43. package/fesm2022/mis-crystal-design-system-fab.mjs +3 -3
  44. package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -1
  45. package/fesm2022/mis-crystal-design-system-input.mjs +2 -10
  46. package/fesm2022/mis-crystal-design-system-input.mjs.map +1 -1
  47. package/fesm2022/mis-crystal-design-system-loader.mjs +12 -6
  48. package/fesm2022/mis-crystal-design-system-loader.mjs.map +1 -1
  49. package/fesm2022/mis-crystal-design-system-modal.mjs +3 -3
  50. package/fesm2022/mis-crystal-design-system-modal.mjs.map +1 -1
  51. package/fesm2022/mis-crystal-design-system-phone-input.mjs +3 -3
  52. package/fesm2022/mis-crystal-design-system-phone-input.mjs.map +1 -1
  53. package/fesm2022/mis-crystal-design-system-radio-button.mjs +3 -3
  54. package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
  55. package/fesm2022/mis-crystal-design-system-ske-loader.mjs +3 -3
  56. package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -1
  57. package/fesm2022/mis-crystal-design-system-slider.mjs +3 -3
  58. package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
  59. package/fesm2022/mis-crystal-design-system-snackbar.mjs +3 -3
  60. package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -1
  61. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs +22 -18
  62. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
  63. package/fesm2022/mis-crystal-design-system-table.mjs +279 -111
  64. package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
  65. package/fesm2022/mis-crystal-design-system-timepicker.mjs +40 -13
  66. package/fesm2022/mis-crystal-design-system-timepicker.mjs.map +1 -1
  67. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs +28 -20
  68. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
  69. package/fesm2022/mis-crystal-design-system-toast.mjs +3 -3
  70. package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
  71. package/fesm2022/mis-crystal-design-system-tooltip.mjs +3 -3
  72. package/fesm2022/mis-crystal-design-system-tooltip.mjs.map +1 -1
  73. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs +3 -3
  74. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
  75. package/input/mis-input.component.scss +2 -3
  76. package/loader/loader.component.d.ts +7 -1
  77. package/package.json +7 -7
  78. package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +2 -2
  79. package/table/table.component.d.ts +14 -1
  80. package/table/table.module.d.ts +2 -1
  81. package/timepicker/timepicker.component.d.ts +3 -1
  82. package/timerangepicker/timerangepicker.component.d.ts +3 -1
@@ -8,11 +8,11 @@ export declare class TzDrpContainerComponent implements OnInit {
8
8
  private injectedData;
9
9
  private toast;
10
10
  readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
11
- private dayjsInstance;
11
+ private readonly dayjsInstance;
12
12
  private readonly rawWeekDays;
13
13
  readonly localSelectedDates: import("@angular/core").WritableSignal<ISSelectedDatesConfig[]>;
14
14
  readonly localSelectedDatesRange: import("@angular/core").WritableSignal<IRSelectedDatesConfig>;
15
- readonly isDatesValid: import("@angular/core").WritableSignal<boolean>;
15
+ readonly isDatesValid: import("@angular/core").Signal<boolean>;
16
16
  readonly dateRangeSelected: import("@angular/core").WritableSignal<boolean>;
17
17
  readonly singleDatePickerSelected: import("@angular/core").WritableSignal<boolean>;
18
18
  readonly openElement: import("@angular/core").WritableSignal<boolean>;
@@ -1,6 +1,7 @@
1
1
  import { AfterViewInit, ElementRef, OnChanges, OnInit, QueryList, Renderer2 } from "@angular/core";
2
2
  import { Filter, TableFilterComponent } from "./filter/filter.component";
3
3
  import { SortState } from "./sort-icons.directive";
4
+ import { DropdownItem } from "mis-crystal-design-system/dropdown";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
6
7
  private renderer;
@@ -27,7 +28,15 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
27
28
  colHeaders: QueryList<ElementRef> | any;
28
29
  pages: import("@angular/core").WritableSignal<number[]>;
29
30
  tableLength: import("@angular/core").WritableSignal<number>;
31
+ selectedPage: import("@angular/core").WritableSignal<number>;
30
32
  pageSelected: import("@angular/core").OutputEmitterRef<number>;
33
+ pageSizeChanged: import("@angular/core").OutputEmitterRef<number>;
34
+ pageSizeOptions: import("@angular/core").Signal<{
35
+ label: string;
36
+ value: string;
37
+ }[]>;
38
+ showPageSizeDropdown: import("@angular/core").Signal<boolean>;
39
+ selectedPageSizeOption: import("@angular/core").WritableSignal<DropdownItem>;
31
40
  tableConfig: import("@angular/core").InputSignal<TableConfig>;
32
41
  subTableconfig: import("@angular/core").InputSignal<TableConfig>;
33
42
  tableDataLoading: import("@angular/core").InputSignal<boolean>;
@@ -82,8 +91,10 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
82
91
  } | null;
83
92
  isRowDisabled(row: any): boolean;
84
93
  toggleCheckbox(): void;
94
+ onPageSizeChange(selectedOption: DropdownItem): void;
95
+ shouldShowPagination(): boolean;
85
96
  static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
86
- 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>;
97
+ 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>;
87
98
  }
88
99
  export interface TableConfig {
89
100
  height: string | "100%";
@@ -105,6 +116,8 @@ export interface PaginationConfig {
105
116
  totalNoOfRows: number;
106
117
  selectedPage?: number;
107
118
  disablePageJumping?: boolean;
119
+ showPageSizeDropdown?: boolean;
120
+ pageSizes?: number[];
108
121
  }
109
122
  export interface RowConfig {
110
123
  height?: string | undefined | null;
@@ -11,9 +11,10 @@ import * as i8 from "mis-crystal-design-system/checkbox";
11
11
  import * as i9 from "@angular/cdk/scrolling";
12
12
  import * as i10 from "@angular/cdk/overlay";
13
13
  import * as i11 from "@angular/cdk/portal";
14
+ import * as i12 from "mis-crystal-design-system/dropdown";
14
15
  export declare class TableModule {
15
16
  static forRoot(): ModuleWithProviders<TableModule>;
16
17
  static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
17
- 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]>;
18
+ 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]>;
18
19
  static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
19
20
  }
@@ -30,6 +30,8 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
30
30
  minTime: import("@angular/core").InputSignal<number>;
31
31
  triggerChange: import("@angular/core").InputSignal<boolean>;
32
32
  disable: import("@angular/core").InputSignal<boolean>;
33
+ disableUserInput: import("@angular/core").InputSignal<boolean>;
34
+ fontSize: import("@angular/core").InputSignal<string>;
33
35
  private computedFirstInterval;
34
36
  private _isInitializing;
35
37
  timeEmitter: import("@angular/core").OutputEmitterRef<ITime>;
@@ -50,5 +52,5 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
50
52
  populateDropdown(): void;
51
53
  ngOnDestroy(): void;
52
54
  static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
53
- 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>;
55
+ 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>;
54
56
  }
@@ -17,6 +17,8 @@ export declare class TimeRangePickerComponent implements OnInit {
17
17
  gap: import("@angular/core").InputSignal<string>;
18
18
  disableStartTime: import("@angular/core").InputSignal<boolean>;
19
19
  disableEndTime: import("@angular/core").InputSignal<boolean>;
20
+ fontSize: import("@angular/core").InputSignal<string>;
21
+ disableUserInput: import("@angular/core").InputSignal<boolean>;
20
22
  timeRangeEmitter: import("@angular/core").OutputEmitterRef<ITimeRange>;
21
23
  startTime: import("@angular/core").WritableSignal<ITime>;
22
24
  endTime: import("@angular/core").WritableSignal<ITime>;
@@ -42,5 +44,5 @@ export declare class TimeRangePickerComponent implements OnInit {
42
44
  checkTimeValidity(time: string, date: number): boolean;
43
45
  rangeValidation(validity: boolean): void;
44
46
  static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
45
- 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>;
47
+ 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>;
46
48
  }