@ng-matero/extensions 19.4.0 → 20.0.0

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 (282) hide show
  1. package/_index.scss +1 -1
  2. package/alert/_alert-theme.scss +26 -31
  3. package/alert/_m2-alert.scss +59 -0
  4. package/alert/_m3-alert.scss +41 -0
  5. package/alert/alert.scss +27 -31
  6. package/alert/index.d.ts +30 -5
  7. package/button/index.d.ts +31 -5
  8. package/checkbox-group/index.d.ts +117 -5
  9. package/colorpicker/_colorpicker-theme.scss +31 -36
  10. package/{core/tokens/m2/mtx/_colorpicker.scss → colorpicker/_m2-colorpicker.scss} +6 -10
  11. package/colorpicker/_m3-colorpicker.scss +23 -0
  12. package/colorpicker/colorpicker-toggle.scss +4 -9
  13. package/colorpicker/index.d.ts +285 -3
  14. package/column-resize/index.d.ts +456 -3
  15. package/core/index.d.ts +147 -5
  16. package/core/theming/_color-api-backwards-compatibility.scss +8 -15
  17. package/core/theming/_definition.scss +81 -75
  18. package/core/theming/_palettes.scss +1036 -0
  19. package/core/tokens/{m2/_index.scss → _m2-tokens.scss} +22 -22
  20. package/core/tokens/_m2-utils.scss +108 -0
  21. package/core/tokens/_m3-system.scss +128 -106
  22. package/core/tokens/_m3-tokens.scss +36 -282
  23. package/core/tokens/_m3-utils.scss +48 -0
  24. package/core/tokens/_token-utils.scss +67 -239
  25. package/core/tokens/m3/_index.scss +7 -0
  26. package/core/tokens/m3/_md-sys-color.scss +156 -0
  27. package/core/tokens/m3/_md-sys-elevation.scss +15 -0
  28. package/core/tokens/m3/_md-sys-motion.scss +35 -0
  29. package/core/tokens/m3/_md-sys-shape.scss +21 -0
  30. package/core/tokens/m3/_md-sys-state.scss +13 -0
  31. package/core/tokens/m3/_md-sys-typescale.scss +128 -0
  32. package/core/tokens/m3/_theme.scss +47 -0
  33. package/datetimepicker/_datetimepicker-theme.scss +29 -39
  34. package/datetimepicker/_m2-datetimepicker.scss +149 -0
  35. package/datetimepicker/_m3-datetimepicker.scss +81 -0
  36. package/datetimepicker/calendar-body.scss +31 -56
  37. package/datetimepicker/calendar.scss +43 -79
  38. package/datetimepicker/clock.scss +28 -47
  39. package/datetimepicker/datetimepicker-content.scss +9 -15
  40. package/datetimepicker/datetimepicker-toggle.scss +4 -9
  41. package/datetimepicker/index.d.ts +1208 -3
  42. package/datetimepicker/time-view.scss +26 -32
  43. package/dialog/index.d.ts +54 -5
  44. package/drawer/_drawer-theme.scss +25 -30
  45. package/{core/tokens/m2/mtx/_drawer.scss → drawer/_m2-drawer.scss} +9 -12
  46. package/drawer/_m3-drawer.scss +24 -0
  47. package/drawer/drawer-container.scss +13 -24
  48. package/drawer/index.d.ts +221 -3
  49. package/fesm2022/mtxAlert.mjs +7 -7
  50. package/fesm2022/mtxAlert.mjs.map +1 -1
  51. package/fesm2022/mtxButton.mjs +7 -7
  52. package/fesm2022/mtxCheckboxGroup.mjs +7 -7
  53. package/fesm2022/mtxColorpicker.mjs +21 -21
  54. package/fesm2022/mtxColorpicker.mjs.map +1 -1
  55. package/fesm2022/mtxColumnResize.mjs +232 -103
  56. package/fesm2022/mtxColumnResize.mjs.map +1 -1
  57. package/fesm2022/mtxCore.mjs +21 -21
  58. package/fesm2022/mtxDatetimepicker.mjs +63 -63
  59. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  60. package/fesm2022/mtxDialog.mjs +10 -10
  61. package/fesm2022/mtxDialog.mjs.map +1 -1
  62. package/fesm2022/mtxDrawer.mjs +10 -10
  63. package/fesm2022/mtxGrid.mjs +78 -77
  64. package/fesm2022/mtxGrid.mjs.map +1 -1
  65. package/fesm2022/mtxLoader.mjs +7 -7
  66. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  67. package/fesm2022/mtxPopover.mjs +24 -25
  68. package/fesm2022/mtxPopover.mjs.map +1 -1
  69. package/fesm2022/mtxProgress.mjs +7 -7
  70. package/fesm2022/mtxSelect.mjs +54 -54
  71. package/fesm2022/mtxSelect.mjs.map +1 -1
  72. package/fesm2022/mtxSplit.mjs +10 -10
  73. package/fesm2022/mtxTooltip.mjs +13 -13
  74. package/fesm2022/mtxTooltip.mjs.map +1 -1
  75. package/grid/_grid-theme.scss +22 -35
  76. package/grid/_m2-grid.scss +66 -0
  77. package/grid/_m3-grid.scss +35 -0
  78. package/grid/column-menu.scss +6 -23
  79. package/grid/column-resize/_column-resize.scss +35 -30
  80. package/grid/grid.scss +41 -73
  81. package/grid/index.d.ts +799 -3
  82. package/index.d.ts +2 -5
  83. package/loader/_loader-theme.scss +26 -31
  84. package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
  85. package/loader/_m3-loader.scss +20 -0
  86. package/loader/index.d.ts +43 -5
  87. package/loader/loader.scss +4 -5
  88. package/package.json +29 -29
  89. package/photoviewer/index.d.ts +26 -5
  90. package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
  91. package/popover/_m3-popover.scss +26 -0
  92. package/popover/_popover-theme.scss +26 -31
  93. package/popover/index.d.ts +399 -3
  94. package/popover/popover.scss +23 -29
  95. package/prebuilt-themes/azure-blue.css +1 -1
  96. package/prebuilt-themes/cyan-orange.css +1 -1
  97. package/prebuilt-themes/deeppurple-amber.css +1 -1
  98. package/prebuilt-themes/indigo-pink.css +1 -1
  99. package/prebuilt-themes/magenta-violet.css +1 -1
  100. package/prebuilt-themes/pink-bluegrey.css +1 -1
  101. package/prebuilt-themes/purple-green.css +1 -1
  102. package/prebuilt-themes/rose-red.css +1 -1
  103. package/progress/_m2-progress.scss +53 -0
  104. package/progress/_m3-progress.scss +33 -0
  105. package/progress/_progress-theme.scss +22 -34
  106. package/progress/index.d.ts +35 -5
  107. package/progress/progress.scss +28 -43
  108. package/select/_m2-select.scss +79 -0
  109. package/select/_m3-select.scss +46 -0
  110. package/select/_select-theme.scss +27 -37
  111. package/select/index.d.ts +381 -3
  112. package/select/select.scss +189 -205
  113. package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
  114. package/split/_m3-split.scss +23 -0
  115. package/split/_split-theme.scss +31 -34
  116. package/split/index.d.ts +255 -3
  117. package/split/split.scss +8 -11
  118. package/tooltip/_m2-tooltip.scss +50 -0
  119. package/tooltip/_m3-tooltip.scss +28 -0
  120. package/tooltip/_tooltip-theme.scss +23 -47
  121. package/tooltip/index.d.ts +345 -3
  122. package/tooltip/tooltip.scss +11 -15
  123. package/alert/alert-module.d.ts +0 -8
  124. package/alert/alert.d.ts +0 -19
  125. package/alert/public-api.d.ts +0 -2
  126. package/button/button-loading.d.ts +0 -19
  127. package/button/button-module.d.ts +0 -10
  128. package/button/public-api.d.ts +0 -2
  129. package/checkbox-group/checkbox-group-module.d.ts +0 -11
  130. package/checkbox-group/checkbox-group.d.ts +0 -86
  131. package/checkbox-group/interfaces.d.ts +0 -17
  132. package/checkbox-group/public-api.d.ts +0 -3
  133. package/colorpicker/colorpicker-animations.d.ts +0 -9
  134. package/colorpicker/colorpicker-input.d.ts +0 -88
  135. package/colorpicker/colorpicker-module.d.ts +0 -15
  136. package/colorpicker/colorpicker-toggle.d.ts +0 -39
  137. package/colorpicker/colorpicker.d.ts +0 -140
  138. package/colorpicker/public-api.d.ts +0 -5
  139. package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
  140. package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
  141. package/column-resize/column-resize-directives/constants.d.ts +0 -10
  142. package/column-resize/column-resize-module.d.ts +0 -12
  143. package/column-resize/column-resize-notifier.d.ts +0 -48
  144. package/column-resize/column-resize.d.ts +0 -39
  145. package/column-resize/column-size-store.d.ts +0 -12
  146. package/column-resize/event-dispatcher.d.ts +0 -35
  147. package/column-resize/overlay-handle.d.ts +0 -43
  148. package/column-resize/polyfill.d.ts +0 -9
  149. package/column-resize/public-api.d.ts +0 -12
  150. package/column-resize/resizable.d.ts +0 -63
  151. package/column-resize/resize-ref.d.ts +0 -17
  152. package/column-resize/resize-strategy.d.ts +0 -84
  153. package/column-resize/selectors.d.ts +0 -10
  154. package/core/datetime/datetime-adapter.d.ts +0 -45
  155. package/core/datetime/datetime-formats.d.ts +0 -22
  156. package/core/datetime/datetime.module.d.ts +0 -15
  157. package/core/datetime/index.d.ts +0 -5
  158. package/core/datetime/native-datetime-adapter.d.ts +0 -40
  159. package/core/datetime/native-datetime-formats.d.ts +0 -2
  160. package/core/pipes/index.d.ts +0 -3
  161. package/core/pipes/is-template-ref.pipe.d.ts +0 -7
  162. package/core/pipes/pipes.module.d.ts +0 -9
  163. package/core/pipes/to-observable.pipe.d.ts +0 -8
  164. package/core/public-api.d.ts +0 -2
  165. package/core/theming/_inspection.scss +0 -38
  166. package/core/theming/_validation.scss +0 -5
  167. package/core/tokens/_density.scss +0 -49
  168. package/core/tokens/_format-tokens.scss +0 -5
  169. package/core/tokens/_token-definition.scss +0 -271
  170. package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
  171. package/core/tokens/m2/mtx/_alert.scss +0 -62
  172. package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
  173. package/core/tokens/m2/mtx/_grid.scss +0 -69
  174. package/core/tokens/m2/mtx/_progress.scss +0 -56
  175. package/core/tokens/m2/mtx/_select.scss +0 -82
  176. package/core/tokens/m3/definitions/_index.scss +0 -9
  177. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
  178. package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
  179. package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
  180. package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
  181. package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
  182. package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
  183. package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
  184. package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
  185. package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
  186. package/core/tokens/m3/index.scss +0 -47
  187. package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
  188. package/core/tokens/m3/mtx/_alert.scss +0 -41
  189. package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
  190. package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
  191. package/core/tokens/m3/mtx/_drawer.scss +0 -22
  192. package/core/tokens/m3/mtx/_grid.scss +0 -32
  193. package/core/tokens/m3/mtx/_loader.scss +0 -22
  194. package/core/tokens/m3/mtx/_popover.scss +0 -25
  195. package/core/tokens/m3/mtx/_progress.scss +0 -32
  196. package/core/tokens/m3/mtx/_select.scss +0 -76
  197. package/core/tokens/m3/mtx/_split.scss +0 -30
  198. package/datetimepicker/calendar-body.d.ts +0 -66
  199. package/datetimepicker/calendar.d.ts +0 -157
  200. package/datetimepicker/clock.d.ts +0 -101
  201. package/datetimepicker/datetimepicker-actions.d.ts +0 -36
  202. package/datetimepicker/datetimepicker-animations.d.ts +0 -11
  203. package/datetimepicker/datetimepicker-errors.d.ts +0 -2
  204. package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
  205. package/datetimepicker/datetimepicker-input.d.ts +0 -105
  206. package/datetimepicker/datetimepicker-intl.d.ts +0 -53
  207. package/datetimepicker/datetimepicker-module.d.ts +0 -22
  208. package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
  209. package/datetimepicker/datetimepicker-types.d.ts +0 -6
  210. package/datetimepicker/datetimepicker.d.ts +0 -274
  211. package/datetimepicker/month-view.d.ts +0 -80
  212. package/datetimepicker/multi-year-view.d.ts +0 -86
  213. package/datetimepicker/public-api.d.ts +0 -16
  214. package/datetimepicker/time-view.d.ts +0 -147
  215. package/datetimepicker/year-view.d.ts +0 -68
  216. package/dialog/dialog-config.d.ts +0 -17
  217. package/dialog/dialog-container.d.ts +0 -11
  218. package/dialog/dialog-module.d.ts +0 -12
  219. package/dialog/dialog.d.ts +0 -15
  220. package/dialog/public-api.d.ts +0 -4
  221. package/drawer/drawer-animations.d.ts +0 -8
  222. package/drawer/drawer-config.d.ts +0 -63
  223. package/drawer/drawer-container.d.ts +0 -35
  224. package/drawer/drawer-module.d.ts +0 -10
  225. package/drawer/drawer-ref.d.ts +0 -53
  226. package/drawer/drawer.d.ts +0 -59
  227. package/drawer/public-api.d.ts +0 -6
  228. package/grid/cell.d.ts +0 -32
  229. package/grid/column-menu.d.ts +0 -39
  230. package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
  231. package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
  232. package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
  233. package/grid/column-resize/column-resize-module.d.ts +0 -17
  234. package/grid/column-resize/index.d.ts +0 -7
  235. package/grid/column-resize/overlay-handle.d.ts +0 -32
  236. package/grid/column-resize/resizable-directives/common.d.ts +0 -19
  237. package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
  238. package/grid/column-resize/resize-strategy.d.ts +0 -20
  239. package/grid/expansion-toggle.d.ts +0 -17
  240. package/grid/grid-module.d.ts +0 -31
  241. package/grid/grid-pipes.d.ts +0 -39
  242. package/grid/grid-utils.d.ts +0 -33
  243. package/grid/grid.d.ts +0 -268
  244. package/grid/interfaces.d.ts +0 -180
  245. package/grid/public-api.d.ts +0 -17
  246. package/grid/selectable-cell.d.ts +0 -16
  247. package/loader/loader-module.d.ts +0 -10
  248. package/loader/loader.d.ts +0 -30
  249. package/loader/public-api.d.ts +0 -2
  250. package/photoviewer/photoviewer-module.d.ts +0 -7
  251. package/photoviewer/photoviewer.d.ts +0 -17
  252. package/photoviewer/public-api.d.ts +0 -2
  253. package/popover/popover-animations.d.ts +0 -11
  254. package/popover/popover-content.d.ts +0 -43
  255. package/popover/popover-errors.d.ts +0 -14
  256. package/popover/popover-interfaces.d.ts +0 -50
  257. package/popover/popover-module.d.ts +0 -13
  258. package/popover/popover-target.d.ts +0 -7
  259. package/popover/popover-trigger.d.ts +0 -132
  260. package/popover/popover-types.d.ts +0 -10
  261. package/popover/popover.d.ts +0 -147
  262. package/popover/public-api.d.ts +0 -8
  263. package/progress/progress-module.d.ts +0 -8
  264. package/progress/progress.d.ts +0 -24
  265. package/progress/public-api.d.ts +0 -2
  266. package/public-api.d.ts +0 -2
  267. package/select/option.d.ts +0 -21
  268. package/select/public-api.d.ts +0 -5
  269. package/select/select-intl.d.ts +0 -18
  270. package/select/select-module.d.ts +0 -12
  271. package/select/select.d.ts +0 -270
  272. package/select/templates.d.ts +0 -67
  273. package/split/interfaces.d.ts +0 -52
  274. package/split/public-api.d.ts +0 -5
  275. package/split/split-module.d.ts +0 -9
  276. package/split/split-pane.d.ts +0 -53
  277. package/split/split.d.ts +0 -133
  278. package/split/utils.d.ts +0 -13
  279. package/tooltip/public-api.d.ts +0 -3
  280. package/tooltip/tooltip-animations.d.ts +0 -9
  281. package/tooltip/tooltip-module.d.ts +0 -13
  282. package/tooltip/tooltip.d.ts +0 -321
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright Google LLC All Rights Reserved.
4
- *
5
- * Use of this source code is governed by an MIT-style license that can be
6
- * found in the LICENSE file at https://angular.io/license
7
- */
8
- import { Provider } from '@angular/core';
9
- import { CdkFlexTableResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER } from '@ng-matero/extensions/column-resize';
10
- import * as i0 from "@angular/core";
11
- export { TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER };
12
- /**
13
- * Overrides CdkFlexTableResizeStrategy to match mat-column elements.
14
- */
15
- export declare class MatFlexTableResizeStrategy extends CdkFlexTableResizeStrategy {
16
- protected getColumnCssClass(cssFriendlyColumnName: string): string;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<MatFlexTableResizeStrategy, never>;
18
- static ɵprov: i0.ɵɵInjectableDeclaration<MatFlexTableResizeStrategy>;
19
- }
20
- export declare const FLEX_RESIZE_STRATEGY_PROVIDER: Provider;
@@ -1,17 +0,0 @@
1
- import { EventEmitter, TemplateRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class MtxGridExpansionToggle {
4
- private _opened;
5
- private _row;
6
- private _tplRef;
7
- get opened(): boolean;
8
- set opened(newValue: boolean);
9
- openedChange: EventEmitter<boolean>;
10
- set expandableRow(value: any);
11
- set template(value: TemplateRef<any>);
12
- toggleChange: EventEmitter<MtxGridExpansionToggle>;
13
- onClick(event: MouseEvent): void;
14
- toggle(): void;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridExpansionToggle, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridExpansionToggle, "[mtx-grid-expansion-toggle]", never, { "opened": { "alias": "opened"; "required": false; }; "expandableRow": { "alias": "expandableRow"; "required": false; }; "template": { "alias": "expansionRowTpl"; "required": false; }; }, { "openedChange": "openedChange"; "toggleChange": "toggleChange"; }, never, never, true, never>;
17
- }
@@ -1,31 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@angular/common";
3
- import * as i2 from "@angular/forms";
4
- import * as i3 from "@angular/material/table";
5
- import * as i4 from "@angular/material/sort";
6
- import * as i5 from "@angular/material/paginator";
7
- import * as i6 from "@angular/material/checkbox";
8
- import * as i7 from "@angular/material/button";
9
- import * as i8 from "@angular/material/progress-bar";
10
- import * as i9 from "@angular/material/chips";
11
- import * as i10 from "@angular/material/tooltip";
12
- import * as i11 from "@angular/material/badge";
13
- import * as i12 from "@angular/material/icon";
14
- import * as i13 from "@angular/material/select";
15
- import * as i14 from "@angular/material/form-field";
16
- import * as i15 from "@angular/material/menu";
17
- import * as i16 from "@angular/cdk/drag-drop";
18
- import * as i17 from "@ng-matero/extensions/dialog";
19
- import * as i18 from "@ng-matero/extensions/core";
20
- import * as i19 from "./column-resize/column-resize-module";
21
- import * as i20 from "./grid";
22
- import * as i21 from "./cell";
23
- import * as i22 from "./column-menu";
24
- import * as i23 from "./expansion-toggle";
25
- import * as i24 from "./selectable-cell";
26
- import * as i25 from "./grid-pipes";
27
- export declare class MtxGridModule {
28
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.MatTableModule, typeof i4.MatSortModule, typeof i5.MatPaginatorModule, typeof i6.MatCheckboxModule, typeof i7.MatButtonModule, typeof i8.MatProgressBarModule, typeof i9.MatChipsModule, typeof i10.MatTooltipModule, typeof i11.MatBadgeModule, typeof i12.MatIconModule, typeof i13.MatSelectModule, typeof i14.MatFormFieldModule, typeof i15.MatMenuModule, typeof i16.DragDropModule, typeof i17.MtxDialogModule, typeof i18.MtxPipesModule, typeof i19.MatColumnResizeModule, typeof i20.MtxGrid, typeof i21.MtxGridCell, typeof i22.MtxGridColumnMenu, typeof i23.MtxGridExpansionToggle, typeof i24.MtxGridSelectableCell, typeof i25.MtxGridRowClassPipe, typeof i25.MtxGridColClassPipe, typeof i25.MtxGridCellActionsPipe, typeof i25.MtxGridCellActionTooltipPipe, typeof i25.MtxGridCellActionBadgePipe, typeof i25.MtxGridCellActionDisablePipe, typeof i25.MtxGridCellSummaryPipe], [typeof i19.MatColumnResizeModule, typeof i20.MtxGrid, typeof i21.MtxGridCell, typeof i22.MtxGridColumnMenu, typeof i23.MtxGridExpansionToggle, typeof i24.MtxGridSelectableCell, typeof i25.MtxGridRowClassPipe, typeof i25.MtxGridColClassPipe, typeof i25.MtxGridCellActionsPipe, typeof i25.MtxGridCellActionTooltipPipe, typeof i25.MtxGridCellActionBadgePipe, typeof i25.MtxGridCellActionDisablePipe, typeof i25.MtxGridCellSummaryPipe]>;
30
- static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
31
- }
@@ -1,39 +0,0 @@
1
- import { KeyValueChangeRecord, PipeTransform } from '@angular/core';
2
- import { MtxGridColumn, MtxGridColumnButton, MtxGridRowClassFormatter } from './interfaces';
3
- import * as i0 from "@angular/core";
4
- export declare class MtxGridColClassPipe implements PipeTransform {
5
- transform(colDef: MtxGridColumn, rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): string;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridColClassPipe, never>;
7
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridColClassPipe, "colClass", true>;
8
- }
9
- export declare class MtxGridRowClassPipe implements PipeTransform {
10
- transform(rowData: Record<string, any>, index: number | undefined, dataIndex: number, rowClassFormatter?: MtxGridRowClassFormatter): string;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridRowClassPipe, never>;
12
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridRowClassPipe, "rowClass", true>;
13
- }
14
- export declare class MtxGridCellActionsPipe implements PipeTransform {
15
- transform(btns?: MtxGridColumnButton[] | ((rowData: any) => MtxGridColumnButton[]), rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): MtxGridColumnButton<any>[];
16
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionsPipe, never>;
17
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionsPipe, "cellActions", true>;
18
- }
19
- export declare class MtxGridCellActionTooltipPipe implements PipeTransform {
20
- transform(btn: MtxGridColumnButton): import("./interfaces").MtxGridColumnButtonTooltip;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionTooltipPipe, never>;
22
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionTooltipPipe, "cellActionTooltip", true>;
23
- }
24
- export declare class MtxGridCellActionBadgePipe implements PipeTransform {
25
- transform(btn: MtxGridColumnButton): import("./interfaces").MtxGridColumnButtonBadge;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionBadgePipe, never>;
27
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionBadgePipe, "cellActionBadge", true>;
28
- }
29
- export declare class MtxGridCellActionDisablePipe implements PipeTransform {
30
- transform(btn: MtxGridColumnButton, rowData: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): boolean;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionDisablePipe, never>;
32
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionDisablePipe, "cellActionDisable", true>;
33
- }
34
- export declare class MtxGridCellSummaryPipe implements PipeTransform {
35
- private utils;
36
- transform(data: any[], colDef: MtxGridColumn): any;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellSummaryPipe, never>;
38
- static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellSummaryPipe, "cellSummary", true>;
39
- }
@@ -1,33 +0,0 @@
1
- import { MtxGridColumn } from './interfaces';
2
- import * as i0 from "@angular/core";
3
- export declare class MtxGridUtils {
4
- constructor();
5
- /**
6
- * Get cell's value based on the data and column's field (e.g. `a.b.c`)
7
- * @param rowData Row data
8
- * @param colDef Column definition
9
- * @returns
10
- */
11
- getCellValue(rowData: Record<string, any>, colDef: MtxGridColumn): string;
12
- /**
13
- * Get all data of a col
14
- * @param data All data
15
- * @param colDef Column definition
16
- * @returns
17
- */
18
- getColData(data: any[], colDef: MtxGridColumn): any[];
19
- /**
20
- * Whether the value is empty (`null`, `undefined`, `''`, `[]`)
21
- * @param value
22
- * @returns
23
- */
24
- isEmpty(value: any): boolean;
25
- /**
26
- * Whether the value contain HTML
27
- * @param value
28
- * @returns
29
- */
30
- isContainHTML(value: string): boolean;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridUtils, never>;
32
- static ɵprov: i0.ɵɵInjectableDeclaration<MtxGridUtils>;
33
- }
package/grid/grid.d.ts DELETED
@@ -1,268 +0,0 @@
1
- import { SelectionModel } from '@angular/cdk/collections';
2
- import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, KeyValueChangeRecord, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef, TrackByFunction } from '@angular/core';
3
- import { ThemePalette } from '@angular/material/core';
4
- import { MatPaginator, PageEvent } from '@angular/material/paginator';
5
- import { MatSort, Sort, SortDirection } from '@angular/material/sort';
6
- import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';
7
- import { ColumnResize } from '@ng-matero/extensions/column-resize';
8
- import { MtxGridColumnMenu } from './column-menu';
9
- import { MtxGridExpansionToggle } from './expansion-toggle';
10
- import { MtxGridButtonType, MtxGridCellTemplate, MtxGridColumn, MtxGridColumnPinOption, MtxGridDefaultOptions, MtxGridRowClassFormatter, MtxGridRowSelectionFormatter } from './interfaces';
11
- import { MtxGridSelectableCell } from './selectable-cell';
12
- import * as i0 from "@angular/core";
13
- /** Injection token that can be used to specify default grid options. */
14
- export declare const MTX_GRID_DEFAULT_OPTIONS: InjectionToken<MtxGridDefaultOptions>;
15
- export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
16
- protected _animationsDisabled: boolean;
17
- private _utils;
18
- private _changeDetectorRef;
19
- private _defaultOptions;
20
- table: MatTable<any>;
21
- paginator: MatPaginator;
22
- sort: MatSort;
23
- rowDefs: QueryList<MatRowDef<any>>;
24
- headerRowDefs: QueryList<MatHeaderRowDef>;
25
- footerRowDefs: QueryList<MatFooterRowDef>;
26
- columnResize?: ColumnResize;
27
- columnMenu: MtxGridColumnMenu;
28
- tableContainer: ElementRef<HTMLDivElement>;
29
- dataSource: MatTableDataSource<unknown, MatPaginator>;
30
- /** The grid's displayed columns. */
31
- displayedColumns: string[];
32
- /** The grid's columns. */
33
- columns: MtxGridColumn[];
34
- /** The grid's data. */
35
- data: any[];
36
- /** The total number of the data. */
37
- length: number;
38
- /** Whether the grid is loading. */
39
- loading: boolean;
40
- /** Tracking function that will be used to check the differences in data changes. */
41
- trackBy: TrackByFunction<any>;
42
- /** Whether the column is resizable. */
43
- columnResizable: boolean;
44
- /** Placeholder for the empty value (`null`, `''`, `[]`). */
45
- emptyValuePlaceholder: string;
46
- /** Whether to paginate the data on front end. */
47
- pageOnFront: boolean;
48
- /** Whether to show the paginator. */
49
- showPaginator: boolean;
50
- /** Whether the paginator is disabled. */
51
- pageDisabled: boolean;
52
- /** Whether to show the first/last buttons UI to the user. */
53
- showFirstLastButtons: boolean;
54
- /** The zero-based page index of the displayed list of items. */
55
- pageIndex: number;
56
- /** Number of items to display on a page. */
57
- pageSize: number;
58
- /** The set of provided page size options to display to the user. */
59
- pageSizeOptions: number[];
60
- /** Whether to hide the page size selection UI from the user. */
61
- hidePageSize: boolean;
62
- /** Event emitted when the paginator changes the page size or page index. */
63
- page: EventEmitter<PageEvent>;
64
- /** The template for the pagination. */
65
- paginationTemplate: TemplateRef<any>;
66
- /** Whether to sort the data on front end. */
67
- sortOnFront: boolean;
68
- /** The id of the most recently sorted MatSortable. */
69
- sortActive: string;
70
- /** The sort direction of the currently active MatSortable. */
71
- sortDirection: SortDirection;
72
- /**
73
- * Whether to disable the user from clearing the sort by finishing the sort direction cycle.
74
- * May be overriden by the column's `disableClear` in `sortProp`.
75
- */
76
- sortDisableClear: boolean;
77
- /** Whether the sort is disabled. */
78
- sortDisabled: boolean;
79
- /**
80
- * The direction to set when an MatSortable is initially sorted.
81
- * May be overriden by the column's `start` in `sortProp`.
82
- */
83
- sortStart: 'asc' | 'desc';
84
- /** Event emitted when the user changes either the active sort or sort direction. */
85
- sortChange: EventEmitter<Sort>;
86
- /** Whether to use the row hover style. */
87
- rowHover: boolean;
88
- /** Whether to use the row striped style. */
89
- rowStriped: boolean;
90
- /** Event emitted when the user clicks the row. */
91
- rowClick: EventEmitter<any>;
92
- /** Event emitted when the user attempts to open a context menu. */
93
- rowContextMenu: EventEmitter<any>;
94
- expansionRowStates: any[];
95
- /** Whether the row is expandable. */
96
- expandable: boolean;
97
- /** The template for the expandable row. */
98
- expansionTemplate: TemplateRef<any>;
99
- /** Event emitted when the user toggles the expandable row. */
100
- expansionChange: EventEmitter<any>;
101
- rowSelection: SelectionModel<any>;
102
- /** Whether to support multiple row/cell selection. */
103
- multiSelectable: boolean;
104
- /** Whether the user can select multiple rows with click. */
105
- multiSelectionWithClick: boolean;
106
- /** Whether the row is selectable. */
107
- rowSelectable: boolean;
108
- /** Whether to hide the row selection checkbox. */
109
- hideRowSelectionCheckbox: boolean;
110
- /** Whether disable rows to be selected when clicked. */
111
- disableRowClickSelection: boolean;
112
- /** The formatter to disable the row selection or hide the row's checkbox. */
113
- rowSelectionFormatter: MtxGridRowSelectionFormatter;
114
- /** The formatter to set the row's class. */
115
- rowClassFormatter?: MtxGridRowClassFormatter;
116
- /** The selected row items. */
117
- rowSelected: any[];
118
- /** Event emitted when the row is selected. */
119
- rowSelectedChange: EventEmitter<any[]>;
120
- cellSelection: any[];
121
- /** Whether the cell is selectable. */
122
- cellSelectable: boolean;
123
- /** Event emitted when the cell is selected. */
124
- cellSelectedChange: EventEmitter<any[]>;
125
- private _selectedCell?;
126
- /** Whether to show the toolbar. */
127
- showToolbar: boolean;
128
- /** The text of the toolbar's title. */
129
- toolbarTitle: string;
130
- /** The template for the toolbar. */
131
- toolbarTemplate: TemplateRef<any>;
132
- /** Whether the column is hideable. */
133
- columnHideable: boolean;
134
- /** Hide or show when the column's checkbox is checked. */
135
- columnHideableChecked: 'show' | 'hide';
136
- /** Whether the column is sortable. */
137
- columnSortable: boolean;
138
- /** Whether the column is pinnable. */
139
- columnPinnable: boolean;
140
- /** Event emitted when the column is hided or is sorted. */
141
- columnChange: EventEmitter<MtxGridColumn<any>[]>;
142
- /** The options for the column pin list. */
143
- columnPinOptions: MtxGridColumnPinOption[];
144
- /** Whether to show the column menu button. */
145
- showColumnMenuButton: boolean;
146
- /** The text for the column menu button. */
147
- columnMenuButtonText: string;
148
- /** The type for the column menu button. */
149
- columnMenuButtonType: MtxGridButtonType;
150
- /** The color for the column menu button. */
151
- columnMenuButtonColor: ThemePalette;
152
- /** The class for the column menu button. */
153
- columnMenuButtonClass: string;
154
- /** The icon for the column menu button. */
155
- columnMenuButtonIcon: string;
156
- /** The font icon for the column menu button. */
157
- columnMenuButtonFontIcon: string;
158
- /** The svg icon for the column menu button. */
159
- columnMenuButtonSvgIcon: string;
160
- /** Whether to show the column-menu's header. */
161
- showColumnMenuHeader: boolean;
162
- /** The text for the column-menu's header. */
163
- columnMenuHeaderText: string;
164
- /** The template for the column-menu's header. */
165
- columnMenuHeaderTemplate: TemplateRef<any>;
166
- /** Whether to show the the column-menu's footer. */
167
- showColumnMenuFooter: boolean;
168
- /** The text for the column-menu's footer. */
169
- columnMenuFooterText: string;
170
- /** The template for the column-menu's footer. */
171
- columnMenuFooterTemplate: TemplateRef<any>;
172
- /** The displayed text for the empty data. */
173
- noResultText: string;
174
- /** The template for the empty data. */
175
- noResultTemplate: TemplateRef<any>;
176
- get _hasNoResult(): boolean;
177
- /** The header's cell template for the grid. */
178
- headerTemplate: TemplateRef<any> | MtxGridCellTemplate;
179
- /** The header's cell template for the grid exclude sort. */
180
- headerExtraTemplate: TemplateRef<any> | MtxGridCellTemplate;
181
- /** The cell template for the grid. */
182
- cellTemplate: TemplateRef<any> | MtxGridCellTemplate;
183
- /** Whether to use custom row template. If true, you should define a matRowDef. */
184
- useContentRowTemplate: boolean;
185
- useContentHeaderRowTemplate: boolean;
186
- useContentFooterRowTemplate: boolean;
187
- /** Whether to show the summary. */
188
- showSummary: boolean;
189
- /** The template for the summary. */
190
- summaryTemplate: TemplateRef<any> | MtxGridCellTemplate;
191
- get _whetherShowSummary(): boolean;
192
- /** Whether to show the sidebar. */
193
- showSidebar: boolean;
194
- /** The template for the sidebar. */
195
- sidebarTemplate: TemplateRef<any>;
196
- /** Whether to show the status bar. */
197
- showStatusbar: boolean;
198
- /** The template for the status bar. */
199
- statusbarTemplate: TemplateRef<any>;
200
- /** The changed record of row data. */
201
- rowChangeRecord?: KeyValueChangeRecord<string, any>;
202
- detectChanges(): void;
203
- _getColData(data: any[], colDef: MtxGridColumn): any[];
204
- _isColumnHide(item: MtxGridColumn): boolean;
205
- ngOnChanges(changes: SimpleChanges): void;
206
- ngAfterViewInit(): void;
207
- ngOnDestroy(): void;
208
- _countPinnedPosition(): void;
209
- _getIndex(index: number | undefined, dataIndex: number): number;
210
- _onSortChange(sort: Sort): void;
211
- _onRowDataChange(record: KeyValueChangeRecord<string, any>): void;
212
- /** Expansion change event */
213
- _onExpansionChange(expansionRef: MtxGridExpansionToggle, rowData: Record<string, any>, column: MtxGridColumn, index: number): void;
214
- /** Cell select event */
215
- _selectCell(cellRef: MtxGridSelectableCell, rowData: Record<string, any>, colDef: MtxGridColumn): void;
216
- /** Row select event */
217
- _selectRow(event: MouseEvent, rowData: Record<string, any>, index: number): void;
218
- /** Whether the number of selected elements matches the total number of rows. */
219
- _isAllSelected(): boolean;
220
- /** Select all rows if they are not all selected; otherwise clear selection. */
221
- _toggleMasterCheckbox(): void;
222
- /** Select normal row */
223
- _toggleNormalCheckbox(row: Record<string, any>): void;
224
- /** Column change event */
225
- _onColumnChange(columns: MtxGridColumn[]): void;
226
- getDisplayedColumnFields(columns: MtxGridColumn[]): string[];
227
- /** Customize expansion event */
228
- toggleExpansion(index: number): any;
229
- /** Scroll to top when turn to the next page. */
230
- _onPage(e: PageEvent): void;
231
- scrollTop(value?: number): number | void;
232
- scrollLeft(value?: number): number | void;
233
- _contextmenu(event: MouseEvent, rowData: Record<string, any>, index: number): void;
234
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGrid, never>;
235
- static ɵcmp: i0.ɵɵComponentDeclaration<MtxGrid, "mtx-grid", ["mtxGrid"], { "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "columnResizable": { "alias": "columnResizable"; "required": false; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; }; "sortActive": { "alias": "sortActive"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; "sortStart": { "alias": "sortStart"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "rowStriped": { "alias": "rowStriped"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "columnHideable": { "alias": "columnHideable"; "required": false; }; "columnHideableChecked": { "alias": "columnHideableChecked"; "required": false; }; "columnSortable": { "alias": "columnSortable"; "required": false; }; "columnPinnable": { "alias": "columnPinnable"; "required": false; }; "columnPinOptions": { "alias": "columnPinOptions"; "required": false; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; }; "columnMenuButtonText": { "alias": "columnMenuButtonText"; "required": false; }; "columnMenuButtonType": { "alias": "columnMenuButtonType"; "required": false; }; "columnMenuButtonColor": { "alias": "columnMenuButtonColor"; "required": false; }; "columnMenuButtonClass": { "alias": "columnMenuButtonClass"; "required": false; }; "columnMenuButtonIcon": { "alias": "columnMenuButtonIcon"; "required": false; }; "columnMenuButtonFontIcon": { "alias": "columnMenuButtonFontIcon"; "required": false; }; "columnMenuButtonSvgIcon": { "alias": "columnMenuButtonSvgIcon"; "required": false; }; "showColumnMenuHeader": { "alias": "showColumnMenuHeader"; "required": false; }; "columnMenuHeaderText": { "alias": "columnMenuHeaderText"; "required": false; }; "columnMenuHeaderTemplate": { "alias": "columnMenuHeaderTemplate"; "required": false; }; "showColumnMenuFooter": { "alias": "showColumnMenuFooter"; "required": false; }; "columnMenuFooterText": { "alias": "columnMenuFooterText"; "required": false; }; "columnMenuFooterTemplate": { "alias": "columnMenuFooterTemplate"; "required": false; }; "noResultText": { "alias": "noResultText"; "required": false; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; }; "showSidebar": { "alias": "showSidebar"; "required": false; }; "sidebarTemplate": { "alias": "sidebarTemplate"; "required": false; }; "showStatusbar": { "alias": "showStatusbar"; "required": false; }; "statusbarTemplate": { "alias": "statusbarTemplate"; "required": false; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowContextMenu": "rowContextMenu"; "expansionChange": "expansionChange"; "rowSelectedChange": "rowSelectedChange"; "cellSelectedChange": "cellSelectedChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, true, never>;
236
- static ngAcceptInputType_loading: unknown;
237
- static ngAcceptInputType_columnResizable: unknown;
238
- static ngAcceptInputType_pageOnFront: unknown;
239
- static ngAcceptInputType_showPaginator: unknown;
240
- static ngAcceptInputType_pageDisabled: unknown;
241
- static ngAcceptInputType_showFirstLastButtons: unknown;
242
- static ngAcceptInputType_hidePageSize: unknown;
243
- static ngAcceptInputType_sortOnFront: unknown;
244
- static ngAcceptInputType_sortDisableClear: unknown;
245
- static ngAcceptInputType_sortDisabled: unknown;
246
- static ngAcceptInputType_rowHover: unknown;
247
- static ngAcceptInputType_rowStriped: unknown;
248
- static ngAcceptInputType_expandable: unknown;
249
- static ngAcceptInputType_multiSelectable: unknown;
250
- static ngAcceptInputType_multiSelectionWithClick: unknown;
251
- static ngAcceptInputType_rowSelectable: unknown;
252
- static ngAcceptInputType_hideRowSelectionCheckbox: unknown;
253
- static ngAcceptInputType_disableRowClickSelection: unknown;
254
- static ngAcceptInputType_cellSelectable: unknown;
255
- static ngAcceptInputType_showToolbar: unknown;
256
- static ngAcceptInputType_columnHideable: unknown;
257
- static ngAcceptInputType_columnSortable: unknown;
258
- static ngAcceptInputType_columnPinnable: unknown;
259
- static ngAcceptInputType_showColumnMenuButton: unknown;
260
- static ngAcceptInputType_showColumnMenuHeader: unknown;
261
- static ngAcceptInputType_showColumnMenuFooter: unknown;
262
- static ngAcceptInputType_useContentRowTemplate: unknown;
263
- static ngAcceptInputType_useContentHeaderRowTemplate: unknown;
264
- static ngAcceptInputType_useContentFooterRowTemplate: unknown;
265
- static ngAcceptInputType_showSummary: unknown;
266
- static ngAcceptInputType_showSidebar: unknown;
267
- static ngAcceptInputType_showStatusbar: unknown;
268
- }
@@ -1,180 +0,0 @@
1
- import { TemplateRef } from '@angular/core';
2
- import { MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
3
- import { ThemePalette } from '@angular/material/core';
4
- import { SortDirection } from '@angular/material/sort';
5
- import { TooltipPosition, TooltipTouchGestures } from '@angular/material/tooltip';
6
- import { Observable } from 'rxjs';
7
- /** Column definition of grid. */
8
- export interface MtxGridColumn<T = any> {
9
- field: string;
10
- header?: string | Observable<string>;
11
- hide?: boolean;
12
- show?: boolean;
13
- disabled?: boolean;
14
- pinned?: MtxGridColumnPinValue;
15
- left?: string;
16
- right?: string;
17
- width?: string;
18
- resizable?: boolean;
19
- minWidth?: number;
20
- maxWidth?: number;
21
- sortable?: boolean | string;
22
- sortProp?: MtxGridSortProp;
23
- type?: MtxGridColumnType;
24
- typeParameter?: MtxGridColumnTypeParameter;
25
- tag?: MtxGridColumnTag;
26
- buttons?: MtxGridColumnButton<T>[] | ((rowData: T) => MtxGridColumnButton<T>[]);
27
- formatter?: (rowData: T, colDef?: MtxGridColumn) => any;
28
- cellTemplate?: TemplateRef<any> | null;
29
- showExpand?: boolean;
30
- description?: string;
31
- summary?: ((data: T[], colDef?: MtxGridColumn) => any) | string;
32
- class?: string | ((rowData?: T, colDef?: MtxGridColumn) => string);
33
- }
34
- /** Possible column pin values. */
35
- export declare type MtxGridColumnPinValue = 'left' | 'right' | null;
36
- /** Column pin option */
37
- export interface MtxGridColumnPinOption {
38
- label: string | Observable<string>;
39
- value: MtxGridColumnPinValue;
40
- }
41
- /** Possible column type values. */
42
- export declare type MtxGridColumnType = 'button' | 'tag' | 'link' | 'image' | 'boolean' | 'number' | 'currency' | 'percent' | 'date';
43
- /** Column type parameter. */
44
- export interface MtxGridColumnTypeParameter {
45
- currencyCode?: string;
46
- display?: string | boolean;
47
- digitsInfo?: string;
48
- format?: string;
49
- locale?: string;
50
- timezone?: string;
51
- }
52
- /** The properties of data sort. */
53
- export interface MtxGridSortProp {
54
- arrowPosition?: 'before' | 'after';
55
- disableClear?: boolean;
56
- id?: string;
57
- start?: 'asc' | 'desc';
58
- }
59
- /** Column tag of grid. */
60
- export interface MtxGridColumnTag {
61
- [key: number]: MtxGridColumnTagValue;
62
- [key: string]: MtxGridColumnTagValue;
63
- }
64
- /** The properties of column tag. */
65
- export interface MtxGridColumnTagValue {
66
- text?: string;
67
- color?: string;
68
- }
69
- /** The properties of column button. */
70
- export interface MtxGridColumnButton<T = any> {
71
- type?: MtxGridButtonType;
72
- text?: string | Observable<string>;
73
- icon?: string;
74
- fontIcon?: string;
75
- svgIcon?: string;
76
- color?: ThemePalette;
77
- class?: string;
78
- disabled?: boolean | ((rowData: T) => boolean);
79
- click?: (rowData: T) => void;
80
- iif?: (rowData: T) => boolean;
81
- pop?: string | Observable<string> | MtxGridColumnButtonPop;
82
- tooltip?: string | Observable<string> | MtxGridColumnButtonTooltip;
83
- badge?: number | string | Observable<string> | MtxGridColumnButtonBadge;
84
- }
85
- /** The properties of column button pop. */
86
- export interface MtxGridColumnButtonPop {
87
- title: string | Observable<string>;
88
- description?: string | Observable<string>;
89
- okColor?: ThemePalette;
90
- okText?: string | Observable<string>;
91
- closeColor?: ThemePalette;
92
- closeText?: string | Observable<string>;
93
- }
94
- /** The properties of column button tooltip. */
95
- export interface MtxGridColumnButtonTooltip {
96
- message: string | Observable<string>;
97
- position?: TooltipPosition;
98
- positionAtOrigin?: boolean;
99
- class?: any;
100
- hideDelay?: number;
101
- showDelay?: number;
102
- touchGestures?: TooltipTouchGestures;
103
- disabled?: boolean;
104
- }
105
- /** The properties of column button badge. */
106
- export interface MtxGridColumnButtonBadge {
107
- content: number | string | Observable<string>;
108
- description?: string | Observable<string>;
109
- color?: ThemePalette;
110
- position?: MatBadgePosition;
111
- size?: MatBadgeSize;
112
- overlap?: boolean;
113
- disabled?: boolean;
114
- hidden?: boolean;
115
- }
116
- /** Cell template. */
117
- export interface MtxGridCellTemplate {
118
- [key: string]: TemplateRef<any>;
119
- }
120
- /** Row selection formatter. */
121
- export interface MtxGridRowSelectionFormatter<T = any> {
122
- disabled?: (rowData: T, index: number) => boolean;
123
- hideCheckbox?: (rowData: T, index: number) => boolean;
124
- }
125
- /** Row class formatter. */
126
- export interface MtxGridRowClassFormatter<T = any> {
127
- [className: string]: (rowData: T, index: number) => boolean;
128
- }
129
- /** Possible button type values. */
130
- export type MtxGridButtonType = 'basic' | 'raised' | 'stroked' | 'flat' | 'icon' | 'fab' | 'mini-fab';
131
- /**
132
- * Represents the default options for the grid that can be configured
133
- * using the `MTX_GRID_DEFAULT_OPTIONS` injection token.
134
- */
135
- export interface MtxGridDefaultOptions {
136
- columnResizable?: boolean;
137
- emptyValuePlaceholder?: string;
138
- pageOnFront?: boolean;
139
- showPaginator?: boolean;
140
- pageDisabled?: boolean;
141
- showFirstLastButtons?: boolean;
142
- pageIndex?: number;
143
- pageSize?: number;
144
- pageSizeOptions?: number[];
145
- hidePageSize?: boolean;
146
- sortOnFront?: boolean;
147
- sortActive?: string;
148
- sortDirection?: SortDirection;
149
- sortDisableClear?: boolean;
150
- sortDisabled?: boolean;
151
- sortStart?: 'asc' | 'desc';
152
- rowHover?: boolean;
153
- rowStriped?: boolean;
154
- multiSelectable?: boolean;
155
- multiSelectionWithClick?: boolean;
156
- rowSelectable?: boolean;
157
- hideRowSelectionCheckbox?: boolean;
158
- disableRowClickSelection?: boolean;
159
- cellSelectable?: boolean;
160
- showToolbar?: boolean;
161
- toolbarTitle?: string;
162
- columnHideable?: boolean;
163
- columnHideableChecked?: 'show' | 'hide';
164
- columnSortable?: boolean;
165
- columnPinnable?: boolean;
166
- columnPinOptions?: MtxGridColumnPinOption[];
167
- showColumnMenuButton?: boolean;
168
- columnMenuButtonText?: string;
169
- columnMenuButtonType?: MtxGridButtonType;
170
- columnMenuButtonColor?: ThemePalette;
171
- columnMenuButtonClass?: string;
172
- columnMenuButtonIcon?: string;
173
- columnMenuButtonFontIcon?: string;
174
- columnMenuButtonSvgIcon?: string;
175
- showColumnMenuHeader?: boolean;
176
- columnMenuHeaderText?: string;
177
- showColumnMenuFooter?: boolean;
178
- columnMenuFooterText?: string;
179
- noResultText?: string;
180
- }
@@ -1,17 +0,0 @@
1
- export * from './grid-module';
2
- export * from './grid-utils';
3
- export * from './grid-pipes';
4
- export * from './grid';
5
- export * from './cell';
6
- export * from './column-menu';
7
- export * from './expansion-toggle';
8
- export * from './selectable-cell';
9
- export * from './interfaces';
10
- export { TABLE_PROVIDERS as MAT_TABLE_PROVIDERS, FLEX_PROVIDERS as MAT_FLEX_PROVIDERS, TABLE_HOST_BINDINGS as MAT_TABLE_HOST_BINDINGS, FLEX_HOST_BINDINGS as MAT_FLEX_HOST_BINDINGS, AbstractMatColumnResize, } from './column-resize/column-resize-directives/common';
11
- export { MatColumnResize } from './column-resize/column-resize-directives/column-resize';
12
- export { MatColumnResizeFlex } from './column-resize/column-resize-directives/column-resize-flex';
13
- export { AbstractMatResizable, RESIZABLE_HOST_BINDINGS as MAT_RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS as MAT_RESIZABLE_INPUTS, } from './column-resize/resizable-directives/common';
14
- export { MatResizable } from './column-resize/resizable-directives/resizable';
15
- export { MatColumnResizeOverlayHandle } from './column-resize/overlay-handle';
16
- export { TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER as MAT_TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, MatFlexTableResizeStrategy, FLEX_RESIZE_STRATEGY_PROVIDER as MAT_FLEX_RESIZE_STRATEGY_PROVIDER, } from './column-resize/resize-strategy';
17
- export { MatColumnResizeCommonModule, MatColumnResizeModule, } from './column-resize/column-resize-module';
@@ -1,16 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class MtxGridSelectableCell {
4
- ctrlKeyPressed: boolean;
5
- shiftKeyPressed: boolean;
6
- get selected(): boolean;
7
- private _selected;
8
- cellSelectable: boolean;
9
- cellSelectedChange: EventEmitter<MtxGridSelectableCell>;
10
- onClick(event: MouseEvent): void;
11
- select(): void;
12
- deselect(): void;
13
- toggle(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridSelectableCell, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridSelectableCell, "[mtx-grid-selectable-cell]", never, { "cellSelectable": { "alias": "cellSelectable"; "required": false; }; }, { "cellSelectedChange": "cellSelectedChange"; }, never, never, true, never>;
16
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@angular/common";
3
- import * as i2 from "@angular/material/progress-spinner";
4
- import * as i3 from "@angular/material/progress-bar";
5
- import * as i4 from "./loader";
6
- export declare class MtxLoaderModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxLoaderModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxLoaderModule, never, [typeof i1.CommonModule, typeof i2.MatProgressSpinnerModule, typeof i3.MatProgressBarModule, typeof i4.MtxLoader], [typeof i4.MtxLoader]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<MtxLoaderModule>;
10
- }