@ng-matero/extensions 20.0.3 → 20.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/alert/_alert-theme.scss +13 -15
  2. package/colorpicker/_colorpicker-theme.scss +14 -16
  3. package/column-resize/index.d.ts +1 -1
  4. package/core/theming/_all-theme.scss +12 -15
  5. package/datetimepicker/_datetimepicker-theme.scss +14 -16
  6. package/datetimepicker/index.d.ts +1 -1
  7. package/dialog/index.d.ts +2 -1
  8. package/drawer/_drawer-theme.scss +13 -15
  9. package/fesm2022/mtxAlert.mjs +8 -8
  10. package/fesm2022/mtxButton.mjs +8 -8
  11. package/fesm2022/mtxCheckboxGroup.mjs +9 -9
  12. package/fesm2022/mtxColorpicker.mjs +21 -21
  13. package/fesm2022/mtxColumnResize.mjs +44 -44
  14. package/fesm2022/mtxCore.mjs +22 -22
  15. package/fesm2022/mtxDatetimepicker.mjs +60 -60
  16. package/fesm2022/mtxDialog.mjs +12 -12
  17. package/fesm2022/mtxDialog.mjs.map +1 -1
  18. package/fesm2022/mtxDrawer.mjs +11 -11
  19. package/fesm2022/mtxGrid.mjs +204 -84
  20. package/fesm2022/mtxGrid.mjs.map +1 -1
  21. package/fesm2022/mtxLoader.mjs +8 -8
  22. package/fesm2022/mtxPhotoviewer.mjs +8 -8
  23. package/fesm2022/mtxPopover.mjs +20 -20
  24. package/fesm2022/mtxProgress.mjs +8 -8
  25. package/fesm2022/mtxSelect.mjs +53 -53
  26. package/fesm2022/mtxSplit.mjs +11 -11
  27. package/fesm2022/mtxTooltip.mjs +11 -11
  28. package/grid/_grid-theme.scss +13 -15
  29. package/grid/index.d.ts +28 -18
  30. package/loader/_loader-theme.scss +13 -15
  31. package/package.json +13 -13
  32. package/popover/_popover-theme.scss +13 -15
  33. package/popover/index.d.ts +1 -1
  34. package/prebuilt-themes/deeppurple-amber.css +1 -1
  35. package/prebuilt-themes/indigo-pink.css +1 -1
  36. package/progress/_progress-theme.scss +13 -15
  37. package/select/_select-theme.scss +14 -16
  38. package/select/index.d.ts +1 -1
  39. package/split/_split-theme.scss +14 -16
  40. package/split/index.d.ts +1 -1
  41. package/tooltip/_tooltip-theme.scss +12 -14
  42. package/tooltip/index.d.ts +2 -2
package/grid/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { ElementRef, NgZone, Provider, Type, Injector, ViewContainerRef, ChangeDetectorRef, TemplateRef, EventEmitter, InjectionToken, OnChanges, AfterViewInit, OnDestroy, QueryList, TrackByFunction, KeyValueChangeRecord, SimpleChanges, OnInit, DoCheck, PipeTransform } from '@angular/core';
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
5
  import * as i3$1 from '@angular/material/table';
@@ -10,6 +10,7 @@ import * as i5 from '@angular/material/paginator';
10
10
  import { MatPaginator, PageEvent } from '@angular/material/paginator';
11
11
  import * as i6 from '@angular/material/checkbox';
12
12
  import * as i7 from '@angular/material/button';
13
+ import { MatButtonAppearance } from '@angular/material/button';
13
14
  import * as i8 from '@angular/material/progress-bar';
14
15
  import * as i9 from '@angular/material/chips';
15
16
  import * as i10 from '@angular/material/tooltip';
@@ -28,7 +29,7 @@ import * as i18 from '@ng-matero/extensions/core';
28
29
  import { Directionality } from '@angular/cdk/bidi';
29
30
  import { CdkColumnDef } from '@angular/cdk/table';
