@ng-matero/extensions 20.3.1 → 21.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/fesm2022/mtxAlert.mjs +8 -8
  2. package/fesm2022/mtxAlert.mjs.map +1 -1
  3. package/fesm2022/mtxButton.mjs +7 -7
  4. package/fesm2022/mtxButton.mjs.map +1 -1
  5. package/fesm2022/mtxCheckboxGroup.mjs +7 -7
  6. package/fesm2022/mtxCheckboxGroup.mjs.map +1 -1
  7. package/fesm2022/mtxColorpicker.mjs +35 -128
  8. package/fesm2022/mtxColorpicker.mjs.map +1 -1
  9. package/fesm2022/mtxColumnResize.mjs +43 -43
  10. package/fesm2022/mtxColumnResize.mjs.map +1 -1
  11. package/fesm2022/mtxCore.mjs +21 -21
  12. package/fesm2022/mtxCore.mjs.map +1 -1
  13. package/fesm2022/mtxDatetimepicker.mjs +72 -265
  14. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  15. package/fesm2022/mtxDialog.mjs +11 -11
  16. package/fesm2022/mtxDialog.mjs.map +1 -1
  17. package/fesm2022/mtxDrawer.mjs +27 -88
  18. package/fesm2022/mtxDrawer.mjs.map +1 -1
  19. package/fesm2022/mtxGrid.mjs +75 -75
  20. package/fesm2022/mtxGrid.mjs.map +1 -1
  21. package/fesm2022/mtxLoader.mjs +7 -7
  22. package/fesm2022/mtxLoader.mjs.map +1 -1
  23. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  24. package/fesm2022/mtxPhotoviewer.mjs.map +1 -1
  25. package/fesm2022/mtxPopover.mjs +93 -188
  26. package/fesm2022/mtxPopover.mjs.map +1 -1
  27. package/fesm2022/mtxProgress.mjs +8 -8
  28. package/fesm2022/mtxProgress.mjs.map +1 -1
  29. package/fesm2022/mtxSelect.mjs +53 -60
  30. package/fesm2022/mtxSelect.mjs.map +1 -1
  31. package/fesm2022/mtxSplit.mjs +10 -10
  32. package/fesm2022/mtxSplit.mjs.map +1 -1
  33. package/fesm2022/mtxTooltip.mjs +38 -127
  34. package/fesm2022/mtxTooltip.mjs.map +1 -1
  35. package/package.json +35 -35
  36. package/prebuilt-themes/deeppurple-amber.css +1 -1
  37. package/prebuilt-themes/indigo-pink.css +1 -1
  38. package/prebuilt-themes/pink-bluegrey.css +1 -1
  39. package/prebuilt-themes/purple-green.css +1 -1
  40. package/{colorpicker/index.d.ts → types/mtxColorpicker.d.ts} +12 -40
  41. package/{datetimepicker/index.d.ts → types/mtxDatetimepicker.d.ts} +5 -33
  42. package/{drawer/index.d.ts → types/mtxDrawer.d.ts} +12 -13
  43. package/{grid/index.d.ts → types/mtxGrid.d.ts} +5 -6
  44. package/{popover/index.d.ts → types/mtxPopover.d.ts} +2 -38
  45. package/{select/index.d.ts → types/mtxSelect.d.ts} +2 -3
  46. package/{tooltip/index.d.ts → types/mtxTooltip.d.ts} +9 -41
  47. /package/{alert/index.d.ts → types/mtxAlert.d.ts} +0 -0
  48. /package/{button/index.d.ts → types/mtxButton.d.ts} +0 -0
  49. /package/{checkbox-group/index.d.ts → types/mtxCheckboxGroup.d.ts} +0 -0
  50. /package/{column-resize/index.d.ts → types/mtxColumnResize.d.ts} +0 -0
  51. /package/{core/index.d.ts → types/mtxCore.d.ts} +0 -0
  52. /package/{dialog/index.d.ts → types/mtxDialog.d.ts} +0 -0
  53. /package/{loader/index.d.ts → types/mtxLoader.d.ts} +0 -0
  54. /package/{photoviewer/index.d.ts → types/mtxPhotoviewer.d.ts} +0 -0
  55. /package/{progress/index.d.ts → types/mtxProgress.d.ts} +0 -0
  56. /package/{split/index.d.ts → types/mtxSplit.d.ts} +0 -0
  57. /package/{index.d.ts → types/ng-matero-extensions.d.ts} +0 -0
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: #f5f5f5;--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-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #3f51b5 60%, transparent);--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: #3f51b5;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #ff4081 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081;--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #ff4081;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #ff4081 60%, transparent);--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: #ff4081;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #ff4081 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #f44336;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 20%, transparent);--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: white;--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: color-mix(in srgb, white 75%, transparent)}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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--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-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #3f51b5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #ff4081;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #3f51b5}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--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: #424242;--mtx-tooltip-supporting-text-color: white}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}
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: #f5f5f5;--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-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #3f51b5 60%, transparent);--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: #e8eaf6;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #ff4081 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081;--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #ff4081;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #ff4081 60%, transparent);--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: #fce4ec;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #ff4081 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--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-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.54);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #ffebee;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 20%, transparent);--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: white;--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: color-mix(in srgb, white 75%, transparent)}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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--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-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #3f51b5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #ff4081;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #3f51b5}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--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: #424242;--mtx-tooltip-supporting-text-color: white}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/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: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #b0bec5;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #c2185b 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #c2185b;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #c2185b;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #c2185b;--mtx-datetimepicker-clock-hand-background-color: #c2185b;--mtx-datetimepicker-time-input-active-state-text-color: #c2185b;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #c2185b 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #c2185b 60%, transparent);--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: #c2185b;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #c2185b 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #b0bec5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #b0bec5;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #b0bec5;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #b0bec5;--mtx-datetimepicker-clock-hand-background-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-text-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #b0bec5 60%, transparent);--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: #b0bec5;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #f44336;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, white 20%, transparent);--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: #424242;--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: color-mix(in srgb, #424242 75%, transparent)}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: color-mix(in srgb, white 4%, transparent);--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-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #c2185b;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #b0bec5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #c2185b}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--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: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}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}
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: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #b0bec5;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #c2185b 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #c2185b;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #c2185b;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #c2185b;--mtx-datetimepicker-clock-hand-background-color: #c2185b;--mtx-datetimepicker-time-input-active-state-text-color: #c2185b;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #c2185b 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #c2185b 60%, transparent);--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: #880e4f;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #c2185b 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #b0bec5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #b0bec5;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #b0bec5;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #b0bec5;--mtx-datetimepicker-clock-hand-background-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-text-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #b0bec5 60%, transparent);--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: #263238;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #b71c1c;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, white 20%, transparent);--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: #424242;--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: color-mix(in srgb, #424242 75%, transparent)}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: color-mix(in srgb, white 4%, transparent);--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-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #c2185b;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #b0bec5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #c2185b}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--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: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}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: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #69f0ae;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #7b1fa2;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #7b1fa2;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-clock-hand-background-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #7b1fa2 60%, transparent);--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: #7b1fa2;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #69f0ae 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #69f0ae;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #69f0ae;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #69f0ae;--mtx-datetimepicker-clock-hand-background-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-text-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #69f0ae 60%, transparent);--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: #69f0ae;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #f44336;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, white 20%, transparent);--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: #424242;--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: color-mix(in srgb, #424242 75%, transparent)}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: color-mix(in srgb, white 4%, transparent);--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-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #7b1fa2;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #69f0ae;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #7b1fa2}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--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: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}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}
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: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #69f0ae;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}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-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #7b1fa2;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #7b1fa2;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-clock-hand-background-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #7b1fa2 60%, transparent);--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: #4a148c;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--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: color-mix(in srgb, #69f0ae 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #69f0ae;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #69f0ae;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #69f0ae;--mtx-datetimepicker-clock-hand-background-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-text-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #69f0ae 60%, transparent);--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: #1b5e20;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--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: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--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.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--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: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--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: #b71c1c;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}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: color-mix(in srgb, white 20%, transparent);--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: #424242;--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: color-mix(in srgb, #424242 75%, transparent)}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: color-mix(in srgb, white 4%, transparent);--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-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #7b1fa2;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #69f0ae;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--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: color-mix(in srgb, white 38%, transparent);--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-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #7b1fa2}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--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: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}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/{colorpicker/index.d.ts → types/mtxColorpicker.d.ts} RENAMED
@@ -1,16 +1,17 @@
1
1
  import * as i0 from '@angular/core';
