@ng-matero/extensions 19.4.1 → 20.0.1

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 (283) 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 +11 -11
  52. package/fesm2022/mtxButton.mjs.map +1 -1
  53. package/fesm2022/mtxCheckboxGroup.mjs +7 -7
  54. package/fesm2022/mtxColorpicker.mjs +21 -21
  55. package/fesm2022/mtxColorpicker.mjs.map +1 -1
  56. package/fesm2022/mtxColumnResize.mjs +232 -103
  57. package/fesm2022/mtxColumnResize.mjs.map +1 -1
  58. package/fesm2022/mtxCore.mjs +21 -21
  59. package/fesm2022/mtxDatetimepicker.mjs +63 -67
  60. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  61. package/fesm2022/mtxDialog.mjs +10 -10
  62. package/fesm2022/mtxDialog.mjs.map +1 -1
  63. package/fesm2022/mtxDrawer.mjs +10 -10
  64. package/fesm2022/mtxGrid.mjs +78 -77
  65. package/fesm2022/mtxGrid.mjs.map +1 -1
  66. package/fesm2022/mtxLoader.mjs +7 -7
  67. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  68. package/fesm2022/mtxPopover.mjs +24 -25
  69. package/fesm2022/mtxPopover.mjs.map +1 -1
  70. package/fesm2022/mtxProgress.mjs +7 -7
  71. package/fesm2022/mtxSelect.mjs +54 -54
  72. package/fesm2022/mtxSelect.mjs.map +1 -1
  73. package/fesm2022/mtxSplit.mjs +10 -10
  74. package/fesm2022/mtxTooltip.mjs +13 -13
  75. package/fesm2022/mtxTooltip.mjs.map +1 -1
  76. package/grid/_grid-theme.scss +24 -34
  77. package/grid/_m2-grid.scss +66 -0
  78. package/grid/_m3-grid.scss +35 -0
  79. package/grid/column-menu.scss +6 -23
  80. package/grid/column-resize/_column-resize.scss +35 -30
  81. package/grid/grid.scss +41 -74
  82. package/grid/index.d.ts +799 -3
  83. package/index.d.ts +2 -5
  84. package/loader/_loader-theme.scss +26 -31
  85. package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
  86. package/loader/_m3-loader.scss +20 -0
  87. package/loader/index.d.ts +43 -5
  88. package/loader/loader.scss +4 -5
  89. package/package.json +28 -28
  90. package/photoviewer/index.d.ts +26 -5
  91. package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
  92. package/popover/_m3-popover.scss +26 -0
  93. package/popover/_popover-theme.scss +26 -31
  94. package/popover/index.d.ts +399 -3
  95. package/popover/popover.scss +23 -29
  96. package/prebuilt-themes/azure-blue.css +1 -1
  97. package/prebuilt-themes/cyan-orange.css +1 -1
  98. package/prebuilt-themes/deeppurple-amber.css +1 -1
  99. package/prebuilt-themes/indigo-pink.css +1 -1
  100. package/prebuilt-themes/magenta-violet.css +1 -1
  101. package/prebuilt-themes/pink-bluegrey.css +1 -1
  102. package/prebuilt-themes/purple-green.css +1 -1
  103. package/prebuilt-themes/rose-red.css +1 -1
  104. package/progress/_m2-progress.scss +53 -0
  105. package/progress/_m3-progress.scss +33 -0
  106. package/progress/_progress-theme.scss +22 -34
  107. package/progress/index.d.ts +35 -5
  108. package/progress/progress.scss +28 -43
  109. package/select/_m2-select.scss +79 -0
  110. package/select/_m3-select.scss +46 -0
  111. package/select/_select-theme.scss +27 -37
  112. package/select/index.d.ts +381 -3
  113. package/select/select.scss +189 -205
  114. package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
  115. package/split/_m3-split.scss +23 -0
  116. package/split/_split-theme.scss +31 -34
  117. package/split/index.d.ts +255 -3
  118. package/split/split.scss +8 -11
  119. package/tooltip/_m2-tooltip.scss +50 -0
  120. package/tooltip/_m3-tooltip.scss +28 -0
  121. package/tooltip/_tooltip-theme.scss +23 -47
  122. package/tooltip/index.d.ts +345 -3
  123. package/tooltip/tooltip.scss +11 -15
  124. package/alert/alert-module.d.ts +0 -8
  125. package/alert/alert.d.ts +0 -19
  126. package/alert/public-api.d.ts +0 -2
  127. package/button/button-loading.d.ts +0 -19
  128. package/button/button-module.d.ts +0 -10
  129. package/button/public-api.d.ts +0 -2
  130. package/checkbox-group/checkbox-group-module.d.ts +0 -11
  131. package/checkbox-group/checkbox-group.d.ts +0 -86
  132. package/checkbox-group/interfaces.d.ts +0 -17
  133. package/checkbox-group/public-api.d.ts +0 -3
  134. package/colorpicker/colorpicker-animations.d.ts +0 -9
  135. package/colorpicker/colorpicker-input.d.ts +0 -88
  136. package/colorpicker/colorpicker-module.d.ts +0 -15
  137. package/colorpicker/colorpicker-toggle.d.ts +0 -39
  138. package/colorpicker/colorpicker.d.ts +0 -140
  139. package/colorpicker/public-api.d.ts +0 -5
  140. package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
  141. package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
  142. package/column-resize/column-resize-directives/constants.d.ts +0 -10
  143. package/column-resize/column-resize-module.d.ts +0 -12
  144. package/column-resize/column-resize-notifier.d.ts +0 -48
  145. package/column-resize/column-resize.d.ts +0 -39
  146. package/column-resize/column-size-store.d.ts +0 -12
  147. package/column-resize/event-dispatcher.d.ts +0 -35
  148. package/column-resize/overlay-handle.d.ts +0 -43
  149. package/column-resize/polyfill.d.ts +0 -9
  150. package/column-resize/public-api.d.ts +0 -12
  151. package/column-resize/resizable.d.ts +0 -63
  152. package/column-resize/resize-ref.d.ts +0 -17
  153. package/column-resize/resize-strategy.d.ts +0 -84
  154. package/column-resize/selectors.d.ts +0 -10
  155. package/core/datetime/datetime-adapter.d.ts +0 -45
  156. package/core/datetime/datetime-formats.d.ts +0 -22
  157. package/core/datetime/datetime.module.d.ts +0 -15
  158. package/core/datetime/index.d.ts +0 -5
  159. package/core/datetime/native-datetime-adapter.d.ts +0 -40
  160. package/core/datetime/native-datetime-formats.d.ts +0 -2
  161. package/core/pipes/index.d.ts +0 -3
  162. package/core/pipes/is-template-ref.pipe.d.ts +0 -7
  163. package/core/pipes/pipes.module.d.ts +0 -9
  164. package/core/pipes/to-observable.pipe.d.ts +0 -8
  165. package/core/public-api.d.ts +0 -2
  166. package/core/theming/_inspection.scss +0 -38
  167. package/core/theming/_validation.scss +0 -5
  168. package/core/tokens/_density.scss +0 -49
  169. package/core/tokens/_format-tokens.scss +0 -5
  170. package/core/tokens/_token-definition.scss +0 -271
  171. package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
  172. package/core/tokens/m2/mtx/_alert.scss +0 -62
  173. package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
  174. package/core/tokens/m2/mtx/_grid.scss +0 -69
  175. package/core/tokens/m2/mtx/_progress.scss +0 -56
  176. package/core/tokens/m2/mtx/_select.scss +0 -82
  177. package/core/tokens/m3/definitions/_index.scss +0 -9
  178. package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
  179. package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
  180. package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
  181. package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
  182. package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
  183. package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
  184. package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
  185. package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
  186. package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
  187. package/core/tokens/m3/index.scss +0 -47
  188. package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
  189. package/core/tokens/m3/mtx/_alert.scss +0 -41
  190. package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
  191. package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
  192. package/core/tokens/m3/mtx/_drawer.scss +0 -22
  193. package/core/tokens/m3/mtx/_grid.scss +0 -32
  194. package/core/tokens/m3/mtx/_loader.scss +0 -22
  195. package/core/tokens/m3/mtx/_popover.scss +0 -25
  196. package/core/tokens/m3/mtx/_progress.scss +0 -32
  197. package/core/tokens/m3/mtx/_select.scss +0 -76
  198. package/core/tokens/m3/mtx/_split.scss +0 -30
  199. package/datetimepicker/calendar-body.d.ts +0 -66
  200. package/datetimepicker/calendar.d.ts +0 -157
  201. package/datetimepicker/clock.d.ts +0 -101
  202. package/datetimepicker/datetimepicker-actions.d.ts +0 -36
  203. package/datetimepicker/datetimepicker-animations.d.ts +0 -11
  204. package/datetimepicker/datetimepicker-errors.d.ts +0 -2
  205. package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
  206. package/datetimepicker/datetimepicker-input.d.ts +0 -105
  207. package/datetimepicker/datetimepicker-intl.d.ts +0 -53
  208. package/datetimepicker/datetimepicker-module.d.ts +0 -22
  209. package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
  210. package/datetimepicker/datetimepicker-types.d.ts +0 -6
  211. package/datetimepicker/datetimepicker.d.ts +0 -274
  212. package/datetimepicker/month-view.d.ts +0 -80
  213. package/datetimepicker/multi-year-view.d.ts +0 -86
  214. package/datetimepicker/public-api.d.ts +0 -16
  215. package/datetimepicker/time-view.d.ts +0 -147
  216. package/datetimepicker/year-view.d.ts +0 -68
  217. package/dialog/dialog-config.d.ts +0 -17
  218. package/dialog/dialog-container.d.ts +0 -11
  219. package/dialog/dialog-module.d.ts +0 -12
  220. package/dialog/dialog.d.ts +0 -15
  221. package/dialog/public-api.d.ts +0 -4
  222. package/drawer/drawer-animations.d.ts +0 -8
  223. package/drawer/drawer-config.d.ts +0 -63
  224. package/drawer/drawer-container.d.ts +0 -35
  225. package/drawer/drawer-module.d.ts +0 -10
  226. package/drawer/drawer-ref.d.ts +0 -53
  227. package/drawer/drawer.d.ts +0 -59
  228. package/drawer/public-api.d.ts +0 -6
  229. package/grid/cell.d.ts +0 -32
  230. package/grid/column-menu.d.ts +0 -39
  231. package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
  232. package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
  233. package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
  234. package/grid/column-resize/column-resize-module.d.ts +0 -17
  235. package/grid/column-resize/index.d.ts +0 -7
  236. package/grid/column-resize/overlay-handle.d.ts +0 -32
  237. package/grid/column-resize/resizable-directives/common.d.ts +0 -19
  238. package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
  239. package/grid/column-resize/resize-strategy.d.ts +0 -20
  240. package/grid/expansion-toggle.d.ts +0 -17
  241. package/grid/grid-module.d.ts +0 -31
  242. package/grid/grid-pipes.d.ts +0 -39
  243. package/grid/grid-utils.d.ts +0 -33
  244. package/grid/grid.d.ts +0 -268
  245. package/grid/interfaces.d.ts +0 -180
  246. package/grid/public-api.d.ts +0 -17
  247. package/grid/selectable-cell.d.ts +0 -16
  248. package/loader/loader-module.d.ts +0 -10
  249. package/loader/loader.d.ts +0 -30
  250. package/loader/public-api.d.ts +0 -2
  251. package/photoviewer/photoviewer-module.d.ts +0 -7
  252. package/photoviewer/photoviewer.d.ts +0 -17
  253. package/photoviewer/public-api.d.ts +0 -2
  254. package/popover/popover-animations.d.ts +0 -11
  255. package/popover/popover-content.d.ts +0 -43
  256. package/popover/popover-errors.d.ts +0 -14
  257. package/popover/popover-interfaces.d.ts +0 -50
  258. package/popover/popover-module.d.ts +0 -13
  259. package/popover/popover-target.d.ts +0 -7
  260. package/popover/popover-trigger.d.ts +0 -132
  261. package/popover/popover-types.d.ts +0 -10
  262. package/popover/popover.d.ts +0 -147
  263. package/popover/public-api.d.ts +0 -8
  264. package/progress/progress-module.d.ts +0 -8
  265. package/progress/progress.d.ts +0 -24
  266. package/progress/public-api.d.ts +0 -2
  267. package/public-api.d.ts +0 -2
  268. package/select/option.d.ts +0 -21
  269. package/select/public-api.d.ts +0 -5
  270. package/select/select-intl.d.ts +0 -18
  271. package/select/select-module.d.ts +0 -12
  272. package/select/select.d.ts +0 -270
  273. package/select/templates.d.ts +0 -67
  274. package/split/interfaces.d.ts +0 -52
  275. package/split/public-api.d.ts +0 -5
  276. package/split/split-module.d.ts +0 -9
  277. package/split/split-pane.d.ts +0 -53
  278. package/split/split.d.ts +0 -133
  279. package/split/utils.d.ts +0 -13
  280. package/tooltip/public-api.d.ts +0 -3
  281. package/tooltip/tooltip-animations.d.ts +0 -9
  282. package/tooltip/tooltip-module.d.ts +0 -13
  283. package/tooltip/tooltip.d.ts +0 -321