30
31
  import { ResizeOverlayHandle, ColumnResize, HeaderRowEventDispatcher, ColumnResizeNotifierSource, ResizeRef, _CoalescedStyleScheduler, ColumnResizeNotifier, Resizable, ResizeStrategy, CdkFlexTableResizeStrategy } from '@ng-matero/extensions/column-resize';
31
- export { TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER as MAT_TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER } from '@ng-matero/extensions/column-resize';
32
+ export { TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER } from '@ng-matero/extensions/column-resize';
32
33
  import * as i2 from '@angular/material/core';
33
34
  import { ThemePalette } from '@angular/material/core';
34
35
  import * as i3 from '@angular/cdk/overlay';
@@ -66,14 +67,6 @@ declare class MatColumnResizeOverlayHandle extends ResizeOverlayHandle {
66
67
  static ɵcmp: i0.ɵɵComponentDeclaration<MatColumnResizeOverlayHandle, "ng-component", never, {}, {}, never, never, true, never>;
67
68
  }
68
69
 
69
- declare const TABLE_PROVIDERS: Provider[];
70
- declare const FLEX_PROVIDERS: Provider[];
71
- declare const TABLE_HOST_BINDINGS: {
72
- class: string;
73
- };
74
- declare const FLEX_HOST_BINDINGS: {
75
- class: string;
76
- };
77
70
  declare abstract class AbstractMatColumnResize extends ColumnResize {
78
71
  getTableHeight(): number;
79
72
  }
@@ -135,10 +128,6 @@ declare abstract class AbstractMatResizable extends Resizable<MatColumnResizeOve
135
128
  protected getInlineHandleCssClassName(): string;
136
129
  protected getOverlayHandleComponentType(): Type<MatColumnResizeOverlayHandle>;
137
130
  }
138
- declare const RESIZABLE_HOST_BINDINGS: {
139
- class: string;
140
- };
141
- declare const RESIZABLE_INPUTS: string[];
142
131
 
143
132
  /**
144
133
  * Explicitly enables column resizing for a mat-header-cell.
@@ -254,6 +243,7 @@ interface MtxGridColumnButton<T = any> {
254
243
  pop?: string | Observable<string> | MtxGridColumnButtonPop;
255
244
  tooltip?: string | Observable<string> | MtxGridColumnButtonTooltip;
256
245
  badge?: number | string | Observable<string> | MtxGridColumnButtonBadge;
246
+ children?: MtxGridMenuItem<T>[];
257
247
  }
258
248
  /** The properties of column button pop. */