2
- import { AfterViewInit, OnDestroy, EventEmitter, ElementRef, InjectionToken, OnChanges, TemplateRef, AfterContentInit, SimpleChanges } from '@angular/core';
2
+ import { AfterViewInit, OnDestroy, EventEmitter, ElementRef, OnChanges, TemplateRef, InjectionToken, AfterContentInit, SimpleChanges } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import * as i2 from '@angular/cdk/overlay';
5
- import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
5
+ import { ScrollStrategy } from '@angular/cdk/overlay';
6
6
  import * as i3 from '@angular/cdk/a11y';
7
7
  import * as i4 from '@angular/cdk/portal';
8
8
  import * as i5 from '@angular/material/button';
9
9
  import { MatButton } from '@angular/material/button';
10
- import * as i6 from 'ngx-color/chrome';
11
10
  import { ThemePalette } from '@angular/material/core';
12
11
  import { Subject } from 'rxjs';
13
- import { ColorEvent } from 'ngx-color';
12
+ import * as i9 from '@acrodata/color-picker';
13
+ import { ColorFormat } from '@acrodata/color-picker';
14
+ export { ColorFormat } from '@acrodata/color-picker';
14
15
  import { ControlValueAccessor, AbstractControl, ValidationErrors } from '@angular/forms';