package/prebuilt-themes/indigo-pink.css CHANGED
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent;--mtx-alert-background-color:whitesmoke;--mtx-alert-text-color:rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color:transparent;--mtx-alert-info-background-color:#bbdefb;--mtx-alert-info-text-color:rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color:transparent;--mtx-alert-success-background-color:#c8e6c9;--mtx-alert-success-text-color:rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color:transparent;--mtx-alert-warning-background-color:#ffecb3;--mtx-alert-warning-text-color:rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color:transparent;--mtx-alert-danger-background-color:#ffcdd2;--mtx-alert-danger-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color:#3f51b5;--mtx-colorpicker-toggle-icon-color:rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#ff4081}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:4px;--mtx-datetimepicker-container-touch-shape:4px;--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#3f51b5;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mtx-datetimepicker-clock-hand-background-color:#3f51b5;--mtx-datetimepicker-clock-cell-selected-state-background-color:#3f51b5;--mtx-datetimepicker-time-input-active-state-text-color:#3f51b5;--mtx-datetimepicker-time-input-active-state-background-color:rgba(63, 81, 181, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(63, 81, 181, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(63, 81, 181, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color:#3f51b5;--mtx-datetimepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color:rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color:white;--mtx-datetimepicker-calendar-header-divider-color:transparent;--mtx-datetimepicker-calendar-table-header-text-color:rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color:white;--mtx-datetimepicker-container-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color:rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color:rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color:#fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336;--mtx-datetimepicker-time-ampm-text-color:rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color:rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color:rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#ff4081;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mtx-datetimepicker-clock-hand-background-color:#ff4081;--mtx-datetimepicker-clock-cell-selected-state-background-color:#ff4081;--mtx-datetimepicker-time-input-active-state-text-color:#ff4081;--mtx-datetimepicker-time-input-active-state-background-color:rgba(255, 64, 129, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(255, 64, 129, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color:#f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336;--mtx-datetimepicker-time-input-active-state-text-color:#f44336;--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:13px;--mtx-datetimepicker-calendar-body-label-text-size:14px;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:14px;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-calendar-table-header-text-size:11px;--mtx-datetimepicker-calendar-table-header-text-weight:400;--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0;--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:white;--mtx-drawer-container-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape:0;--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color:rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color:rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color:whitesmoke;--mtx-grid-table-row-striped-background-color:#f5f5f5;--mtx-grid-table-row-hover-background-color:#eee;--mtx-grid-table-row-selected-background-color:#eee;--mtx-grid-table-row-selected-hover-background-color:#e0e0e0;--mtx-grid-table-cell-selected-outline-color:#ff4081;--mtx-grid-resizable-handle-active-background-color:#3f51b5;--mtx-grid-resizable-handle-hover-background-color:#3f51b5;--mtx-grid-resizable-handle-disabled-background-color:rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(0, 0, 0, 0.12);--mtx-popover-background-color:white;--mtx-popover-text-color:rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color:rgba(0, 0, 0, 0.12);--mtx-progress-text-color:rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color:#2196f3;--mtx-progress-info-text-color:white;--mtx-progress-success-indicator-color:#4caf50;--mtx-progress-success-text-color:white;--mtx-progress-warning-indicator-color:#ff9800;--mtx-progress-warning-text-color:white;--mtx-progress-danger-indicator-color:#f44336;--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#3f51b5;--mtx-select-container-text-color:rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color:rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color:rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color:#e0e0e0;--mtx-select-multiple-value-outline-color:rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color:rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color:rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color:rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color:#f44336;--mtx-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color:#f44336;--mtx-select-panel-background-color:white;--mtx-select-panel-divider-color:rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color:rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color:rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color:rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color:rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#3f51b5;--mtx-split-gutter-background-color:rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}
1
+ .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-sys-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-sys-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: whitesmoke;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #3f51b5;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ff4081}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(63, 81, 181, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #3f51b5;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 64, 129, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 64, 129, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: whitesmoke;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ff4081;--mtx-grid-resizable-handle-active-background-color: #3f51b5;--mtx-grid-resizable-handle-hover-background-color: #3f51b5;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #3f51b5;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #3f51b5;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
package/prebuilt-themes/magenta-violet.css CHANGED
@@ -1 +1 @@
1
- html{--mat-sys-background: #1e1a1d;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #342f32;--mat-sys-inverse-primary: #a900a9;--mat-sys-inverse-surface: #e9e0e4;--mat-sys-on-background: #e9e0e4;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #5b005b;--mat-sys-on-primary-container: #ffd7f5;--mat-sys-on-primary-fixed: #380038;--mat-sys-on-primary-fixed-variant: #810081;--mat-sys-on-secondary: #3d2b3a;--mat-sys-on-secondary-container: #f7daef;--mat-sys-on-secondary-fixed: #271624;--mat-sys-on-secondary-fixed-variant: #554151;--mat-sys-on-surface: #e9e0e4;--mat-sys-on-surface-variant: #d1c2cb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #9a8d95;--mat-sys-outline-variant: #4e444b;--mat-sys-primary: #ffabf3;--mat-sys-primary-container: #810081;--mat-sys-primary-fixed: #ffd7f5;--mat-sys-primary-fixed-dim: #ffabf3;--mat-sys-scrim: #000000;--mat-sys-secondary: #dabfd2;--mat-sys-secondary-container: #554151;--mat-sys-secondary-fixed: #f7daef;--mat-sys-secondary-fixed-dim: #dabfd2;--mat-sys-shadow: #000000;--mat-sys-surface: #1e1a1d;--mat-sys-surface-bright: #3d383b;--mat-sys-surface-container: #231e22;--mat-sys-surface-container-high: #2d292c;--mat-sys-surface-container-highest: #383337;--mat-sys-surface-container-low: #1e1a1d;--mat-sys-surface-container-lowest: #110d10;--mat-sys-surface-dim: #161215;--mat-sys-surface-tint: #ffabf3;--mat-sys-surface-variant: #4e444b;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}
1
+ html{--mat-sys-background: #161215;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #342f32;--mat-sys-inverse-primary: #a900a9;--mat-sys-inverse-surface: #e9e0e4;--mat-sys-on-background: #e9e0e4;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #5b005b;--mat-sys-on-primary-container: #ffd7f5;--mat-sys-on-primary-fixed: #380038;--mat-sys-on-primary-fixed-variant: #810081;--mat-sys-on-secondary: #3d2b3a;--mat-sys-on-secondary-container: #f7daef;--mat-sys-on-secondary-fixed: #271624;--mat-sys-on-secondary-fixed-variant: #554151;--mat-sys-on-surface: #e9e0e4;--mat-sys-on-surface-variant: #eedee7;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #9a8d95;--mat-sys-outline-variant: #4e444b;--mat-sys-primary: #ffabf3;--mat-sys-primary-container: #810081;--mat-sys-primary-fixed: #ffd7f5;--mat-sys-primary-fixed-dim: #ffabf3;--mat-sys-scrim: #000000;--mat-sys-secondary: #dabfd2;--mat-sys-secondary-container: #554151;--mat-sys-secondary-fixed: #f7daef;--mat-sys-secondary-fixed-dim: #dabfd2;--mat-sys-shadow: #000000;--mat-sys-surface: #161215;--mat-sys-surface-bright: #3d383b;--mat-sys-surface-container: #231e22;--mat-sys-surface-container-high: #2d292c;--mat-sys-surface-container-highest: #383337;--mat-sys-surface-container-low: #1e1a1d;--mat-sys-surface-container-lowest: #110d10;--mat-sys-surface-dim: #161215;--mat-sys-surface-tint: #ffabf3;--mat-sys-surface-variant: #4e444b;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto, sans-serif;--mat-sys-display-large-font: Roboto, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto, sans-serif;--mat-sys-display-medium-font: Roboto, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto, sans-serif;--mat-sys-display-small-font: Roboto, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto, sans-serif;--mat-sys-headline-large-font: Roboto, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto, sans-serif;--mat-sys-headline-medium-font: Roboto, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto, sans-serif;--mat-sys-headline-small-font: Roboto, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto, sans-serif;--mat-sys-title-large-font: Roboto, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}
package/prebuilt-themes/pink-bluegrey.css CHANGED
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent;--mtx-alert-background-color:#212121;--mtx-alert-text-color:white;--mtx-alert-info-outline-color:transparent;--mtx-alert-info-background-color:#0d47a1;--mtx-alert-info-text-color:white;--mtx-alert-success-outline-color:transparent;--mtx-alert-success-background-color:#1b5e20;--mtx-alert-success-text-color:white;--mtx-alert-warning-outline-color:transparent;--mtx-alert-warning-background-color:#ff6f00;--mtx-alert-warning-text-color:white;--mtx-alert-danger-outline-color:transparent;--mtx-alert-danger-background-color:#b71c1c;--mtx-alert-danger-text-color:white}html{--mtx-colorpicker-toggle-active-state-icon-color:#c2185b;--mtx-colorpicker-toggle-icon-color:white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#b0bec5}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:4px;--mtx-datetimepicker-container-touch-shape:4px;--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#c2185b;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(194, 24, 91, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(194, 24, 91, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(194, 24, 91, 0.3);--mtx-datetimepicker-clock-hand-background-color:#c2185b;--mtx-datetimepicker-clock-cell-selected-state-background-color:#c2185b;--mtx-datetimepicker-time-input-active-state-text-color:#c2185b;--mtx-datetimepicker-time-input-active-state-background-color:rgba(194, 24, 91, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(194, 24, 91, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(194, 24, 91, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color:#c2185b;--mtx-datetimepicker-toggle-icon-color:white;--mtx-datetimepicker-calendar-body-label-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color:white;--mtx-datetimepicker-calendar-header-divider-color:transparent;--mtx-datetimepicker-calendar-table-header-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color:white;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color:#424242;--mtx-datetimepicker-container-text-color:white;--mtx-datetimepicker-clock-dial-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color:white;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color:white;--mtx-datetimepicker-time-input-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color:#303030;--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336;--mtx-datetimepicker-time-ampm-text-color:rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#b0bec5;--mtx-datetimepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color:#b0bec5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(176, 190, 197, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(176, 190, 197, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(176, 190, 197, 0.3);--mtx-datetimepicker-clock-hand-background-color:#b0bec5;--mtx-datetimepicker-clock-cell-selected-state-background-color:#b0bec5;--mtx-datetimepicker-time-input-active-state-text-color:#b0bec5;--mtx-datetimepicker-time-input-active-state-background-color:rgba(176, 190, 197, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(176, 190, 197, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(176, 190, 197, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color:#f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336;--mtx-datetimepicker-time-input-active-state-text-color:#f44336;--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#b0bec5}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:13px;--mtx-datetimepicker-calendar-body-label-text-size:14px;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:14px;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-calendar-table-header-text-size:11px;--mtx-datetimepicker-calendar-table-header-text-weight:400;--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0;--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:#424242;--mtx-drawer-container-text-color:white}html{--mtx-grid-container-shape:0;--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color:white;--mtx-grid-column-menu-divider-color:rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color:#212121;--mtx-grid-table-row-striped-background-color:#3a3a3a;--mtx-grid-table-row-hover-background-color:#2a2a2a;--mtx-grid-table-row-selected-background-color:#2a2a2a;--mtx-grid-table-row-selected-hover-background-color:#1a1a1a;--mtx-grid-table-cell-selected-outline-color:#b0bec5;--mtx-grid-resizable-handle-active-background-color:#c2185b;--mtx-grid-resizable-handle-hover-background-color:#c2185b;--mtx-grid-resizable-handle-disabled-background-color:rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(255, 255, 255, 0.12);--mtx-popover-background-color:#424242;--mtx-popover-text-color:white}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color:rgba(255, 255, 255, 0.12);--mtx-progress-text-color:white;--mtx-progress-info-indicator-color:#0d47a1;--mtx-progress-info-text-color:white;--mtx-progress-success-indicator-color:#1b5e20;--mtx-progress-success-text-color:white;--mtx-progress-warning-indicator-color:#e65100;--mtx-progress-warning-text-color:white;--mtx-progress-danger-indicator-color:#b71c1c;--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#c2185b;--mtx-select-container-text-color:white;--mtx-select-placeholder-text-color:rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color:rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color:#616161;--mtx-select-multiple-value-outline-color:rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color:rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color:rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color:rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color:#f44336;--mtx-select-enabled-arrow-color:rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color:rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color:#f44336;--mtx-select-panel-background-color:#424242;--mtx-select-panel-divider-color:rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color:rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color:white;--mtx-select-option-selected-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color:rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#b0bec5}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#c2185b;--mtx-split-gutter-background-color:rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}
1
+ .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-sys-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-sys-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #c2185b;--mtx-colorpicker-toggle-icon-color: white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #b0bec5}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(194, 24, 91, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(194, 24, 91, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(194, 24, 91, 0.3);--mtx-datetimepicker-clock-hand-background-color: #c2185b;--mtx-datetimepicker-clock-cell-selected-state-background-color: #c2185b;--mtx-datetimepicker-time-input-active-state-text-color: #c2185b;--mtx-datetimepicker-time-input-active-state-background-color: rgba(194, 24, 91, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(194, 24, 91, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(194, 24, 91, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #c2185b;--mtx-datetimepicker-toggle-icon-color: white;--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #303030;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color: white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #b0bec5;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #b0bec5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(176, 190, 197, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(176, 190, 197, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(176, 190, 197, 0.3);--mtx-datetimepicker-clock-hand-background-color: #b0bec5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-text-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(176, 190, 197, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(176, 190, 197, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(176, 190, 197, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #b0bec5}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #212121;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #b0bec5;--mtx-grid-resizable-handle-active-background-color: #c2185b;--mtx-grid-resizable-handle-hover-background-color: #c2185b;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #c2185b;--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color: rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color: #616161;--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color: rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #b0bec5}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #c2185b;--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
package/prebuilt-themes/purple-green.css CHANGED
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape:4px}html{--mtx-alert-outline-color:transparent;--mtx-alert-background-color:#212121;--mtx-alert-text-color:white;--mtx-alert-info-outline-color:transparent;--mtx-alert-info-background-color:#0d47a1;--mtx-alert-info-text-color:white;--mtx-alert-success-outline-color:transparent;--mtx-alert-success-background-color:#1b5e20;--mtx-alert-success-text-color:white;--mtx-alert-warning-outline-color:transparent;--mtx-alert-warning-background-color:#ff6f00;--mtx-alert-warning-text-color:white;--mtx-alert-danger-outline-color:transparent;--mtx-alert-danger-background-color:#b71c1c;--mtx-alert-danger-text-color:white}html{--mtx-colorpicker-toggle-active-state-icon-color:#7b1fa2;--mtx-colorpicker-toggle-icon-color:white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color:#69f0ae}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape:4px;--mtx-datetimepicker-container-touch-shape:4px;--mtx-datetimepicker-selector-container-shape:4px}html{--mtx-datetimepicker-calendar-header-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(123, 31, 162, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(123, 31, 162, 0.3);--mtx-datetimepicker-clock-hand-background-color:#7b1fa2;--mtx-datetimepicker-clock-cell-selected-state-background-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color:#7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(123, 31, 162, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(123, 31, 162, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color:#7b1fa2;--mtx-datetimepicker-toggle-icon-color:white;--mtx-datetimepicker-calendar-body-label-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color:white;--mtx-datetimepicker-calendar-header-divider-color:transparent;--mtx-datetimepicker-calendar-table-header-text-color:rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color:white;--mtx-datetimepicker-calendar-date-outline-color:transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color:#424242;--mtx-datetimepicker-container-text-color:white;--mtx-datetimepicker-clock-dial-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color:white;--mtx-datetimepicker-clock-cell-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color:white;--mtx-datetimepicker-time-input-background-color:rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color:#303030;--mtx-datetimepicker-time-input-warn-state-outline-color:#f44336;--mtx-datetimepicker-time-ampm-text-color:rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color:rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color:white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color:#69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(105, 240, 174, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(105, 240, 174, 0.3);--mtx-datetimepicker-clock-hand-background-color:#69f0ae;--mtx-datetimepicker-clock-cell-selected-state-background-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-text-color:#69f0ae;--mtx-datetimepicker-time-input-active-state-background-color:rgba(105, 240, 174, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(105, 240, 174, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(105, 240, 174, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color:white;--mtx-datetimepicker-calendar-date-selected-state-background-color:#f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color:white;--mtx-datetimepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color:#f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color:#f44336;--mtx-datetimepicker-time-input-active-state-text-color:#f44336;--mtx-datetimepicker-time-input-active-state-background-color:rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color:#f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color:rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color:rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color:#69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color:#f44336}html{--mtx-datetimepicker-calendar-text-font:Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size:13px;--mtx-datetimepicker-calendar-body-label-text-size:14px;--mtx-datetimepicker-calendar-body-label-text-weight:500;--mtx-datetimepicker-calendar-period-button-text-size:14px;--mtx-datetimepicker-calendar-period-button-text-weight:500;--mtx-datetimepicker-calendar-table-header-text-size:11px;--mtx-datetimepicker-calendar-table-header-text-weight:400;--mtx-datetimepicker-clock-text-size:14px}html{--mtx-drawer-container-shape:0;--mtx-drawer-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color:#424242;--mtx-drawer-container-text-color:white}html{--mtx-grid-container-shape:0;--mtx-grid-table-cell-min-width:80px}html{--mtx-grid-outline-color:rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color:white;--mtx-grid-column-menu-divider-color:rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color:#212121;--mtx-grid-table-row-striped-background-color:#3a3a3a;--mtx-grid-table-row-hover-background-color:#2a2a2a;--mtx-grid-table-row-selected-background-color:#2a2a2a;--mtx-grid-table-row-selected-hover-background-color:#1a1a1a;--mtx-grid-table-cell-selected-outline-color:#69f0ae;--mtx-grid-resizable-handle-active-background-color:#7b1fa2;--mtx-grid-resizable-handle-hover-background-color:#7b1fa2;--mtx-grid-resizable-handle-disabled-background-color:rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size:48px}html{--mtx-loader-backdrop-background-color:rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape:4px;--mtx-popover-base-elevation-level:8}html{--mtx-popover-outline-color:rgba(255, 255, 255, 0.12);--mtx-popover-background-color:#424242;--mtx-popover-text-color:white}html{--mtx-progress-container-shape:4px}html{--mtx-progress-track-color:rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color:rgba(255, 255, 255, 0.12);--mtx-progress-text-color:white;--mtx-progress-info-indicator-color:#0d47a1;--mtx-progress-info-text-color:white;--mtx-progress-success-indicator-color:#1b5e20;--mtx-progress-success-text-color:white;--mtx-progress-warning-indicator-color:#e65100;--mtx-progress-warning-text-color:white;--mtx-progress-danger-indicator-color:#b71c1c;--mtx-progress-danger-text-color:white}html{--mtx-progress-text-size:12px}html{--mtx-select-container-shape:4px;--mtx-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color:#7b1fa2;--mtx-select-container-text-color:white;--mtx-select-placeholder-text-color:rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color:rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color:#616161;--mtx-select-multiple-value-outline-color:rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color:rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color:rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color:rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color:#f44336;--mtx-select-enabled-arrow-color:rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color:rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color:#f44336;--mtx-select-panel-background-color:#424242;--mtx-select-panel-divider-color:rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color:rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color:white;--mtx-select-option-selected-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color:rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color:rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color:#69f0ae}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color:#f44336}html{--mtx-split-gutter-hover-state-background-color:#7b1fa2;--mtx-split-gutter-background-color:rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color:#69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color:#f44336}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}
1
+ .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-mdc-header-cell,.mat-column-resize-flex .mat-mdc-cell{box-sizing:border-box;min-width:32px}.mat-mdc-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-mdc-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-mdc-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-mdc-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-header-cell,[dir=rtl] .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-left:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell{border-right:none}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-mdc-header-cell:not(.mat-resizable)::after{background-color:var(--mtx-grid-resizable-handle-disabled-background-color, var(--mat-sys-outline-variant))}.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background-color:var(--mtx-grid-resizable-handle-hover-background-color, var(--mat-sys-primary))}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{outline:none;background-color:var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary))}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;width:100%;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);-webkit-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{will-change:transform;background:linear-gradient(90deg, transparent, transparent 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 7px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 9px, transparent 9px, transparent)}.mat-column-resize-overlay-thumb:active .mat-column-resize-overlay-thumb-top{background:linear-gradient(90deg, transparent, transparent 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 4px, var(--mtx-grid-resizable-handle-active-background-color, var(--mat-sys-primary)) 12px, transparent 12px, transparent)}.mat-column-resize-overlay-thumb-top{width:100%}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #7b1fa2;--mtx-colorpicker-toggle-icon-color: white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #69f0ae}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(123, 31, 162, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(123, 31, 162, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(123, 31, 162, 0.3);--mtx-datetimepicker-clock-hand-background-color: #7b1fa2;--mtx-datetimepicker-clock-cell-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color: rgba(123, 31, 162, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(123, 31, 162, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(123, 31, 162, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #7b1fa2;--mtx-datetimepicker-toggle-icon-color: white;--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #303030;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color: white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #69f0ae;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(105, 240, 174, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(105, 240, 174, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(105, 240, 174, 0.3);--mtx-datetimepicker-clock-hand-background-color: #69f0ae;--mtx-datetimepicker-clock-cell-selected-state-background-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-text-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-background-color: rgba(105, 240, 174, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(105, 240, 174, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(105, 240, 174, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #212121;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #69f0ae;--mtx-grid-resizable-handle-active-background-color: #7b1fa2;--mtx-grid-resizable-handle-hover-background-color: #7b1fa2;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #7b1fa2;--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color: rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color: #616161;--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color: rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #69f0ae}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #7b1fa2;--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
package/prebuilt-themes/rose-red.css CHANGED
@@ -1 +1 @@
1
- html{--mat-sys-background: #fffbff;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #faeeef;--mat-sys-inverse-primary: #ffb1c5;--mat-sys-inverse-surface: #352f30;--mat-sys-on-background: #201a1b;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #410002;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #3f001b;--mat-sys-on-primary-fixed: #3f001b;--mat-sys-on-primary-fixed-variant: #8f0045;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #2b151b;--mat-sys-on-secondary-fixed: #2b151b;--mat-sys-on-secondary-fixed-variant: #5b3f46;--mat-sys-on-surface: #201a1b;--mat-sys-on-surface-variant: #514346;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #410000;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--mat-sys-outline: #847376;--mat-sys-outline-variant: #d6c2c5;--mat-sys-primary: #ba005c;--mat-sys-primary-container: #ffd9e1;--mat-sys-primary-fixed: #ffd9e1;--mat-sys-primary-fixed-dim: #ffb1c5;--mat-sys-scrim: #000000;--mat-sys-secondary: #74565d;--mat-sys-secondary-container: #ffd9e1;--mat-sys-secondary-fixed: #ffd9e1;--mat-sys-secondary-fixed-dim: #e3bdc5;--mat-sys-shadow: #000000;--mat-sys-surface: #fffbff;--mat-sys-surface-bright: #fff8f8;--mat-sys-surface-container: #f7ebec;--mat-sys-surface-container-high: #f1e5e6;--mat-sys-surface-container-highest: #ece0e1;--mat-sys-surface-container-low: #fdf1f2;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d7d8;--mat-sys-surface-tint: #ba005c;--mat-sys-surface-variant: #f3dde1;--mat-sys-tertiary: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}
1
+ html{--mat-sys-background: #fff8f8;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #faeeef;--mat-sys-inverse-primary: #ffb1c5;--mat-sys-inverse-surface: #352f30;--mat-sys-on-background: #201a1b;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #8f0045;--mat-sys-on-primary-fixed: #3f001b;--mat-sys-on-primary-fixed-variant: #8f0045;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5b3f46;--mat-sys-on-secondary-fixed: #2b151b;--mat-sys-on-secondary-fixed-variant: #5b3f46;--mat-sys-on-surface: #201a1b;--mat-sys-on-surface-variant: #514346;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #930100;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--mat-sys-outline: #847376;--mat-sys-outline-variant: #d6c2c5;--mat-sys-primary: #ba005c;--mat-sys-primary-container: #ffd9e1;--mat-sys-primary-fixed: #ffd9e1;--mat-sys-primary-fixed-dim: #ffb1c5;--mat-sys-scrim: #000000;--mat-sys-secondary: #74565d;--mat-sys-secondary-container: #ffd9e1;--mat-sys-secondary-fixed: #ffd9e1;--mat-sys-secondary-fixed-dim: #e3bdc5;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f8;--mat-sys-surface-bright: #fff8f8;--mat-sys-surface-container: #f7ebec;--mat-sys-surface-container-high: #f1e5e6;--mat-sys-surface-container-highest: #ece0e1;--mat-sys-surface-container-low: #fdf1f2;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d7d8;--mat-sys-surface-tint: #ba005c;--mat-sys-surface-variant: #f3dde1;--mat-sys-tertiary: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto, sans-serif;--mat-sys-display-large-font: Roboto, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto, sans-serif;--mat-sys-display-medium-font: Roboto, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto, sans-serif;--mat-sys-display-small-font: Roboto, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto, sans-serif;--mat-sys-headline-large-font: Roboto, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto, sans-serif;--mat-sys-headline-medium-font: Roboto, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto, sans-serif;--mat-sys-headline-small-font: Roboto, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto, sans-serif;--mat-sys-title-large-font: Roboto, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}
package/progress/_m2-progress.scss ADDED
@@ -0,0 +1,53 @@
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../core/tokens/m2-utils';
4
+
5
+ // Tokens that can't be configured through Angular Material's current theming API,
6
+ // but may be in a future version of the theming API.
7
+ @function get-unthemable-tokens() {
8
+ @return (
9
+ progress-container-shape: 4px,
10
+ );
11
+ }
12
+
13
+ // Tokens that can be configured through Angular Material's color theming API.
14
+ @function get-color-tokens($theme) {
15
+ $is-dark: mat.get-theme-type($theme) == dark;
16
+
17
+ @return (
18
+ progress-track-color: mat.get-theme-color($theme, background, hover),
19
+ progress-indicator-color: mat.get-theme-color($theme, foreground, divider),
20
+ progress-text-color: mat.get-theme-color($theme, foreground, text),
21
+ progress-info-indicator-color: mat.m2-get-color-from-palette(mat.$m2-blue-palette, if($is-dark, 900, 500)),
22
+ progress-info-text-color: white,
23
+ progress-success-indicator-color: mat.m2-get-color-from-palette(mat.$m2-green-palette, if($is-dark, 900, 500)),
24
+ progress-success-text-color: white,
25
+ progress-warning-indicator-color: mat.m2-get-color-from-palette(mat.$m2-orange-palette, if($is-dark, 900, 500)),
26
+ progress-warning-text-color: white,
27
+ progress-danger-indicator-color: mat.m2-get-color-from-palette(mat.$m2-red-palette, if($is-dark, 900, 500)),
28
+ progress-danger-text-color: white,
29
+ );
30
+ }
31
+
32
+ // Tokens that can be configured through Angular Material's typography theming API.
33
+ @function get-typography-tokens($theme) {
34
+ @return (
35
+ progress-text-size: 12px,
36
+ );
37
+ }
38
+
39
+ // Tokens that can be configured through Angular Material's density theming API.
40
+ @function get-density-tokens($theme) {
41
+ @return ();
42
+ }
43
+
44
+ // Combines the tokens generated by the above functions into a single map with placeholder values.
45
+ // This is used to create token slots.
46
+ @function get-token-slots() {
47
+ @return mat.private-deep-merge-all(
48
+ get-unthemable-tokens(),
49
+ get-color-tokens(m2-utils.$placeholder-color-config),
50
+ get-typography-tokens(m2-utils.$placeholder-typography-config),
51
+ get-density-tokens(m2-utils.$placeholder-density-config)
52
+ );
53
+ }
package/progress/_m3-progress.scss ADDED
@@ -0,0 +1,33 @@
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+ @use '../core/tokens/m3-utils';
4
+ @use '../core/tokens/m3';
5
+
6
+ /// Generates custom tokens for the mtx-progress.
7
+ @function get-tokens($theme: m3.$sys-theme) {
8
+ $system: m3-utils.get-system($theme);
9
+
10
+ $tokens: (
11
+ base: (
12
+ progress-container-shape: map.get($system, corner-extra-small),
13
+ progress-text-size: map.get($system, label-medium-size),
14
+ ),
15
+ color: (
16
+ progress-track-color: map.get($system, surface-container),
17
+ progress-indicator-color: map.get($system, outline-variant),
18
+ progress-text-color: map.get($system, on-surface),
19
+ progress-info-indicator-color: map.get(mat.$blue-palette, 50),
20
+ progress-info-text-color: white,
21
+ progress-success-indicator-color: map.get(mat.$green-palette, 50),
22
+ progress-success-text-color: white,
23
+ progress-warning-indicator-color: map.get(mat.$orange-palette, 50),
24
+ progress-warning-text-color: white,
25
+ progress-danger-indicator-color: map.get(mat.$red-palette, 50),
26
+ progress-danger-text-color: white,
27
+ ),
28
+ typography: (),
29
+ density: (),
30
+ );
31
+
32
+ @return $tokens;
33
+ }
package/progress/_progress-theme.scss CHANGED
@@ -1,77 +1,74 @@
1
1
  @use 'sass:map';
2
2
  @use '@angular/material' as mat;
3
- @use '../core/theming/inspection';
4
- @use '../core/theming/validation';
5
3
  @use '../core/tokens/token-utils';
6
- @use '../core/tokens/m2/mtx/progress' as tokens-mtx-progress;
4
+ @use './m2-progress';
5
+ @use './m3-progress';
7
6
 
8
7
  @mixin base($theme) {
9
8
  @if mat.get-theme-version($theme) == 1 {
10
- @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
9
+ @include token-utils.create-token-values(map.get(m3-progress.get-tokens($theme), base));
11
10
  }
12
11
  @else {
13
12
  @include mat.private-current-selector-or-root() {
14
- @include token-utils.create-token-values(
15
- tokens-mtx-progress.$prefix,
16
- tokens-mtx-progress.get-unthemable-tokens()
17
- );
13
+ @include token-utils.create-token-values-mixed(m2-progress.get-unthemable-tokens());
18
14
  }
19
15
  }
20
16
  }
21
17
 
22
18
  @mixin color($theme) {
23
19
  @if mat.get-theme-version($theme) == 1 {
24
- @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
20
+ @include token-utils.create-token-values(map.get(m3-progress.get-tokens($theme), color));
25
21
  }
26
22
  @else {
27
23
  @include mat.private-current-selector-or-root() {
28
- @include token-utils.create-token-values(
29
- tokens-mtx-progress.$prefix,
30
- tokens-mtx-progress.get-color-tokens($theme)
31
- );
24
+ @include token-utils.create-token-values(m2-progress.get-color-tokens($theme));
32
25
  }
33
26
  }
34
27
  }
35
28
 
36
29
  @mixin typography($theme) {
37
30
  @if mat.get-theme-version($theme) == 1 {
38
- @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
31
+ @include token-utils.create-token-values(map.get(m3-progress.get-tokens($theme), typography));
39
32
  }
40
33
  @else {
41
34
  @include mat.private-current-selector-or-root() {
42
- @include token-utils.create-token-values(
43
- tokens-mtx-progress.$prefix,
44
- tokens-mtx-progress.get-typography-tokens($theme)
45
- );
35
+ @include token-utils.create-token-values(m2-progress.get-typography-tokens($theme));
46
36
  }
47
37
  }
48
38
  }
49
39
 
50
40
  @mixin density($theme) {
51
41
  @if mat.get-theme-version($theme) == 1 {
52
- @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
42
+ @include token-utils.create-token-values(map.get(m3-progress.get-tokens($theme), density));
43
+ }
44
+ @else {
45
+ @include mat.private-current-selector-or-root() {
46
+ @include token-utils.create-token-values-mixed(m2-progress.get-density-tokens($theme));
47
+ }
53
48
  }
54
- @else {}
55
49
  }
56
50
 
57
51
  /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
58
52
  @function _define-overrides() {
59
53
  @return (
60
54
  (
61
- namespace: tokens-mtx-progress.$prefix,
62
- tokens: tokens-mtx-progress.get-token-slots(),
55
+ namespace: progress,
56
+ tokens: token-utils.get-overrides(m3-progress.get-tokens(), progress),
63
57
  ),
64
58
  );
65
59
  }
66
60
 
67
61
  @mixin overrides($tokens: ()) {
68
- @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
62
+ @include token-utils.batch-create-token-values($tokens, _define-overrides());
69
63
  }
70
64
 
71
- @mixin theme($theme) {
65
+ @mixin theme($theme, $color-variant: null) {
72
66
  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-progress') {
73
67
  @if mat.get-theme-version($theme) == 1 {
74
- @include _theme-from-tokens(inspection.get-theme-tokens($theme));
68
+ @include base($theme);
69
+ @include color($theme);
70
+ @include density($theme);
71
+ @include typography($theme);
75
72
  }
76
73
  @else {
77
74
  @include base($theme);
@@ -87,12 +84,3 @@
87
84
  }
88
85
  }
89
86
  }
90
-
91
- @mixin _theme-from-tokens($tokens) {
92
- @include validation.selector-defined(
93
- 'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
94
- @if ($tokens != ()) {
95
- @include token-utils.create-token-values(tokens-mtx-progress.$prefix,
96
- map.get($tokens, tokens-mtx-progress.$prefix));
97
- }
98
- }
package/progress/index.d.ts CHANGED
@@ -1,5 +1,35 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@ng-matero/extensions/progress" />
5
- export * from './public-api';
1
+ import * as i0 from '@angular/core';
2
+ import * as i1 from '@angular/common';
3
+
4
+ type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';
5
+ declare class MtxProgress {
6
+ /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
7
+ type: MtxProgressType;
8
+ /** The value of the progress. */
9
+ value: number;
10
+ /** The height of the progress. */
11
+ height: string;
12
+ /** The text color of the progress. */
13
+ color: string;
14
+ /** The bar color of the progress. */
15
+ foreground: string;
16
+ /** The track color of the progress. */
17
+ background: string;
18
+ /** Whether to apply the striped class. */
19
+ striped: boolean;
20
+ /** Whether to apply the animated class. */
21
+ animate: boolean;
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<MtxProgress, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<MtxProgress, "mtx-progress", ["mtxProgress"], { "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "height": { "alias": "height"; "required": false; }; "color": { "alias": "color"; "required": false; }; "foreground": { "alias": "foreground"; "required": false; }; "background": { "alias": "background"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; }, {}, never, ["*"], true, never>;
24
+ static ngAcceptInputType_striped: unknown;
25
+ static ngAcceptInputType_animate: unknown;
26
+ }
27
+
28
+ declare class MtxProgressModule {
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<MtxProgressModule, never>;
30
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MtxProgressModule, never, [typeof i1.CommonModule, typeof MtxProgress], [typeof MtxProgress]>;
31
+ static ɵinj: i0.ɵɵInjectorDeclaration<MtxProgressModule>;
32
+ }
33
+
34
+ export { MtxProgress, MtxProgressModule };
35
+ export type { MtxProgressType };
package/progress/progress.scss CHANGED
@@ -1,23 +1,22 @@
1
1
  @use '../core/tokens/token-utils';
2
- @use '../core/tokens/m2/mtx/progress' as tokens-mtx-progress;
2
+ @use './m3-progress';
3
+
4
+ $fallbacks: m3-progress.get-tokens();
3
5
 
4
6
  $progress-height: 16px !default;
5
7
  $progress-fill-animation-timing: 1s linear infinite !default;
6
8
 
7
- $_tokens: tokens-mtx-progress.$prefix, tokens-mtx-progress.get-token-slots();
8
-
9
- @mixin gradient-striped($color: rgba(white, .15), $angle: 45deg) {
10
- background-image:
11
- linear-gradient(
12
- $angle,
13
- $color 25%,
14
- transparent 25%,
15
- transparent 50%,
16
- $color 50%,
17
- $color 75%,
18
- transparent 75%,
19
- transparent
20
- );
9
+ @mixin gradient-striped($color: rgba(white, 0.15), $angle: 45deg) {
10
+ background-image: linear-gradient(
11
+ $angle,
12
+ $color 25%,
13
+ transparent 25%,
14
+ transparent 50%,
15
+ $color 50%,
16
+ $color 75%,
17
+ transparent 75%,
18
+ transparent
19
+ );
21
20
  }
22
21
 
23
22
  .mtx-progress {
@@ -25,12 +24,9 @@ $_tokens: tokens-mtx-progress.$prefix, tokens-mtx-progress.get-token-slots();
25
24
  height: $progress-height;
26
25
  margin: 8px 0;
27
26
  overflow: hidden;
28
-
29
- @include token-utils.use-tokens($_tokens...) {
30
- @include token-utils.create-token-slot(font-size, text-size);
31
- @include token-utils.create-token-slot(border-radius, container-shape);
32
- @include token-utils.create-token-slot(background-color, track-color);
33
- }
27
+ font-size: token-utils.slot(progress-text-size, $fallbacks);
28
+ border-radius: token-utils.slot(progress-container-shape, $fallbacks);
29
+ background-color: token-utils.slot(progress-track-color, $fallbacks);
34
30
  }
35
31
 
36
32
  .mtx-progress-fill {
@@ -38,40 +34,29 @@ $_tokens: tokens-mtx-progress.$prefix, tokens-mtx-progress.get-token-slots();
38
34
  flex-direction: column;
39
35
  justify-content: center;
40
36
  text-align: center;
41
- transition: width .6s ease;
42
-
43
- @include token-utils.use-tokens($_tokens...) {
44
- @include token-utils.create-token-slot(background-color, indicator-color);
45
- @include token-utils.create-token-slot(color, text-color);
46
- }
37
+ transition: width 0.6s ease;
38
+ background-color: token-utils.slot(progress-indicator-color, $fallbacks);
39
+ color: token-utils.slot(progress-text-color, $fallbacks);
47
40
  }
48
41
 
49
42
  .mtx-progress-fill-info {
50
- @include token-utils.use-tokens($_tokens...) {
51
- @include token-utils.create-token-slot(background-color, info-indicator-color);
52
- @include token-utils.create-token-slot(color, info-text-color);
53
- }
43
+ background-color: token-utils.slot(progress-info-indicator-color, $fallbacks);
44
+ color: token-utils.slot(progress-info-text-color, $fallbacks);
54
45
  }
55
46
 
56
47
  .mtx-progress-fill-success {
57
- @include token-utils.use-tokens($_tokens...) {
58
- @include token-utils.create-token-slot(background-color, success-indicator-color);
59
- @include token-utils.create-token-slot(color, success-text-color);
60
- }
48
+ background-color: token-utils.slot(progress-success-indicator-color, $fallbacks);
49
+ color: token-utils.slot(progress-success-text-color, $fallbacks);
61
50
  }
62
51
 
63
52
  .mtx-progress-fill-warning {
64
- @include token-utils.use-tokens($_tokens...) {
65
- @include token-utils.create-token-slot(background-color, warning-indicator-color);
66
- @include token-utils.create-token-slot(color, warning-text-color);
67
- }
53
+ background-color: token-utils.slot(progress-warning-indicator-color, $fallbacks);
54
+ color: token-utils.slot(progress-warning-text-color, $fallbacks);
68
55
  }
69
56
 
70
57
  .mtx-progress-fill-danger {
71
- @include token-utils.use-tokens($_tokens...) {
72
- @include token-utils.create-token-slot(background-color, danger-indicator-color);
73
- @include token-utils.create-token-slot(color, danger-text-color);
74
- }
58
+ background-color: token-utils.slot(progress-danger-indicator-color, $fallbacks);
59
+ color: token-utils.slot(progress-danger-text-color, $fallbacks);
75
60
  }
76
61
 
77
62
  .mtx-progress-fill-striped {