259
249
  interface MtxGridColumnButtonPop {
@@ -300,7 +290,7 @@ interface MtxGridRowClassFormatter<T = any> {
300
290
  [className: string]: (rowData: T, index: number) => boolean;
301
291
  }
302
292
  /** Possible button type values. */
303
- type MtxGridButtonType = 'basic' | 'raised' | 'stroked' | 'flat' | 'icon' | 'fab' | 'mini-fab';
293
+ type MtxGridButtonType = MatButtonAppearance | 'icon';
304
294
  /**
305
295
  * Represents the default options for the grid that can be configured
306
296
  * using the `MTX_GRID_DEFAULT_OPTIONS` injection token.
@@ -351,6 +341,18 @@ interface MtxGridDefaultOptions {
351
341
  columnMenuFooterText?: string;
352
342
  noResultText?: string;
353
343
  }
344
+ /** The properties of menu item. */
345
+ interface MtxGridMenuItem<T = any> {
346
+ text: string | Observable<string>;
347
+ icon?: string;
348
+ fontIcon?: string;
349
+ svgIcon?: string;
350
+ class?: string;
351
+ disabled?: boolean | ((rowData: T) => boolean);
352
+ click?: (rowData: T) => void;
353
+ iif?: (rowData: T) => boolean;
354
+ children?: MtxGridMenuItem[];
355
+ }
354
356
 
355
357
  declare class MtxGridColumnMenu {
356
358
  menuPanel: MatMenu;
@@ -704,6 +706,14 @@ declare class MtxGridCell implements OnInit, DoCheck {
704
706
  static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridCell, "mtx-grid-cell", ["mtxGridCell"], { "rowData": { "alias": "rowData"; "required": false; }; "colDef": { "alias": "colDef"; "required": false; }; "data": { "alias": "data"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "rowDataChange": "rowDataChange"; }, never, never, true, never>;
705
707
  }
706
708
 
709
+ declare class MtxGridMenu {
710
+ menu: MatMenu;
711
+ items: MtxGridMenuItem[];
712
+ data: Record<string, any>;
713
+ static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridMenu, never>;
714
+ static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridMenu, "mtx-grid-menu", ["mtxGridMenu"], { "items": { "alias": "items"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
715
+ }
716
+
707
717
  declare class MtxGridColClassPipe implements PipeTransform {
708
718
  transform(colDef: MtxGridColumn, rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): string;
709
719
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridColClassPipe, never>;
@@ -743,7 +753,7 @@ declare class MtxGridCellSummaryPipe implements PipeTransform {
743
753
 
744
754
  declare class MtxGridModule {
745
755
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
746
- 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 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 MtxGridRowClassPipe, typeof MtxGridColClassPipe, typeof MtxGridCellActionsPipe, typeof MtxGridCellActionTooltipPipe, typeof MtxGridCellActionBadgePipe, typeof MtxGridCellActionDisablePipe, typeof MtxGridCellSummaryPipe]>;
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]>;
747
757
  static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
748
758
  }
749
759
 
@@ -797,5 +807,5 @@ declare class MatFlexTableResizeStrategy extends CdkFlexTableResizeStrategy {
797
807
  }
798
808
  declare const FLEX_RESIZE_STRATEGY_PROVIDER: Provider;
799
809
 
800
- export { AbstractMatColumnResize, AbstractMatResizable, FLEX_HOST_BINDINGS as MAT_FLEX_HOST_BINDINGS, FLEX_PROVIDERS as MAT_FLEX_PROVIDERS, FLEX_RESIZE_STRATEGY_PROVIDER as MAT_FLEX_RESIZE_STRATEGY_PROVIDER, RESIZABLE_HOST_BINDINGS as MAT_RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS as MAT_RESIZABLE_INPUTS, TABLE_HOST_BINDINGS as MAT_TABLE_HOST_BINDINGS, TABLE_PROVIDERS as MAT_TABLE_PROVIDERS, MTX_GRID_DEFAULT_OPTIONS, MatColumnResize, MatColumnResizeCommonModule, MatColumnResizeFlex, MatColumnResizeModule, MatColumnResizeOverlayHandle, MatFlexTableResizeStrategy, MatResizable, MtxGrid, MtxGridCell, MtxGridCellActionBadgePipe, MtxGridCellActionDisablePipe, MtxGridCellActionTooltipPipe, MtxGridCellActionsPipe, MtxGridCellSummaryPipe, MtxGridColClassPipe, MtxGridColumnMenu, MtxGridExpansionToggle, MtxGridModule, MtxGridRowClassPipe, MtxGridSelectableCell, MtxGridUtils };
801
- export type { MtxGridButtonType, MtxGridCellTemplate, MtxGridColumn, MtxGridColumnButton, MtxGridColumnButtonBadge, MtxGridColumnButtonPop, MtxGridColumnButtonTooltip, MtxGridColumnPinOption, MtxGridColumnPinValue, MtxGridColumnTag, MtxGridColumnTagValue, MtxGridColumnType, MtxGridColumnTypeParameter, MtxGridDefaultOptions, MtxGridRowClassFormatter, MtxGridRowSelectionFormatter, MtxGridSortProp };
810
+ export { FLEX_RESIZE_STRATEGY_PROVIDER, MTX_GRID_DEFAULT_OPTIONS, MatColumnResize, MatColumnResizeCommonModule, MatColumnResizeFlex, MatColumnResizeModule, MatColumnResizeOverlayHandle, MatFlexTableResizeStrategy, MatResizable, MtxGrid, MtxGridCell, MtxGridCellActionBadgePipe, MtxGridCellActionDisablePipe, MtxGridCellActionTooltipPipe, MtxGridCellActionsPipe, MtxGridCellSummaryPipe, MtxGridColClassPipe, MtxGridColumnMenu, MtxGridExpansionToggle, MtxGridMenu, MtxGridModule, MtxGridRowClassPipe, MtxGridSelectableCell, MtxGridUtils };
811
+ export type { MtxGridButtonType, MtxGridCellTemplate, MtxGridColumn, MtxGridColumnButton, MtxGridColumnButtonBadge, MtxGridColumnButtonPop, MtxGridColumnButtonTooltip, MtxGridColumnPinOption, MtxGridColumnPinValue, MtxGridColumnTag, MtxGridColumnTagValue, MtxGridColumnType, MtxGridColumnTypeParameter, MtxGridDefaultOptions, MtxGridMenuItem, MtxGridRowClassFormatter, MtxGridRowSelectionFormatter, MtxGridSortProp };
@@ -63,24 +63,22 @@
63
63
  }
64
64
 
65
65
  @mixin theme($theme, $color-variant: null) {
66
- @include mat.private-check-duplicate-theme-styles($theme, 'mtx-loader') {
67
- @if mat.get-theme-version($theme) == 1 {
68
- @include base($theme);
66
+ @if mat.get-theme-version($theme) == 1 {
67
+ @include base($theme);
68
+ @include color($theme);
69
+ @include density($theme);
70
+ @include typography($theme);
71
+ }
72
+ @else {
73
+ @include base($theme);
74
+ @if mat.theme-has($theme, color) {
69
75
  @include color($theme);
76
+ }
77
+ @if mat.theme-has($theme, density) {
70
78
  @include density($theme);
71
- @include typography($theme);
72
79
  }
73
- @else {
74
- @include base($theme);
75
- @if mat.theme-has($theme, color) {
76
- @include color($theme);
77
- }
78
- @if mat.theme-has($theme, density) {
79
- @include density($theme);
80
- }
81
- @if mat.theme-has($theme, typography) {
82
- @include typography($theme);
83
- }
80
+ @if mat.theme-has($theme, typography) {
81
+ @include typography($theme);
84
82
  }
85
83
  }
86
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-matero/extensions",
3
- "version": "20.0.3",
3
+ "version": "20.1.1",
4
4
  "description": "Angular Material Extensions",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -74,14 +74,14 @@
74
74
  "types": "./alert/index.d.ts",
75
75
  "default": "./fesm2022/mtxAlert.mjs"
76
76
  },
77
- "./button": {
78
- "types": "./button/index.d.ts",
79
- "default": "./fesm2022/mtxButton.mjs"
80
- },
81
77
  "./checkbox-group": {
82
78
  "types": "./checkbox-group/index.d.ts",
83
79
  "default": "./fesm2022/mtxCheckboxGroup.mjs"
84
80
  },
81
+ "./button": {
82
+ "types": "./button/index.d.ts",
83
+ "default": "./fesm2022/mtxButton.mjs"
84
+ },
85
85
  "./colorpicker": {
86
86
  "types": "./colorpicker/index.d.ts",
87
87
  "default": "./fesm2022/mtxColorpicker.mjs"
@@ -94,6 +94,10 @@
94
94
  "types": "./column-resize/index.d.ts",
95
95
  "default": "./fesm2022/mtxColumnResize.mjs"
96
96
  },
97
+ "./drawer": {
98
+ "types": "./drawer/index.d.ts",
99
+ "default": "./fesm2022/mtxDrawer.mjs"
100
+ },
97
101
  "./dialog": {
98
102
  "types": "./dialog/index.d.ts",
99
103
  "default": "./fesm2022/mtxDialog.mjs"
@@ -102,10 +106,6 @@
102
106
  "types": "./datetimepicker/index.d.ts",
103
107
  "default": "./fesm2022/mtxDatetimepicker.mjs"
104
108
  },
105
- "./drawer": {
106
- "types": "./drawer/index.d.ts",
107
- "default": "./fesm2022/mtxDrawer.mjs"
108
- },
109
109
  "./grid": {
110
110
  "types": "./grid/index.d.ts",
111
111
  "default": "./fesm2022/mtxGrid.mjs"
@@ -130,13 +130,13 @@
130
130
  "types": "./select/index.d.ts",
131
131
  "default": "./fesm2022/mtxSelect.mjs"
132
132
  },
133
- "./split": {
134
- "types": "./split/index.d.ts",
135
- "default": "./fesm2022/mtxSplit.mjs"
136
- },
137
133
  "./tooltip": {
138
134
  "types": "./tooltip/index.d.ts",
139
135
  "default": "./fesm2022/mtxTooltip.mjs"
136
+ },
137
+ "./split": {
138
+ "types": "./split/index.d.ts",
139
+ "default": "./fesm2022/mtxSplit.mjs"
140
140
  }
141
141
  },
142
142
  "dependencies": {
@@ -63,24 +63,22 @@
63
63
  }
64
64
 
65
65
  @mixin theme($theme, $color-variant: null) {
66
- @include mat.private-check-duplicate-theme-styles($theme, 'mtx-popover') {
67
- @if mat.get-theme-version($theme) == 1 {
68
- @include base($theme);
66
+ @if mat.get-theme-version($theme) == 1 {
67
+ @include base($theme);
68
+ @include color($theme);
69
+ @include density($theme);
70
+ @include typography($theme);
71
+ }
72
+ @else {
73
+ @include base($theme);
74
+ @if mat.theme-has($theme, color) {
69
75
  @include color($theme);
76
+ }
77
+ @if mat.theme-has($theme, density) {
70
78
  @include density($theme);
71
- @include typography($theme);
72
79
  }
73
- @else {
74
- @include base($theme);
75
- @if mat.theme-has($theme, color) {
76
- @include color($theme);
77
- }
78
- @if mat.theme-has($theme, density) {
79
- @include density($theme);
80
- }
81
- @if mat.theme-has($theme, typography) {
82
- @include typography($theme);
83
- }
80
+ @if mat.theme-has($theme, typography) {
81
+ @include typography($theme);
84
82
  }
85
83
  }
86
84
  }
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, OnDestroy, TemplateRef, ApplicationRef, Injector, ViewContainerRef, ChangeDetectorRef, EventEmitter, OnInit, ElementRef, AfterContentInit } from '@angular/core';
2
+ import { OnDestroy, TemplateRef, ApplicationRef, Injector, ViewContainerRef, ChangeDetectorRef, InjectionToken, EventEmitter, OnInit, ElementRef, AfterContentInit } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import * as i2 from '@angular/cdk/overlay';
5
5
  import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: whitesmoke;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #673ab7;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ffd740}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-clock-hand-background-color: #673ab7;--mtx-datetimepicker-clock-cell-selected-state-background-color: #673ab7;--mtx-datetimepicker-time-input-active-state-text-color: #673ab7;--mtx-datetimepicker-time-input-active-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #673ab7;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(103, 58, 183, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #673ab7;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ffd740;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ffd740;--mtx-datetimepicker-time-input-active-state-text-color: #ffd740;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 215, 64, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ffd740;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 215, 64, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 215, 64, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ffd740}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: whitesmoke;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ffd740;--mtx-grid-resizable-handle-active-background-color: #673ab7;--mtx-grid-resizable-handle-hover-background-color: #673ab7;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #673ab7;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ffd740}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #673ab7;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ffd740}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
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: #673ab7;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ffd740}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-clock-hand-background-color: #673ab7;--mtx-datetimepicker-clock-cell-selected-state-background-color: #673ab7;--mtx-datetimepicker-time-input-active-state-text-color: #673ab7;--mtx-datetimepicker-time-input-active-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #673ab7;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(103, 58, 183, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #673ab7;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ffd740;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ffd740;--mtx-datetimepicker-time-input-active-state-text-color: #ffd740;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 215, 64, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ffd740;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 215, 64, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 215, 64, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ffd740}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: #f5f5f5;--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: #ffd740;--mtx-grid-resizable-handle-active-background-color: #673ab7;--mtx-grid-resizable-handle-hover-background-color: #673ab7;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #673ab7;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ffd740}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #673ab7;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ffd740}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
@@ -1 +1 @@
1
- .mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: whitesmoke;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #3f51b5;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ff4081}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(63, 81, 181, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #3f51b5;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 64, 129, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 64, 129, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: whitesmoke;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ff4081;--mtx-grid-resizable-handle-active-background-color: #3f51b5;--mtx-grid-resizable-handle-hover-background-color: #3f51b5;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #3f51b5;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #3f51b5;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
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-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(63, 81, 181, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #3f51b5;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 64, 129, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 64, 129, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: #f5f5f5;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ff4081;--mtx-grid-resizable-handle-active-background-color: #3f51b5;--mtx-grid-resizable-handle-hover-background-color: #3f51b5;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mtx-select-option-selected-state-text-color: #3f51b5;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #3f51b5;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
@@ -63,24 +63,22 @@
63
63
  }
64
64
 
65
65
  @mixin theme($theme, $color-variant: null) {
66
- @include mat.private-check-duplicate-theme-styles($theme, 'mtx-progress') {
67
- @if mat.get-theme-version($theme) == 1 {
68
- @include base($theme);
66
+ @if mat.get-theme-version($theme) == 1 {
67
+ @include base($theme);
68
+ @include color($theme);
69
+ @include density($theme);
70
+ @include typography($theme);
71
+ }
72
+ @else {
73
+ @include base($theme);
74
+ @if mat.theme-has($theme, color) {
69
75
  @include color($theme);
76
+ }
77
+ @if mat.theme-has($theme, density) {
70
78
  @include density($theme);
71
- @include typography($theme);
72
79
  }
73
- @else {
74
- @include base($theme);
75
- @if mat.theme-has($theme, color) {
76
- @include color($theme);
77
- }
78
- @if mat.theme-has($theme, density) {
79
- @include density($theme);
80
- }
81
- @if mat.theme-has($theme, typography) {
82
- @include typography($theme);
83
- }
80
+ @if mat.theme-has($theme, typography) {
81
+ @include typography($theme);
84
82
  }
85
83
  }
86
84
  }
@@ -75,24 +75,22 @@
75
75
  }
76
76
 
77
77
  @mixin theme($theme, $color-variant: null) {
78
- @include mat.private-check-duplicate-theme-styles($theme, 'mtx-select') {
79
- @if mat.get-theme-version($theme) == 1 {
80
- @include base($theme);
81
- @include color($theme, $color-variant);
78
+ @if mat.get-theme-version($theme) == 1 {
79
+ @include base($theme);
80
+ @include color($theme, $color-variant);
81
+ @include density($theme);
82
+ @include typography($theme);
83
+ }
84
+ @else {
85
+ @include base($theme);
86
+ @if mat.theme-has($theme, color) {
87
+ @include color($theme);
88
+ }
89
+ @if mat.theme-has($theme, density) {
82
90
  @include density($theme);
83
- @include typography($theme);
84
91
  }
85
- @else {
86
- @include base($theme);
87
- @if mat.theme-has($theme, color) {
88
- @include color($theme);
89
- }
90
- @if mat.theme-has($theme, density) {
91
- @include density($theme);
92
- }
93
- @if mat.theme-has($theme, typography) {
94
- @include typography($theme);
95
- }
92
+ @if mat.theme-has($theme, typography) {
93
+ @include typography($theme);
96
94
  }
97
95
  }
98
96
  }
package/select/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { OnChanges, AfterViewChecked, OnDestroy, ElementRef, SimpleChanges, InjectionToken, OnInit, DoCheck, AfterViewInit, ChangeDetectorRef, TemplateRef, QueryList, EventEmitter } from '@angular/core';
2
+ import { OnChanges, AfterViewChecked, OnDestroy, ElementRef, SimpleChanges, OnInit, DoCheck, AfterViewInit, ChangeDetectorRef, TemplateRef, QueryList, EventEmitter, InjectionToken } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import * as i2 from '@angular/forms';
5
5
  import { ControlValueAccessor, NgControl } from '@angular/forms';
@@ -75,24 +75,22 @@
75
75
  }
76
76
 
77
77
  @mixin theme($theme, $color-variant: null) {
78
- @include mat.private-check-duplicate-theme-styles($theme, 'mtx-split') {
79
- @if mat.get-theme-version($theme) == 1 {
80
- @include base($theme);
81
- @include color($theme, $color-variant);
78
+ @if mat.get-theme-version($theme) == 1 {
79
+ @include base($theme);
80
+ @include color($theme, $color-variant);
81
+ @include density($theme);
82
+ @include typography($theme);
83
+ }
84
+ @else {
85
+ @include base($theme);
86
+ @if mat.theme-has($theme, color) {
87
+ @include color($theme);
88
+ }
89
+ @if mat.theme-has($theme, density) {
82
90
  @include density($theme);
83
- @include typography($theme);
84
91
  }
85
- @else {
86
- @include base($theme);
87
- @if mat.theme-has($theme, color) {
88
- @include color($theme);
89
- }
90
- @if mat.theme-has($theme, density) {
91
- @include density($theme);
92
- }
93
- @if mat.theme-has($theme, typography) {
94
- @include typography($theme);
95
- }
92
+ @if mat.theme-has($theme, typography) {
93
+ @include typography($theme);
96
94
  }
97
95
  }
98
96
  }
package/split/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ThemePalette } from '@angular/material/core';
2
2
  import * as i0 from '@angular/core';
3
- import { OnInit, OnDestroy, ElementRef, InjectionToken, AfterViewInit, EventEmitter } from '@angular/core';
3
+ import { OnInit, OnDestroy, ElementRef, AfterViewInit, EventEmitter, InjectionToken } from '@angular/core';
4
4
  import * as i1 from '@angular/common';
5
5
  import { Observable } from 'rxjs';
6
6
 
@@ -60,23 +60,21 @@
60
60
  }
61
61
 
62
62
  @mixin theme($theme) {
63
- @include mat.private-check-duplicate-theme-styles($theme, 'mat-tooltip') {
64
- @if mat.get-theme-version($theme) == 1 {
65
- @include base($theme);
63
+ @if mat.get-theme-version($theme) == 1 {
64
+ @include base($theme);
65
+ @include color($theme);
66
+ @include density($theme);
67
+ @include typography($theme);
68
+ } @else {
69
+ @include base($theme);
70
+ @if mat.theme-has($theme, color) {
66
71
  @include color($theme);
72
+ }
73
+ @if mat.theme-has($theme, density) {
67
74
  @include density($theme);
75
+ }
76
+ @if mat.theme-has($theme, typography) {
68
77
  @include typography($theme);
69
- } @else {
70
- @include base($theme);
71
- @if mat.theme-has($theme, color) {
72
- @include color($theme);
73
- }
74
- @if mat.theme-has($theme, density) {
75
- @include density($theme);
76
- }
77
- @if mat.theme-has($theme, typography) {
78
- @include typography($theme);
79
- }
80
78
  }
81
79
  }
82
80
  }
@@ -1,9 +1,9 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, OnDestroy, AfterViewInit, TemplateRef, ElementRef } from '@angular/core';
2
+ import { OnDestroy, AfterViewInit, ElementRef, TemplateRef, InjectionToken } from '@angular/core';
3
3
  import * as i1 from '@angular/cdk/a11y';
4
4
  import * as i2 from '@angular/common';
5
5
  import * as i3 from '@angular/cdk/overlay';
6
- import { ScrollStrategy, Overlay, OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition } from '@angular/cdk/overlay';
6
+ import { OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition, ScrollStrategy, Overlay } from '@angular/cdk/overlay';
7
7
  import * as i4 from '@angular/material/core';
8
8
  import * as i5 from '@ng-matero/extensions/core';
9
9
  import { Directionality } from '@angular/cdk/bidi';