15
16
 
16
17
  declare class MtxColorPickerInputEvent {
@@ -28,7 +29,6 @@ declare class MtxColorPickerInputEvent {
28
29
  }
29
30
  declare const MTX_COLORPICKER_VALUE_ACCESSOR: any;
30
31
  declare const MTX_COLORPICKER_VALIDATORS: any;
31
- type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsv';
32
32
  declare class MtxColorpickerInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
33
33
  private _elementRef;
34
34
  private _formField;
@@ -45,7 +45,7 @@ declare class MtxColorpickerInput implements ControlValueAccessor, AfterViewInit
45
45
  set value(value: string | null);
46
46
  private _value;
47
47
  /** The input and output color format. */
48
- format?: ColorFormat | null;
48
+ format?: ColorFormat;
49
49
  /** Emits when a `change` event is fired on this `<input>`. */
50
50
  readonly colorChange: EventEmitter<MtxColorPickerInputEvent>;
51
51
  /** Emits when an `input` event is fired on this `<input>`. */
@@ -86,7 +86,7 @@ declare class MtxColorpickerInput implements ControlValueAccessor, AfterViewInit
86
86
  _onKeydown(event: KeyboardEvent): void;
87
87
  /** Handles blur events on the input. */
88
88
  _onBlur(): void;
89
- _onInput(value: string): void;
89
+ _onInput(event: Event): void;
90
90
  _onChange(): void;
91
91
  /** Returns the palette used by the input's form field, if any. */
92
92
  getThemePalette(): ThemePalette;
@@ -99,26 +99,10 @@ declare class MtxColorpickerInput implements ControlValueAccessor, AfterViewInit
99
99
 
100
100
  /** Injection token that determines the scroll handling while the panel is open. */
101
101
  declare const MTX_COLORPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
102
- /**
103
- * @docs-private
104
- * @deprecated No longer used, will be removed.
105
- * @breaking-change 21.0.0
106
- */
107
- declare function MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
108
102
  /** Possible positions for the colorpicker dropdown along the X axis. */
109
103
  type ColorpickerDropdownPositionX = 'start' | 'end';
110
104
  /** Possible positions for the colorpicker dropdown along the Y axis. */
111
105
  type ColorpickerDropdownPositionY = 'above' | 'below';
112
- /**
113
- * @docs-private
114
- * @deprecated No longer used, will be removed.
115
- * @breaking-change 21.0.0
116
- */
117
- declare const MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
118
- provide: InjectionToken<() => ScrollStrategy>;
119
- deps: (typeof Overlay)[];
120
- useFactory: typeof MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY;
121
- };
122
106
  declare class MtxColorpickerContent implements OnDestroy {
123
107
  protected _elementRef: ElementRef<HTMLElement>;
124
108
  protected _animationsDisabled: boolean;
@@ -136,7 +120,6 @@ declare class MtxColorpickerContent implements OnDestroy {
136
120
  ngOnDestroy(): void;
137
121
  _startExitAnimation(): void;
138
122
  private _handleAnimationEvent;
139
- getColorString(e: ColorEvent): string;
140
123
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerContent, never>;
141
124
  static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerContent, "mtx-colorpicker-content", ["mtxColorpickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
142
125
  }
@@ -177,8 +160,8 @@ declare class MtxColorpicker implements OnChanges, OnDestroy {
177
160
  set color(value: ThemePalette);
178
161
  private _color;
179
162
  /** The input and output color format. */
180
- get format(): ColorFormat;
181
- set format(value: ColorFormat | null | undefined);
163
+ get format(): ColorFormat | undefined;
164
+ set format(value: ColorFormat | undefined);
182
165
  private _format?;
183
166
  /** The currently selected color. */
184
167
  get selected(): string;
@@ -201,7 +184,6 @@ declare class MtxColorpicker implements OnChanges, OnDestroy {
201
184
  private _injector;
202
185
  ngOnChanges(): void;
203
186
  ngOnDestroy(): void;
204
- getColorFormat(): "hex" | "rgb" | "hsl" | "hsv";
205
187
  /** Selects the given color. */
206
188
  select(nextVal: string): void;
207
189
  /**
@@ -270,19 +252,9 @@ declare class MtxColorpickerToggle implements AfterContentInit, OnChanges, OnDes
270
252
 
271
253
  declare class MtxColorpickerModule {
272
254
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerModule, never>;
273
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxColorpickerModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.MatButtonModule, typeof i6.ColorChromeModule, typeof MtxColorpicker, typeof MtxColorpickerContent, typeof MtxColorpickerInput, typeof MtxColorpickerToggle, typeof MtxColorpickerToggleIcon], [typeof MtxColorpicker, typeof MtxColorpickerContent, typeof MtxColorpickerInput, typeof MtxColorpickerToggle, typeof MtxColorpickerToggleIcon]>;
255
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MtxColorpickerModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.MatButtonModule, typeof MtxColorpicker, typeof MtxColorpickerContent, typeof MtxColorpickerInput, typeof MtxColorpickerToggle, typeof MtxColorpickerToggleIcon, typeof i9.ColorPicker], [typeof MtxColorpicker, typeof MtxColorpickerContent, typeof MtxColorpickerInput, typeof MtxColorpickerToggle, typeof MtxColorpickerToggleIcon]>;
274
256
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxColorpickerModule>;
275
257
  }
276
258
 
277
- /**
278
- * Animations used by the colorpicker.
279
- * @docs-private
280
- * @deprecated No longer used, will be removed.
281
- * @breaking-change 21.0.0
282
- */
283
- declare const mtxColorpickerAnimations: {
284
- readonly transformPanel: any;
285
- };
286
-
287
- export { MTX_COLORPICKER_SCROLL_STRATEGY, MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY, MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MTX_COLORPICKER_VALIDATORS, MTX_COLORPICKER_VALUE_ACCESSOR, MtxColorpicker, MtxColorpickerContent, MtxColorpickerInput, MtxColorpickerModule, MtxColorpickerToggle, MtxColorpickerToggleIcon, mtxColorpickerAnimations };
288
- export type { ColorFormat, ColorpickerDropdownPositionX, ColorpickerDropdownPositionY };
259
+ export { MTX_COLORPICKER_SCROLL_STRATEGY, MTX_COLORPICKER_VALIDATORS, MTX_COLORPICKER_VALUE_ACCESSOR, MtxColorPickerInputEvent, MtxColorpicker, MtxColorpickerContent, MtxColorpickerInput, MtxColorpickerModule, MtxColorpickerToggle, MtxColorpickerToggleIcon };
260
+ export type { ColorpickerDropdownPositionX, ColorpickerDropdownPositionY };
package/{datetimepicker/index.d.ts → types/mtxDatetimepicker.d.ts} RENAMED
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
2
2
  import { AfterContentInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, ElementRef, AfterViewChecked, AfterViewInit, InjectionToken, TemplateRef } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import * as i2 from '@angular/cdk/overlay';
5
- import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
5
+ import { ScrollStrategy } from '@angular/cdk/overlay';
6
6
  import * as i3 from '@angular/cdk/a11y';
7
7
  import * as i4 from '@angular/cdk/portal';
8
8
  import { TemplatePortal, ComponentType, Portal } from '@angular/cdk/portal';
@@ -101,7 +101,7 @@ declare class MtxClock<D> implements AfterContentInit, OnDestroy, OnChanges {
101
101
  ngOnDestroy(): void;
102
102
  ngOnChanges(): void;
103
103
  /** Called when the user has put their pointer down on the clock. */
104
- private _pointerDown;
104
+ _pointerDown: (event: TouchEvent | MouseEvent) => void;
105
105
  /**
106
106
  * Called when the user has moved their pointer after
107
107
  * starting to drag. Bound on the document level.
@@ -765,7 +765,7 @@ declare class MtxDatetimepickerInputEvent<D> {
765
765
  /** Directive used to connect an input to a MtxDatetimepicker. */
766
766
  declare class MtxDatetimepickerInput<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
767
767
  private _elementRef;
768
- private _dateAdapter;
768
+ _dateAdapter: DatetimeAdapter<D>;
769
769
  private _dateFormats;
770
770
  private _formField;
771
771
  _datetimepicker: MtxDatetimepicker<D>;
@@ -819,7 +819,7 @@ declare class MtxDatetimepickerInput<D> implements AfterContentInit, ControlValu
819
819
  registerOnTouched(fn: () => void): void;
820
820
  setDisabledState(disabled: boolean): void;
821
821
  _onKeydown(event: KeyboardEvent): void;
822
- _onInput(value: string): void;
822
+ _onInput(event: Event): void;
823
823
  _onChange(): void;
824
824
  /** Handles blur events on the input. */
825
825
  _onBlur(): void;
@@ -855,22 +855,6 @@ type DatetimepickerDropdownPositionX = 'start' | 'end';
855
855
  type DatetimepickerDropdownPositionY = 'above' | 'below';
856
856
  /** Injection token that determines the scroll handling while the calendar is open. */
857
857
  declare const MTX_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
858
- /**
859
- * @docs-private
860
- * @deprecated No longer used, will be removed.
861
- * @breaking-change 21.0.0
862
- */
863
- declare function MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
864
- /**
865
- * @docs-private
866
- * @deprecated No longer used, will be removed.
867
- * @breaking-change 21.0.0
868
- */
869
- declare const MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
870
- provide: InjectionToken<() => ScrollStrategy>;
871
- deps: (typeof Overlay)[];
872
- useFactory: typeof MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY;
873
- };
874
858
  interface MtxDatetimepickerDefaultOptions {
875
859
  mode?: MtxDatetimepickerMode;
876
860
  type?: MtxDatetimepickerType;
@@ -1179,17 +1163,5 @@ declare class MtxDatetimepickerModule {
1179
1163
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxDatetimepickerModule>;
1180
1164
  }
1181
1165
 
1182
- /**
1183
- * Animations used by the Material datetimepicker.
1184
- * @docs-private
1185
- * @deprecated No longer used, will be removed.
1186
- * @breaking-change 21.0.0
1187
- */
1188
- declare const mtxDatetimepickerAnimations: {
1189
- readonly transformPanel: any;
1190
- readonly fadeInCalendar: any;
1191
- readonly slideCalendar: any;
1192
- };
1193
-
1194
- export { CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, MAT_DATETIMEPICKER_VALIDATORS, MAT_DATETIMEPICKER_VALUE_ACCESSOR, MTX_DATETIMEPICKER_DEFAULT_OPTIONS, MTX_DATETIMEPICKER_SCROLL_STRATEGY, MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY, MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MtxCalendar, MtxCalendarBody, MtxCalendarCell, MtxClock, MtxDatetimepicker, MtxDatetimepickerActions, MtxDatetimepickerApply, MtxDatetimepickerCancel, MtxDatetimepickerClear, MtxDatetimepickerContent, MtxDatetimepickerFilterType, MtxDatetimepickerInput, MtxDatetimepickerInputEvent, MtxDatetimepickerIntl, MtxDatetimepickerModule, MtxDatetimepickerToggle, MtxDatetimepickerToggleIcon, MtxMonthView, MtxMultiYearView, MtxTimeInput, MtxTimeView, MtxYearView, getActiveOffset, isSameMultiYearView, mtxDatetimepickerAnimations, yearsPerPage, yearsPerRow };
1166
+ export { CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, MAT_DATETIMEPICKER_VALIDATORS, MAT_DATETIMEPICKER_VALUE_ACCESSOR, MTX_DATETIMEPICKER_DEFAULT_OPTIONS, MTX_DATETIMEPICKER_SCROLL_STRATEGY, MtxCalendar, MtxCalendarBody, MtxCalendarCell, MtxClock, MtxDatetimepicker, MtxDatetimepickerActions, MtxDatetimepickerApply, MtxDatetimepickerCancel, MtxDatetimepickerClear, MtxDatetimepickerContent, MtxDatetimepickerFilterType, MtxDatetimepickerInput, MtxDatetimepickerInputEvent, MtxDatetimepickerIntl, MtxDatetimepickerModule, MtxDatetimepickerToggle, MtxDatetimepickerToggleIcon, MtxMonthView, MtxMultiYearView, MtxTimeInput, MtxTimeView, MtxYearView, getActiveOffset, isSameMultiYearView, yearsPerPage, yearsPerRow };
1195
1167
  export type { ClockCell, DatetimepickerDropdownPositionX, DatetimepickerDropdownPositionY, MtxAMPM, MtxCalendarView, MtxClockView, MtxDatetimepickerDefaultOptions, MtxDatetimepickerMode, MtxDatetimepickerType };
package/{drawer/index.d.ts → types/mtxDrawer.d.ts} RENAMED
@@ -1,10 +1,10 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { ViewContainerRef, OnDestroy, EventEmitter, ComponentRef, InjectionToken, TemplateRef } from '@angular/core';
3
3
  import * as i1 from '@angular/cdk/dialog';
4
- import { CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
4
+ import { DialogRole, CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
5
5
  import * as i2 from '@angular/cdk/portal';
6
6
  import { CdkPortalOutlet, ComponentType } from '@angular/cdk/portal';
7
- import * as i3 from '@angular/material/core';
7
+ import * as i4 from '@angular/cdk/bidi';
8
8
  import { Direction } from '@angular/cdk/bidi';
9
9
  import { ScrollStrategy } from '@angular/cdk/overlay';
10
10
  import { Observable, Subject } from 'rxjs';
@@ -21,6 +21,8 @@ declare class MtxDrawerConfig<D = any> {
21
21
  viewContainerRef?: ViewContainerRef;
22
22
  /** ID for the drawer. If omitted, a unique one will be generated. */
23
23
  id?: string;
24
+ /** The ARIA role of the dialog element. */
25
+ role?: DialogRole;
24
26
  /** Extra CSS classes to be added to the drawer container. */
25
27
  panelClass?: string | string[];
26
28
  /** Text layout direction for the drawer. */
@@ -35,6 +37,12 @@ declare class MtxDrawerConfig<D = any> {
35
37
  disableClose?: boolean;
36
38
  /** Aria label to assign to the drawer element. */
37
39
  ariaLabel?: string | null;
40
+ /**
41
+ * Whether this is a modal dialog. Used to set the `aria-modal` attribute. Off by default,
42
+ * because it can interfere with other overlay-based components (e.g. `mat-select`) and because
43
+ * it is redundant since the dialog marks all outside content as `aria-hidden` anyway.
44
+ */
45
+ ariaModal?: boolean;
38
46
  /**
39
47
  * Whether the drawer should close when the user goes backwards/forwards in history.
40
48
  * Note that this usually doesn't include clicking on links (unless the user is using
@@ -103,7 +111,7 @@ declare class MtxDrawerContainer extends CdkDialogContainer<MtxDrawerConfig> imp
103
111
 
104
112
  declare class MtxDrawerModule {
105
113
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxDrawerModule, never>;
106
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxDrawerModule, never, [typeof i1.DialogModule, typeof i2.PortalModule, typeof i3.MatCommonModule, typeof MtxDrawerContainer], [typeof MtxDrawerContainer, typeof i3.MatCommonModule]>;
114
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MtxDrawerModule, never, [typeof i1.DialogModule, typeof i2.PortalModule, typeof MtxDrawerContainer], [typeof MtxDrawerContainer, typeof i4.BidiModule]>;
107
115
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxDrawerModule>;
108
116
  }
109
117
 
@@ -210,14 +218,5 @@ declare class MtxDrawer implements OnDestroy {
210
218
  static ɵprov: i0.ɵɵInjectableDeclaration<MtxDrawer>;
211
219
  }
212
220
 
213
- /**
214
- * Animations used by the drawer.
215
- * @deprecated No longer used. Will be removed.
216
- * @breaking-change 21.0.0
217
- */
218
- declare const mtxDrawerAnimations: {
219
- readonly drawerState: any;
220
- };
221
-
222
- export { MTX_DRAWER_DATA, MTX_DRAWER_DEFAULT_OPTIONS, MtxDrawer, MtxDrawerConfig, MtxDrawerContainer, MtxDrawerModule, MtxDrawerRef, mtxDrawerAnimations };
221
+ export { MTX_DRAWER_DATA, MTX_DRAWER_DEFAULT_OPTIONS, MtxDrawer, MtxDrawerConfig, MtxDrawerContainer, MtxDrawerModule, MtxDrawerRef };
223
222
  export type { AutoFocusTarget, DrawerPosition };
package/{grid/index.d.ts → types/mtxGrid.d.ts} RENAMED
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
2
2
  import { ElementRef, NgZone, Type, Injector, ViewContainerRef, ChangeDetectorRef, TemplateRef, EventEmitter, OnChanges, AfterViewInit, OnDestroy, QueryList, TrackByFunction, KeyValueChangeRecord, SimpleChanges, InjectionToken, OnInit, DoCheck, PipeTransform, Provider } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import * as i2$1 from '@angular/forms';
5
- import * as i3$1 from '@angular/material/table';
5
+ import * as i3 from '@angular/material/table';
6
6
  import { MatTable, MatRowDef, MatHeaderRowDef, MatFooterRowDef, MatTableDataSource } from '@angular/material/table';
7
7
  import * as i4 from '@angular/material/sort';
8
8
  import { SortDirection, MatSort, Sort } from '@angular/material/sort';
@@ -30,11 +30,10 @@ import { Directionality } from '@angular/cdk/bidi';
30
30
  import { CdkColumnDef } from '@angular/cdk/table';
31
31
  import { ResizeOverlayHandle, ColumnResize, HeaderRowEventDispatcher, ColumnResizeNotifierSource, ResizeRef, _CoalescedStyleScheduler, ColumnResizeNotifier, Resizable, ResizeStrategy, CdkFlexTableResizeStrategy } from '@ng-matero/extensions/column-resize';
32
32
  export { TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER } from '@ng-matero/extensions/column-resize';
33
- import * as i2 from '@angular/material/core';
34
- import { ThemePalette } from '@angular/material/core';
35
- import * as i3 from '@angular/cdk/overlay';
33
+ import * as i2 from '@angular/cdk/overlay';
36
34
  import { Overlay } from '@angular/cdk/overlay';
37
35
  import { SelectionModel } from '@angular/cdk/collections';
36
+ import { ThemePalette } from '@angular/material/core';
38
37
  import { Observable } from 'rxjs';
39
38
  import * as _ng_matero_extensions_grid from '@ng-matero/extensions/grid';
40
39
 
@@ -162,7 +161,7 @@ declare class MatColumnResizeCommonModule {
162
161
  }
163
162
  declare class MatColumnResizeModule {
164
163
  static ɵfac: i0.ɵɵFactoryDeclaration<MatColumnResizeModule, never>;
165
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatColumnResizeModule, never, [typeof i2.MatCommonModule, typeof i3.OverlayModule, typeof MatColumnResizeCommonModule, typeof MatColumnResize, typeof MatColumnResizeFlex, typeof MatResizable], [typeof MatColumnResize, typeof MatColumnResizeFlex, typeof MatResizable]>;
164
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatColumnResizeModule, never, [typeof i2.OverlayModule, typeof MatColumnResizeCommonModule, typeof MatColumnResize, typeof MatColumnResizeFlex, typeof MatResizable], [typeof MatColumnResize, typeof MatColumnResizeFlex, typeof MatResizable]>;
166
165
  static ɵinj: i0.ɵɵInjectorDeclaration<MatColumnResizeModule>;
167
166
  }
168
167
 
@@ -753,7 +752,7 @@ declare class MtxGridCellSummaryPipe implements PipeTransform {
753
752
 
754
753
  declare class MtxGridModule {
755
754
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
756
- static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, never, [typeof i1.CommonModule, typeof i2$1.FormsModule, typeof i3$1.MatTableModule, typeof i4.MatSortModule, typeof i5.MatPaginatorModule, typeof i6.MatCheckboxModule, typeof i7.MatButtonModule, typeof i8.MatProgressBarModule, typeof i9.MatChipsModule, typeof i10.MatTooltipModule, typeof i11.MatBadgeModule, typeof i12.MatIconModule, typeof i13.MatSelectModule, typeof i14.MatFormFieldModule, typeof i15.MatMenuModule, typeof i16.DragDropModule, typeof i17.MtxDialogModule, typeof i18.MtxPipesModule, typeof MatColumnResizeModule, typeof MtxGrid, typeof MtxGridCell, typeof MtxGridColumnMenu, typeof MtxGridExpansionToggle, typeof MtxGridSelectableCell, typeof MtxGridMenu, typeof MtxGridRowClassPipe, typeof MtxGridColClassPipe, typeof MtxGridCellActionsPipe, typeof MtxGridCellActionTooltipPipe, typeof MtxGridCellActionBadgePipe, typeof MtxGridCellActionDisablePipe, typeof MtxGridCellSummaryPipe], [typeof MatColumnResizeModule, typeof MtxGrid, typeof MtxGridCell, typeof MtxGridColumnMenu, typeof MtxGridExpansionToggle, typeof MtxGridSelectableCell, typeof MtxGridMenu, typeof MtxGridRowClassPipe, typeof MtxGridColClassPipe, typeof MtxGridCellActionsPipe, typeof MtxGridCellActionTooltipPipe, typeof MtxGridCellActionBadgePipe, typeof MtxGridCellActionDisablePipe, typeof MtxGridCellSummaryPipe]>;
755
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, never, [typeof i1.CommonModule, typeof i2$1.FormsModule, typeof i3.MatTableModule, typeof i4.MatSortModule, typeof i5.MatPaginatorModule, typeof i6.MatCheckboxModule, typeof i7.MatButtonModule, typeof i8.MatProgressBarModule, typeof i9.MatChipsModule, typeof i10.MatTooltipModule, typeof i11.MatBadgeModule, typeof i12.MatIconModule, typeof i13.MatSelectModule, typeof i14.MatFormFieldModule, typeof i15.MatMenuModule, typeof i16.DragDropModule, typeof i17.MtxDialogModule, typeof i18.MtxPipesModule, typeof MatColumnResizeModule, typeof MtxGrid, typeof MtxGridCell, typeof MtxGridColumnMenu, typeof MtxGridExpansionToggle, typeof MtxGridSelectableCell, typeof MtxGridMenu, typeof MtxGridRowClassPipe, typeof MtxGridColClassPipe, typeof MtxGridCellActionsPipe, typeof MtxGridCellActionTooltipPipe, typeof MtxGridCellActionBadgePipe, typeof MtxGridCellActionDisablePipe, typeof MtxGridCellSummaryPipe], [typeof MatColumnResizeModule, typeof MtxGrid, typeof MtxGridCell, typeof MtxGridColumnMenu, typeof MtxGridExpansionToggle, typeof MtxGridSelectableCell, typeof MtxGridMenu, typeof MtxGridRowClassPipe, typeof MtxGridColClassPipe, typeof MtxGridCellActionsPipe, typeof MtxGridCellActionTooltipPipe, typeof MtxGridCellActionBadgePipe, typeof MtxGridCellActionDisablePipe, typeof MtxGridCellSummaryPipe]>;
757
756
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
758
757
  }
759
758