@ng-matero/extensions 14.6.3 → 14.7.0

package/grid/grid.module.d.ts

@@ -3,26 +3,27 @@ import * as i1 from "./grid.component";
 import * as i2 from "./cell.component";
 import * as i3 from "./column-menu.component";
 import * as i4 from "./expansion-toggle.directive";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "@angular/material/table";
-import * as i8 from "@angular/material/sort";
-import * as i9 from "@angular/material/paginator";
-import * as i10 from "@angular/material/checkbox";
-import * as i11 from "@angular/material/button";
-import * as i12 from "@angular/material/progress-bar";
-import * as i13 from "@angular/material/chips";
-import * as i14 from "@angular/material/tooltip";
-import * as i15 from "@angular/material/icon";
-import * as i16 from "@angular/material/select";
-import * as i17 from "@angular/material/form-field";
-import * as i18 from "@angular/material/menu";
-import * as i19 from "@angular/cdk/drag-drop";
-import * as i20 from "@ng-matero/extensions/dialog";
-import * as i21 from "@ng-matero/extensions/core";
-import * as i22 from "./column-resize/column-resize-module";
+import * as i5 from "./grid.pipe";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/table";
+import * as i9 from "@angular/material/sort";
+import * as i10 from "@angular/material/paginator";
+import * as i11 from "@angular/material/checkbox";
+import * as i12 from "@angular/material/button";
+import * as i13 from "@angular/material/progress-bar";
+import * as i14 from "@angular/material/chips";
+import * as i15 from "@angular/material/tooltip";
+import * as i16 from "@angular/material/icon";
+import * as i17 from "@angular/material/select";
+import * as i18 from "@angular/material/form-field";
+import * as i19 from "@angular/material/menu";
+import * as i20 from "@angular/cdk/drag-drop";
+import * as i21 from "@ng-matero/extensions/dialog";
+import * as i22 from "@ng-matero/extensions/core";
+import * as i23 from "./column-resize/column-resize-module";
 export declare class MtxGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.MatTableModule, typeof i8.MatSortModule, typeof i9.MatPaginatorModule, typeof i10.MatCheckboxModule, typeof i11.MatButtonModule, typeof i12.MatProgressBarModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.MatIconModule, typeof i16.MatSelectModule, typeof i17.MatFormFieldModule, typeof i18.MatMenuModule, typeof i19.DragDropModule, typeof i20.MtxDialogModule, typeof i21.MtxPipesModule, typeof i22.MatColumnResizeModule], [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective, typeof i22.MatColumnResizeModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective, typeof i5.MtxGridRowClassPipe, typeof i5.MtxGridColClassPipe, typeof i5.MtxGridCellActionTooltipPipe, typeof i5.MtxGridCellActionDisablePipe, typeof i5.MtxGridCellSummaryPipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.MatTableModule, typeof i9.MatSortModule, typeof i10.MatPaginatorModule, typeof i11.MatCheckboxModule, typeof i12.MatButtonModule, typeof i13.MatProgressBarModule, typeof i14.MatChipsModule, typeof i15.MatTooltipModule, typeof i16.MatIconModule, typeof i17.MatSelectModule, typeof i18.MatFormFieldModule, typeof i19.MatMenuModule, typeof i20.DragDropModule, typeof i21.MtxDialogModule, typeof i22.MtxPipesModule, typeof i23.MatColumnResizeModule], [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective, typeof i23.MatColumnResizeModule, typeof i5.MtxGridRowClassPipe, typeof i5.MtxGridColClassPipe, typeof i5.MtxGridCellActionTooltipPipe, typeof i5.MtxGridCellActionDisablePipe, typeof i5.MtxGridCellSummaryPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
 }

package/grid/grid.pipe.d.ts

@@ -0,0 +1,31 @@
+import { KeyValueChangeRecord, PipeTransform } from '@angular/core';
+import { MtxGridService } from './grid.service';
+import { MtxGridColumn, MtxGridColumnButton, MtxGridRowClassFormatter } from './grid.interface';
+import * as i0 from "@angular/core";
+export declare class MtxGridColClassPipe implements PipeTransform {
+    transform(colDef: MtxGridColumn, rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridColClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridColClassPipe, "colClass", false>;
+}
+export declare class MtxGridRowClassPipe implements PipeTransform {
+    transform(rowData: Record<string, any>, index: number, dataIndex: number, rowClassFormatter?: MtxGridRowClassFormatter): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridRowClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridRowClassPipe, "rowClass", false>;
+}
+export declare class MtxGridCellActionTooltipPipe implements PipeTransform {
+    transform(btn: MtxGridColumnButton): import("./grid.interface").MtxGridColumnButtonTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionTooltipPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionTooltipPipe, "cellActionTooltip", false>;
+}
+export declare class MtxGridCellActionDisablePipe implements PipeTransform {
+    transform(btn: MtxGridColumnButton, rowData: Record<string, any>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionDisablePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionDisablePipe, "cellActionDisable", false>;
+}
+export declare class MtxGridCellSummaryPipe implements PipeTransform {
+    private gridSrv;
+    constructor(gridSrv: MtxGridService);
+    transform(data: any[], colDef: MtxGridColumn): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellSummaryPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellSummaryPipe, "cellSummary", false>;
+}

package/grid/grid.service.d.ts

@@ -3,22 +3,37 @@ import * as i0 from "@angular/core";
 export declare class MtxGridService {
     constructor();
     /**
-     * Get cell value from column key e.g. `a.b.c`
+     * Get cell's value based on the data and column's field (e.g. `a.b.c`)
      * @param rowData Row data
      * @param colDef Column definition
+     * @returns
      */
-    getCellValue(rowData: any, colDef: MtxGridColumn): string;
+    getCellValue(rowData: Record<string, any>, colDef: MtxGridColumn): string;
     /**
      * Get all data of a col
      * @param data All data
      * @param colDef Column definition
+     * @returns
      */
     getColData(data: any[], colDef: MtxGridColumn): any[];
     /**
      * Remove white spaces in a string and convert string to array
-     * @param str string
+     * @param str
+     * @returns
      */
     str2arr(str: string): string[];
+    /**
+     * Whether the value is empty (`null`, `undefined`, `''`, `[]`)
+     * @param value
+     * @returns
+     */
+    isEmpty(value: any): boolean;
+    /**
+     * Whether the value contain HTML
+     * @param value
+     * @returns
+     */
+    isContainHTML(value: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MtxGridService>;
 }

package/grid/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './grid.module';
 export * from './grid.interface';
 export * from './grid.service';
+export * from './grid.pipe';
 export * from './grid.component';
 export * from './cell.component';
 export * from './column-menu.component';

package/loader/_loader-theme.scss

@@ -8,7 +8,7 @@
   $background: map.get($config, background);
 
   .mtx-loader-backdrop {
-    background-color: rgba(theming.get-color-from-palette($background, background), .75);
+    background-color: theming.get-color-from-palette($background, background, .75);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "14.6.3",
+  "version": "14.7.0",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"
@@ -50,6 +50,21 @@
     "./_theming": {
       "sass": "./_theming.scss"
     },
+    "./prebuilt-themes/indigo-pink.css": {
+      "style": "./prebuilt-themes/indigo-pink.css"
+    },
+    "./prebuilt-themes/deeppurple-amber.css": {
+      "style": "./prebuilt-themes/deeppurple-amber.css"
+    },
+    "./prebuilt-themes/pink-bluegrey.css": {
+      "style": "./prebuilt-themes/pink-bluegrey.css"
+    },
+    "./prebuilt-themes/purple-green.css": {
+      "style": "./prebuilt-themes/purple-green.css"
+    },
+    "./prebuilt-themes/*": {
+      "style": "./prebuilt-themes/*.css"
+    },
     "./package.json": {
       "default": "./package.json"
     },

package/prebuilt-themes/deeppurple-amber.css

@@ -0,0 +1 @@
+.mat-button-loading .mat-button-wrapper{visibility:hidden}.mat-button-loading .mat-progress-spinner{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.mtx-alert{background-color:#fff}.mtx-alert-info.mtx-alert{background-color:#2196f3;color:#fff}.mtx-alert-success.mtx-alert{background-color:#4caf50;color:#fff}.mtx-alert-warning.mtx-alert{background-color:#ff9800;color:#fff}.mtx-alert-danger.mtx-alert{background-color:#f44336;color:#fff}.mtx-colorpicker-toggle-active{color:#673ab7}.mtx-colorpicker-toggle-active.mat-accent{color:#ffd740}.mtx-colorpicker-toggle-active.mat-warn{color:#f44336}.mtx-datetimepicker-content{background-color:#fff;color:rgba(0,0,0,.87);box-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)}.mtx-calendar-header{background-color:#673ab7;color:#fff}.mtx-calendar-body-label{color:rgba(0,0,0,.54)}.mtx-calendar-table-header{color:rgba(0,0,0,.38)}.mtx-calendar-body-cell-content{color:rgba(0,0,0,.87)}.mtx-calendar-body-cell-content.mtx-calendar-body-selected{background-color:#673ab7;color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected.mtx-calendar-body-today{box-shadow:inset 0 0 0 1px #fff}.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected).mtx-calendar-body-today{border-color:rgba(0,0,0,.38)}.mtx-calendar-body-cell:not(.mtx-calendar-body-disabled):hover>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected),.mtx-calendar-body-active>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){background-color:rgba(103,58,183,.3)}.mtx-calendar-body-disabled>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){color:rgba(0,0,0,.38)}.mtx-calendar-body-disabled>.mtx-calendar-body-today:not(.mtx-calendar-body-selected){border-color:rgba(0,0,0,.38)}.mtx-calendar-body-disabled>.mtx-calendar-body-selected{background-color:rgba(103,58,183,.4)}.mtx-calendar-previous-button.disabled,.mtx-calendar-next-button.disabled{color:rgba(0,0,0,.38)}.mtx-clock-wrapper{background-color:rgba(0,0,0,.12)}.mtx-clock-center{background-color:#673ab7}.mtx-clock-hand{background-color:#673ab7}.mtx-clock-hand::before{background-color:#673ab7}.mtx-clock-cell{color:rgba(0,0,0,.87)}.mtx-clock-cell.mtx-clock-cell-selected{background-color:#673ab7;color:#fff}.mtx-clock-cell:not(.mtx-clock-cell-selected,.mtx-clock-cell-disabled):hover{background-color:rgba(0,0,0,.04)}.mtx-clock-cell.mtx-clock-cell-disabled{color:rgba(0,0,0,.38)}.mtx-datetimepicker-toggle-active{color:#673ab7}.mtx-datetimepicker-toggle-active.mat-accent{color:#ffd740}.mtx-datetimepicker-toggle-active.mat-warn{color:#f44336}.mtx-time-input{color:rgba(0,0,0,.87);background-color:rgba(0,0,0,.12)}.mtx-time-input.mtx-time-input-active{color:#673ab7;background-color:rgba(103,58,183,.2)}.mtx-time-input.mtx-time-input-active:focus{border-color:#673ab7;background-color:#fafafa}.mtx-time-input.mtx-time-input-active:focus::placeholder{color:rgba(103,58,183,.6)}.mtx-time-input.mtx-time-input-warning{border-color:#f44336}.mtx-time-ampm .mtx-time-am,.mtx-time-ampm .mtx-time-pm{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.38)}.mtx-time-ampm .mtx-time-am.mtx-time-ampm-active,.mtx-time-ampm .mtx-time-pm.mtx-time-ampm-active{color:rgba(0,0,0,.87);background-color:rgba(255,215,64,.2);font-weight:500}.mtx-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mtx-calendar-body{font-size:13px}.mtx-calendar-body-label,.mtx-calendar-period-button{font-size:14px;font-weight:500}.mtx-calendar-table-header th{font-size:11px;font-weight:400}.mtx-clock{font-size:14px}.mtx-drawer-container{box-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);background:#fff;color:rgba(0,0,0,.87)}.mtx-grid{border:1px solid rgba(0,0,0,.2)}.mtx-grid .mat-table-sticky-left,.mtx-grid .mat-table-sticky-right{border-color:rgba(0,0,0,.12)}.mtx-grid .mat-table.mat-table-striped .mat-row-odd{background-color:#f5f5f5}.mtx-grid .mat-table.mat-table-hover .mat-row:hover{background-color:#e5e5e5}.mtx-grid .mat-row.selected,.mtx-grid .mat-row.mat-row-odd.selected{background-color:#e5e5e5}.mtx-grid .mat-cell.selected{box-shadow:inset 0 0 0 1px #ffd740}.mtx-grid .mat-footer-row .mat-footer-cell{border-top:1px solid rgba(0,0,0,.12);border-bottom-width:0;background-color:#f5f5f5}.mtx-grid .mat-paginator{border-top:1px solid rgba(0,0,0,.2)}.mtx-grid-toolbar{border-bottom:1px solid rgba(0,0,0,.2)}.mtx-grid-sidebar{border-color:rgba(0,0,0,.2)}.mtx-grid-statusbar{border-top:1px solid rgba(0,0,0,.2)}.mtx-grid-column-menu-item{color:rgba(0,0,0,.87)}.mtx-grid-column-menu-header,.mtx-grid-column-menu-footer{color:rgba(0,0,0,.87);background-color:#fff}.mtx-grid-column-menu-header{border-bottom:1px solid rgba(0,0,0,.12)}.mtx-grid-column-menu-footer{border-top:1px solid rgba(0,0,0,.12)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-header-cell,.mat-column-resize-flex .mat-cell{box-sizing:border-box;min-width:32px}.mat-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}.mat-header-row.cdk-column-resize-hover-or-active .mat-header-cell:not(.mat-resizable)::after{background:rgba(0,0,0,.12)}.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background:#b39ddb}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{background:#673ab7;outline:none}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{background:linear-gradient(90deg, transparent, transparent 7px, #673ab7, #673ab7 1px, transparent 8px, transparent);will-change:transform}.mtx-loader-backdrop{background-color:rgba(250,250,250,.75)}.mtx-popover-panel{color:rgba(0,0,0,.87);background-color:#fff}[class*=mtx-popover] .mtx-popover-direction-arrow::before{border-color:rgba(0,0,0,.12)}[class*=mtx-popover] .mtx-popover-direction-arrow::after{border-color:#fff}[class*=mtx-popover-below] .mtx-popover-direction-arrow::before,[class*=mtx-popover-below] .mtx-popover-direction-arrow::after,[class*=mtx-popover-above] .mtx-popover-direction-arrow::before,[class*=mtx-popover-above] .mtx-popover-direction-arrow::after{border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}[class*=mtx-popover-before] .mtx-popover-direction-arrow::before,[class*=mtx-popover-before] .mtx-popover-direction-arrow::after,[class*=mtx-popover-after] .mtx-popover-direction-arrow::before,[class*=mtx-popover-after] .mtx-popover-direction-arrow::after{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.mtx-progress{background-color:rgba(0,0,0,.04)}.mtx-progress-fill-info{background-color:#2196f3;color:#fff}.mtx-progress-fill-success{background-color:#4caf50;color:#fff}.mtx-progress-fill-warning{background-color:#ff9800;color:#fff}.mtx-progress-fill-danger{background-color:#f44336;color:#fff}.ng-select .ng-select-container{color:rgba(0,0,0,.87)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.38)}.ng-select .ng-select-container .ng-value-container .ng-input>input{color:rgba(0,0,0,.87)}.ng-select.ng-select-disabled .ng-value{color:rgba(0,0,0,.38)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,.87);background-color:#e0e0e0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgba(0,0,0,.12)}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.54)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#f44336}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,.54) rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:#f44336 rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.54)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f44336}.ng-dropdown-panel{background-color:#fff}.ng-dropdown-panel.multiple .ng-option.selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{color:rgba(0,0,0,.54)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{color:rgba(0,0,0,.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{color:rgba(0,0,0,.38)}.mtx-slider-thumb{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mtx-slider-track-background{background-color:#bdbdbd}.mat-primary .mtx-slider-track-fill,.mat-primary .mtx-slider-thumb,.mat-primary .mtx-slider-thumb-label{background-color:#673ab7}.mat-primary .mtx-slider-thumb-label-text{color:#fff}.mat-primary .mtx-slider-focus-ring{background-color:rgba(103,58,183,.2)}.mat-accent .mtx-slider-track-fill,.mat-accent .mtx-slider-thumb,.mat-accent .mtx-slider-thumb-label{background-color:#ffd740}.mat-accent .mtx-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-accent .mtx-slider-focus-ring{background-color:rgba(255,215,64,.2)}.mat-warn .mtx-slider-track-fill,.mat-warn .mtx-slider-thumb,.mat-warn .mtx-slider-thumb-label{background-color:#f44336}.mat-warn .mtx-slider-thumb-label-text{color:#fff}.mat-warn .mtx-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mtx-slider:hover .mtx-slider-track-background,.mtx-slider.cdk-focused .mtx-slider-track-background{background-color:rgba(0,0,0,.38)}.mtx-slider-disabled .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-disabled .mtx-slider-track-fill,.mtx-slider-disabled .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-disabled:hover .mtx-slider-track-background,.mtx-slider-disabled.cdk-focused .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-min-value .mtx-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider) .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused .mtx-slider-thumb{background-color:rgba(0,0,0,.38)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover.mtx-slider-disabled .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused.mtx-slider-disabled .mtx-slider-thumb{border-color:#bdbdbd}.mtx-slider-has-ticks .mtx-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mtx-slider-horizontal .mtx-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mtx-slider-vertical .mtx-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mtx-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mtx-split>.mtx-split-gutter{background-color:rgba(0,0,0,.12)}.mtx-split>.mtx-split-gutter:hover{background-color:#673ab7}.mtx-split>.mtx-split-gutter.mat-accent:hover{background-color:#ffd740}.mtx-split>.mtx-split-gutter.mat-warn:hover{background-color:#f44336}.mtx-tooltip{background:rgba(97,97,97,.9)}.mtx-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;padding-top:5px;padding-bottom:5px}.mtx-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}

package/prebuilt-themes/indigo-pink.css

@@ -0,0 +1 @@
+.mat-button-loading .mat-button-wrapper{visibility:hidden}.mat-button-loading .mat-progress-spinner{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.mtx-alert{background-color:#fff}.mtx-alert-info.mtx-alert{background-color:#2196f3;color:#fff}.mtx-alert-success.mtx-alert{background-color:#4caf50;color:#fff}.mtx-alert-warning.mtx-alert{background-color:#ff9800;color:#fff}.mtx-alert-danger.mtx-alert{background-color:#f44336;color:#fff}.mtx-colorpicker-toggle-active{color:#3f51b5}.mtx-colorpicker-toggle-active.mat-accent{color:#ff4081}.mtx-colorpicker-toggle-active.mat-warn{color:#f44336}.mtx-datetimepicker-content{background-color:#fff;color:rgba(0,0,0,.87);box-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)}.mtx-calendar-header{background-color:#3f51b5;color:#fff}.mtx-calendar-body-label{color:rgba(0,0,0,.54)}.mtx-calendar-table-header{color:rgba(0,0,0,.38)}.mtx-calendar-body-cell-content{color:rgba(0,0,0,.87)}.mtx-calendar-body-cell-content.mtx-calendar-body-selected{background-color:#3f51b5;color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected.mtx-calendar-body-today{box-shadow:inset 0 0 0 1px #fff}.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected).mtx-calendar-body-today{border-color:rgba(0,0,0,.38)}.mtx-calendar-body-cell:not(.mtx-calendar-body-disabled):hover>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected),.mtx-calendar-body-active>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){background-color:rgba(63,81,181,.3)}.mtx-calendar-body-disabled>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){color:rgba(0,0,0,.38)}.mtx-calendar-body-disabled>.mtx-calendar-body-today:not(.mtx-calendar-body-selected){border-color:rgba(0,0,0,.38)}.mtx-calendar-body-disabled>.mtx-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mtx-calendar-previous-button.disabled,.mtx-calendar-next-button.disabled{color:rgba(0,0,0,.38)}.mtx-clock-wrapper{background-color:rgba(0,0,0,.12)}.mtx-clock-center{background-color:#3f51b5}.mtx-clock-hand{background-color:#3f51b5}.mtx-clock-hand::before{background-color:#3f51b5}.mtx-clock-cell{color:rgba(0,0,0,.87)}.mtx-clock-cell.mtx-clock-cell-selected{background-color:#3f51b5;color:#fff}.mtx-clock-cell:not(.mtx-clock-cell-selected,.mtx-clock-cell-disabled):hover{background-color:rgba(0,0,0,.04)}.mtx-clock-cell.mtx-clock-cell-disabled{color:rgba(0,0,0,.38)}.mtx-datetimepicker-toggle-active{color:#3f51b5}.mtx-datetimepicker-toggle-active.mat-accent{color:#ff4081}.mtx-datetimepicker-toggle-active.mat-warn{color:#f44336}.mtx-time-input{color:rgba(0,0,0,.87);background-color:rgba(0,0,0,.12)}.mtx-time-input.mtx-time-input-active{color:#3f51b5;background-color:rgba(63,81,181,.2)}.mtx-time-input.mtx-time-input-active:focus{border-color:#3f51b5;background-color:#fafafa}.mtx-time-input.mtx-time-input-active:focus::placeholder{color:rgba(63,81,181,.6)}.mtx-time-input.mtx-time-input-warning{border-color:#f44336}.mtx-time-ampm .mtx-time-am,.mtx-time-ampm .mtx-time-pm{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.38)}.mtx-time-ampm .mtx-time-am.mtx-time-ampm-active,.mtx-time-ampm .mtx-time-pm.mtx-time-ampm-active{color:rgba(0,0,0,.87);background-color:rgba(255,64,129,.2);font-weight:500}.mtx-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mtx-calendar-body{font-size:13px}.mtx-calendar-body-label,.mtx-calendar-period-button{font-size:14px;font-weight:500}.mtx-calendar-table-header th{font-size:11px;font-weight:400}.mtx-clock{font-size:14px}.mtx-drawer-container{box-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);background:#fff;color:rgba(0,0,0,.87)}.mtx-grid{border:1px solid rgba(0,0,0,.2)}.mtx-grid .mat-table-sticky-left,.mtx-grid .mat-table-sticky-right{border-color:rgba(0,0,0,.12)}.mtx-grid .mat-table.mat-table-striped .mat-row-odd{background-color:#f5f5f5}.mtx-grid .mat-table.mat-table-hover .mat-row:hover{background-color:#e5e5e5}.mtx-grid .mat-row.selected,.mtx-grid .mat-row.mat-row-odd.selected{background-color:#e5e5e5}.mtx-grid .mat-cell.selected{box-shadow:inset 0 0 0 1px #ff4081}.mtx-grid .mat-footer-row .mat-footer-cell{border-top:1px solid rgba(0,0,0,.12);border-bottom-width:0;background-color:#f5f5f5}.mtx-grid .mat-paginator{border-top:1px solid rgba(0,0,0,.2)}.mtx-grid-toolbar{border-bottom:1px solid rgba(0,0,0,.2)}.mtx-grid-sidebar{border-color:rgba(0,0,0,.2)}.mtx-grid-statusbar{border-top:1px solid rgba(0,0,0,.2)}.mtx-grid-column-menu-item{color:rgba(0,0,0,.87)}.mtx-grid-column-menu-header,.mtx-grid-column-menu-footer{color:rgba(0,0,0,.87);background-color:#fff}.mtx-grid-column-menu-header{border-bottom:1px solid rgba(0,0,0,.12)}.mtx-grid-column-menu-footer{border-top:1px solid rgba(0,0,0,.12)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-header-cell,.mat-column-resize-flex .mat-cell{box-sizing:border-box;min-width:32px}.mat-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}.mat-header-row.cdk-column-resize-hover-or-active .mat-header-cell:not(.mat-resizable)::after{background:rgba(0,0,0,.12)}.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background:#9fa8da}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{background:#3f51b5;outline:none}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{background:linear-gradient(90deg, transparent, transparent 7px, #3f51b5, #3f51b5 1px, transparent 8px, transparent);will-change:transform}.mtx-loader-backdrop{background-color:rgba(250,250,250,.75)}.mtx-popover-panel{color:rgba(0,0,0,.87);background-color:#fff}[class*=mtx-popover] .mtx-popover-direction-arrow::before{border-color:rgba(0,0,0,.12)}[class*=mtx-popover] .mtx-popover-direction-arrow::after{border-color:#fff}[class*=mtx-popover-below] .mtx-popover-direction-arrow::before,[class*=mtx-popover-below] .mtx-popover-direction-arrow::after,[class*=mtx-popover-above] .mtx-popover-direction-arrow::before,[class*=mtx-popover-above] .mtx-popover-direction-arrow::after{border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}[class*=mtx-popover-before] .mtx-popover-direction-arrow::before,[class*=mtx-popover-before] .mtx-popover-direction-arrow::after,[class*=mtx-popover-after] .mtx-popover-direction-arrow::before,[class*=mtx-popover-after] .mtx-popover-direction-arrow::after{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.mtx-progress{background-color:rgba(0,0,0,.04)}.mtx-progress-fill-info{background-color:#2196f3;color:#fff}.mtx-progress-fill-success{background-color:#4caf50;color:#fff}.mtx-progress-fill-warning{background-color:#ff9800;color:#fff}.mtx-progress-fill-danger{background-color:#f44336;color:#fff}.ng-select .ng-select-container{color:rgba(0,0,0,.87)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.38)}.ng-select .ng-select-container .ng-value-container .ng-input>input{color:rgba(0,0,0,.87)}.ng-select.ng-select-disabled .ng-value{color:rgba(0,0,0,.38)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,.87);background-color:#e0e0e0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgba(0,0,0,.12)}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.54)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#f44336}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,.54) rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:#f44336 rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.54)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f44336}.ng-dropdown-panel{background-color:#fff}.ng-dropdown-panel.multiple .ng-option.selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{color:rgba(0,0,0,.54)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{color:rgba(0,0,0,.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{color:rgba(0,0,0,.38)}.mtx-slider-thumb{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mtx-slider-track-background{background-color:#bdbdbd}.mat-primary .mtx-slider-track-fill,.mat-primary .mtx-slider-thumb,.mat-primary .mtx-slider-thumb-label{background-color:#3f51b5}.mat-primary .mtx-slider-thumb-label-text{color:#fff}.mat-primary .mtx-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mtx-slider-track-fill,.mat-accent .mtx-slider-thumb,.mat-accent .mtx-slider-thumb-label{background-color:#ff4081}.mat-accent .mtx-slider-thumb-label-text{color:#fff}.mat-accent .mtx-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mtx-slider-track-fill,.mat-warn .mtx-slider-thumb,.mat-warn .mtx-slider-thumb-label{background-color:#f44336}.mat-warn .mtx-slider-thumb-label-text{color:#fff}.mat-warn .mtx-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mtx-slider:hover .mtx-slider-track-background,.mtx-slider.cdk-focused .mtx-slider-track-background{background-color:rgba(0,0,0,.38)}.mtx-slider-disabled .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-disabled .mtx-slider-track-fill,.mtx-slider-disabled .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-disabled:hover .mtx-slider-track-background,.mtx-slider-disabled.cdk-focused .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-min-value .mtx-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider) .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused .mtx-slider-thumb{background-color:rgba(0,0,0,.38)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover.mtx-slider-disabled .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused.mtx-slider-disabled .mtx-slider-thumb{border-color:#bdbdbd}.mtx-slider-has-ticks .mtx-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mtx-slider-horizontal .mtx-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mtx-slider-vertical .mtx-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mtx-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mtx-split>.mtx-split-gutter{background-color:rgba(0,0,0,.12)}.mtx-split>.mtx-split-gutter:hover{background-color:#3f51b5}.mtx-split>.mtx-split-gutter.mat-accent:hover{background-color:#ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{background-color:#f44336}.mtx-tooltip{background:rgba(97,97,97,.9)}.mtx-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;padding-top:5px;padding-bottom:5px}.mtx-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}

package/prebuilt-themes/pink-bluegrey.css

@@ -0,0 +1 @@
+.mat-button-loading .mat-button-wrapper{visibility:hidden}.mat-button-loading .mat-progress-spinner{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.mtx-alert{background-color:#424242}.mtx-alert-info.mtx-alert{background-color:#2196f3;color:#fff}.mtx-alert-success.mtx-alert{background-color:#4caf50;color:#fff}.mtx-alert-warning.mtx-alert{background-color:#ff9800;color:#fff}.mtx-alert-danger.mtx-alert{background-color:#f44336;color:#fff}.mtx-colorpicker-toggle-active{color:#c2185b}.mtx-colorpicker-toggle-active.mat-accent{color:#b0bec5}.mtx-colorpicker-toggle-active.mat-warn{color:#f44336}.mtx-datetimepicker-content{background-color:#424242;color:#fff;box-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)}.mtx-calendar-header{background-color:#c2185b;color:#fff}.mtx-calendar-body-label{color:rgba(255,255,255,.7)}.mtx-calendar-table-header{color:rgba(255,255,255,.5)}.mtx-calendar-body-cell-content{color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected{background-color:#c2185b;color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected.mtx-calendar-body-today{box-shadow:inset 0 0 0 1px #fff}.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected).mtx-calendar-body-today{border-color:rgba(255,255,255,.5)}.mtx-calendar-body-cell:not(.mtx-calendar-body-disabled):hover>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected),.mtx-calendar-body-active>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){background-color:rgba(194,24,91,.3)}.mtx-calendar-body-disabled>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){color:rgba(255,255,255,.5)}.mtx-calendar-body-disabled>.mtx-calendar-body-today:not(.mtx-calendar-body-selected){border-color:rgba(255,255,255,.5)}.mtx-calendar-body-disabled>.mtx-calendar-body-selected{background-color:rgba(194,24,91,.4)}.mtx-calendar-previous-button.disabled,.mtx-calendar-next-button.disabled{color:rgba(255,255,255,.5)}.mtx-clock-wrapper{background-color:rgba(255,255,255,.12)}.mtx-clock-center{background-color:#c2185b}.mtx-clock-hand{background-color:#c2185b}.mtx-clock-hand::before{background-color:#c2185b}.mtx-clock-cell{color:#fff}.mtx-clock-cell.mtx-clock-cell-selected{background-color:#c2185b;color:#fff}.mtx-clock-cell:not(.mtx-clock-cell-selected,.mtx-clock-cell-disabled):hover{background-color:rgba(255,255,255,.04)}.mtx-clock-cell.mtx-clock-cell-disabled{color:rgba(255,255,255,.5)}.mtx-datetimepicker-toggle-active{color:#c2185b}.mtx-datetimepicker-toggle-active.mat-accent{color:#b0bec5}.mtx-datetimepicker-toggle-active.mat-warn{color:#f44336}.mtx-time-input{color:#fff;background-color:rgba(255,255,255,.12)}.mtx-time-input.mtx-time-input-active{color:#c2185b;background-color:rgba(194,24,91,.2)}.mtx-time-input.mtx-time-input-active:focus{border-color:#c2185b;background-color:#303030}.mtx-time-input.mtx-time-input-active:focus::placeholder{color:rgba(194,24,91,.6)}.mtx-time-input.mtx-time-input-warning{border-color:#f44336}.mtx-time-ampm .mtx-time-am,.mtx-time-ampm .mtx-time-pm{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.5)}.mtx-time-ampm .mtx-time-am.mtx-time-ampm-active,.mtx-time-ampm .mtx-time-pm.mtx-time-ampm-active{color:#fff;background-color:rgba(176,190,197,.2);font-weight:500}.mtx-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mtx-calendar-body{font-size:13px}.mtx-calendar-body-label,.mtx-calendar-period-button{font-size:14px;font-weight:500}.mtx-calendar-table-header th{font-size:11px;font-weight:400}.mtx-clock{font-size:14px}.mtx-drawer-container{box-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);background:#424242;color:#fff}.mtx-grid{border:1px solid rgba(255,255,255,.2)}.mtx-grid .mat-table-sticky-left,.mtx-grid .mat-table-sticky-right{border-color:rgba(255,255,255,.12)}.mtx-grid .mat-table.mat-table-striped .mat-row-odd{background-color:#3a3a3a}.mtx-grid .mat-table.mat-table-hover .mat-row:hover{background-color:#2a2a2a}.mtx-grid .mat-row.selected,.mtx-grid .mat-row.mat-row-odd.selected{background-color:#2a2a2a}.mtx-grid .mat-cell.selected{box-shadow:inset 0 0 0 1px #b0bec5}.mtx-grid .mat-footer-row .mat-footer-cell{border-top:1px solid rgba(255,255,255,.12);border-bottom-width:0;background-color:#212121}.mtx-grid .mat-paginator{border-top:1px solid rgba(255,255,255,.2)}.mtx-grid-toolbar{border-bottom:1px solid rgba(255,255,255,.2)}.mtx-grid-sidebar{border-color:rgba(255,255,255,.2)}.mtx-grid-statusbar{border-top:1px solid rgba(255,255,255,.2)}.mtx-grid-column-menu-item{color:#fff}.mtx-grid-column-menu-header,.mtx-grid-column-menu-footer{color:#fff;background-color:#424242}.mtx-grid-column-menu-header{border-bottom:1px solid rgba(255,255,255,.12)}.mtx-grid-column-menu-footer{border-top:1px solid rgba(255,255,255,.12)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-header-cell,.mat-column-resize-flex .mat-cell{box-sizing:border-box;min-width:32px}.mat-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}.mat-header-row.cdk-column-resize-hover-or-active .mat-header-cell:not(.mat-resizable)::after{background:rgba(255,255,255,.12)}.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background:#f48fb1}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{background:#e91e63;outline:none}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{background:linear-gradient(90deg, transparent, transparent 7px, #e91e63, #e91e63 1px, transparent 8px, transparent);will-change:transform}.mtx-loader-backdrop{background-color:rgba(48,48,48,.75)}.mtx-popover-panel{color:#fff;background-color:#424242}[class*=mtx-popover] .mtx-popover-direction-arrow::before{border-color:rgba(255,255,255,.12)}[class*=mtx-popover] .mtx-popover-direction-arrow::after{border-color:#424242}[class*=mtx-popover-below] .mtx-popover-direction-arrow::before,[class*=mtx-popover-below] .mtx-popover-direction-arrow::after,[class*=mtx-popover-above] .mtx-popover-direction-arrow::before,[class*=mtx-popover-above] .mtx-popover-direction-arrow::after{border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}[class*=mtx-popover-before] .mtx-popover-direction-arrow::before,[class*=mtx-popover-before] .mtx-popover-direction-arrow::after,[class*=mtx-popover-after] .mtx-popover-direction-arrow::before,[class*=mtx-popover-after] .mtx-popover-direction-arrow::after{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.mtx-progress{background-color:rgba(255,255,255,.04)}.mtx-progress-fill-info{background-color:#2196f3;color:#fff}.mtx-progress-fill-success{background-color:#4caf50;color:#fff}.mtx-progress-fill-warning{background-color:#ff9800;color:#fff}.mtx-progress-fill-danger{background-color:#f44336;color:#fff}.ng-select .ng-select-container{color:#fff}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(255,255,255,.5)}.ng-select .ng-select-container .ng-value-container .ng-input>input{color:#fff}.ng-select.ng-select-disabled .ng-value{color:rgba(255,255,255,.5)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#fff;background-color:#616161}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgba(255,255,255,.12)}.ng-select .ng-clear-wrapper{color:rgba(255,255,255,.7)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#f44336}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:rgba(255,255,255,.7) rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:#f44336 rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(255,255,255,.7)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f44336}.ng-dropdown-panel{background-color:#424242}.ng-dropdown-panel.multiple .ng-option.selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{color:rgba(255,255,255,.7)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{color:#fff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(255,255,255,.5)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{color:rgba(255,255,255,.5)}.mtx-slider-thumb{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mtx-slider-track-background{background-color:#bdbdbd}.mat-primary .mtx-slider-track-fill,.mat-primary .mtx-slider-thumb,.mat-primary .mtx-slider-thumb-label{background-color:#c2185b}.mat-primary .mtx-slider-thumb-label-text{color:#fff}.mat-primary .mtx-slider-focus-ring{background-color:rgba(194,24,91,.2)}.mat-accent .mtx-slider-track-fill,.mat-accent .mtx-slider-thumb,.mat-accent .mtx-slider-thumb-label{background-color:#b0bec5}.mat-accent .mtx-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-accent .mtx-slider-focus-ring{background-color:rgba(176,190,197,.2)}.mat-warn .mtx-slider-track-fill,.mat-warn .mtx-slider-thumb,.mat-warn .mtx-slider-thumb-label{background-color:#f44336}.mat-warn .mtx-slider-thumb-label-text{color:#fff}.mat-warn .mtx-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mtx-slider:hover .mtx-slider-track-background,.mtx-slider.cdk-focused .mtx-slider-track-background{background-color:rgba(255,255,255,.3)}.mtx-slider-disabled .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-disabled .mtx-slider-track-fill,.mtx-slider-disabled .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-disabled:hover .mtx-slider-track-background,.mtx-slider-disabled.cdk-focused .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-min-value .mtx-slider-focus-ring{background-color:rgba(255,255,255,.12)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb-label{background-color:#fff}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb-label{background-color:rgba(255,255,255,.3)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider) .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused .mtx-slider-thumb{background-color:rgba(255,255,255,.3)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover.mtx-slider-disabled .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused.mtx-slider-disabled .mtx-slider-thumb{border-color:#bdbdbd}.mtx-slider-has-ticks .mtx-slider-wrapper::after{border-color:rgba(255,255,255,.7)}.mtx-slider-horizontal .mtx-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);background-image:repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent)}.mtx-slider-vertical .mtx-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent)}.mtx-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mtx-split>.mtx-split-gutter{background-color:rgba(255,255,255,.12)}.mtx-split>.mtx-split-gutter:hover{background-color:#c2185b}.mtx-split>.mtx-split-gutter.mat-accent:hover{background-color:#b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{background-color:#f44336}.mtx-tooltip{background:rgba(97,97,97,.9)}.mtx-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;padding-top:5px;padding-bottom:5px}.mtx-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}

package/prebuilt-themes/purple-green.css

@@ -0,0 +1 @@
+.mat-button-loading .mat-button-wrapper{visibility:hidden}.mat-button-loading .mat-progress-spinner{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.mtx-alert{background-color:#424242}.mtx-alert-info.mtx-alert{background-color:#2196f3;color:#fff}.mtx-alert-success.mtx-alert{background-color:#4caf50;color:#fff}.mtx-alert-warning.mtx-alert{background-color:#ff9800;color:#fff}.mtx-alert-danger.mtx-alert{background-color:#f44336;color:#fff}.mtx-colorpicker-toggle-active{color:#7b1fa2}.mtx-colorpicker-toggle-active.mat-accent{color:#69f0ae}.mtx-colorpicker-toggle-active.mat-warn{color:#f44336}.mtx-datetimepicker-content{background-color:#424242;color:#fff;box-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)}.mtx-calendar-header{background-color:#7b1fa2;color:#fff}.mtx-calendar-body-label{color:rgba(255,255,255,.7)}.mtx-calendar-table-header{color:rgba(255,255,255,.5)}.mtx-calendar-body-cell-content{color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected{background-color:#7b1fa2;color:#fff}.mtx-calendar-body-cell-content.mtx-calendar-body-selected.mtx-calendar-body-today{box-shadow:inset 0 0 0 1px #fff}.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected).mtx-calendar-body-today{border-color:rgba(255,255,255,.5)}.mtx-calendar-body-cell:not(.mtx-calendar-body-disabled):hover>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected),.mtx-calendar-body-active>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){background-color:rgba(123,31,162,.3)}.mtx-calendar-body-disabled>.mtx-calendar-body-cell-content:not(.mtx-calendar-body-selected){color:rgba(255,255,255,.5)}.mtx-calendar-body-disabled>.mtx-calendar-body-today:not(.mtx-calendar-body-selected){border-color:rgba(255,255,255,.5)}.mtx-calendar-body-disabled>.mtx-calendar-body-selected{background-color:rgba(123,31,162,.4)}.mtx-calendar-previous-button.disabled,.mtx-calendar-next-button.disabled{color:rgba(255,255,255,.5)}.mtx-clock-wrapper{background-color:rgba(255,255,255,.12)}.mtx-clock-center{background-color:#7b1fa2}.mtx-clock-hand{background-color:#7b1fa2}.mtx-clock-hand::before{background-color:#7b1fa2}.mtx-clock-cell{color:#fff}.mtx-clock-cell.mtx-clock-cell-selected{background-color:#7b1fa2;color:#fff}.mtx-clock-cell:not(.mtx-clock-cell-selected,.mtx-clock-cell-disabled):hover{background-color:rgba(255,255,255,.04)}.mtx-clock-cell.mtx-clock-cell-disabled{color:rgba(255,255,255,.5)}.mtx-datetimepicker-toggle-active{color:#7b1fa2}.mtx-datetimepicker-toggle-active.mat-accent{color:#69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{color:#f44336}.mtx-time-input{color:#fff;background-color:rgba(255,255,255,.12)}.mtx-time-input.mtx-time-input-active{color:#7b1fa2;background-color:rgba(123,31,162,.2)}.mtx-time-input.mtx-time-input-active:focus{border-color:#7b1fa2;background-color:#303030}.mtx-time-input.mtx-time-input-active:focus::placeholder{color:rgba(123,31,162,.6)}.mtx-time-input.mtx-time-input-warning{border-color:#f44336}.mtx-time-ampm .mtx-time-am,.mtx-time-ampm .mtx-time-pm{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.5)}.mtx-time-ampm .mtx-time-am.mtx-time-ampm-active,.mtx-time-ampm .mtx-time-pm.mtx-time-ampm-active{color:#fff;background-color:rgba(105,240,174,.2);font-weight:500}.mtx-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mtx-calendar-body{font-size:13px}.mtx-calendar-body-label,.mtx-calendar-period-button{font-size:14px;font-weight:500}.mtx-calendar-table-header th{font-size:11px;font-weight:400}.mtx-clock{font-size:14px}.mtx-drawer-container{box-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);background:#424242;color:#fff}.mtx-grid{border:1px solid rgba(255,255,255,.2)}.mtx-grid .mat-table-sticky-left,.mtx-grid .mat-table-sticky-right{border-color:rgba(255,255,255,.12)}.mtx-grid .mat-table.mat-table-striped .mat-row-odd{background-color:#3a3a3a}.mtx-grid .mat-table.mat-table-hover .mat-row:hover{background-color:#2a2a2a}.mtx-grid .mat-row.selected,.mtx-grid .mat-row.mat-row-odd.selected{background-color:#2a2a2a}.mtx-grid .mat-cell.selected{box-shadow:inset 0 0 0 1px #69f0ae}.mtx-grid .mat-footer-row .mat-footer-cell{border-top:1px solid rgba(255,255,255,.12);border-bottom-width:0;background-color:#212121}.mtx-grid .mat-paginator{border-top:1px solid rgba(255,255,255,.2)}.mtx-grid-toolbar{border-bottom:1px solid rgba(255,255,255,.2)}.mtx-grid-sidebar{border-color:rgba(255,255,255,.2)}.mtx-grid-statusbar{border-top:1px solid rgba(255,255,255,.2)}.mtx-grid-column-menu-item{color:#fff}.mtx-grid-column-menu-header,.mtx-grid-column-menu-footer{color:#fff;background-color:#424242}.mtx-grid-column-menu-header{border-bottom:1px solid rgba(255,255,255,.12)}.mtx-grid-column-menu-footer{border-top:1px solid rgba(255,255,255,.12)}.mat-column-resize-table.cdk-column-resize-with-resized-column{table-layout:fixed}.mat-column-resize-flex .mat-header-cell,.mat-column-resize-flex .mat-cell{box-sizing:border-box;min-width:32px}.mat-header-cell{position:relative}.mat-resizable{box-sizing:border-box}.mat-header-cell:not(.mat-resizable)::after,.mat-resizable-handle{position:absolute;bottom:0;top:0;right:0;width:1px;background:rgba(0,0,0,0);transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-header-cell:not(.mat-resizable)::after{content:""}[dir=rtl] .mat-header-cell:not(.mat-resizable)::after,[dir=rtl] .mat-resizable-handle{left:0;right:auto}.mat-header-row.cdk-column-resize-hover-or-active .mat-header-cell:not(.mat-resizable)::after{background:rgba(255,255,255,.12)}.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle{background:#ce93d8}.mat-resizable.cdk-resizable-overlay-thumb-active>.mat-resizable-handle{opacity:0;transition:none}.mat-resizable-handle:focus,.mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus{background:#9c27b0;outline:none}.mat-column-resize-overlay-thumb{background:rgba(0,0,0,0);cursor:col-resize;height:100%;transition:background 300ms cubic-bezier(0.55, 0, 0.55, 0.2);width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-column-resize-overlay-thumb:active{background:linear-gradient(90deg, transparent, transparent 7px, #9c27b0, #9c27b0 1px, transparent 8px, transparent);will-change:transform}.mtx-loader-backdrop{background-color:rgba(48,48,48,.75)}.mtx-popover-panel{color:#fff;background-color:#424242}[class*=mtx-popover] .mtx-popover-direction-arrow::before{border-color:rgba(255,255,255,.12)}[class*=mtx-popover] .mtx-popover-direction-arrow::after{border-color:#424242}[class*=mtx-popover-below] .mtx-popover-direction-arrow::before,[class*=mtx-popover-below] .mtx-popover-direction-arrow::after,[class*=mtx-popover-above] .mtx-popover-direction-arrow::before,[class*=mtx-popover-above] .mtx-popover-direction-arrow::after{border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}[class*=mtx-popover-before] .mtx-popover-direction-arrow::before,[class*=mtx-popover-before] .mtx-popover-direction-arrow::after,[class*=mtx-popover-after] .mtx-popover-direction-arrow::before,[class*=mtx-popover-after] .mtx-popover-direction-arrow::after{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.mtx-progress{background-color:rgba(255,255,255,.04)}.mtx-progress-fill-info{background-color:#2196f3;color:#fff}.mtx-progress-fill-success{background-color:#4caf50;color:#fff}.mtx-progress-fill-warning{background-color:#ff9800;color:#fff}.mtx-progress-fill-danger{background-color:#f44336;color:#fff}.ng-select .ng-select-container{color:#fff}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(255,255,255,.5)}.ng-select .ng-select-container .ng-value-container .ng-input>input{color:#fff}.ng-select.ng-select-disabled .ng-value{color:rgba(255,255,255,.5)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#fff;background-color:#616161}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{opacity:.4}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgba(255,255,255,.12)}.ng-select .ng-clear-wrapper{color:rgba(255,255,255,.7)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#f44336}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:rgba(255,255,255,.7) rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:#f44336 rgba(0,0,0,0) rgba(0,0,0,0)}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(255,255,255,.7)}.ng-select.ng-select-opened.ng-select-invalid .ng-arrow-wrapper .ng-arrow{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f44336}.ng-dropdown-panel{background-color:#424242}.ng-dropdown-panel.multiple .ng-option.selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{color:rgba(255,255,255,.7)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{color:#fff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(255,255,255,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(255,255,255,.12)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(255,255,255,.5)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{color:rgba(255,255,255,.5)}.mtx-slider-thumb{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mtx-slider-track-background{background-color:#bdbdbd}.mat-primary .mtx-slider-track-fill,.mat-primary .mtx-slider-thumb,.mat-primary .mtx-slider-thumb-label{background-color:#7b1fa2}.mat-primary .mtx-slider-thumb-label-text{color:#fff}.mat-primary .mtx-slider-focus-ring{background-color:rgba(123,31,162,.2)}.mat-accent .mtx-slider-track-fill,.mat-accent .mtx-slider-thumb,.mat-accent .mtx-slider-thumb-label{background-color:#69f0ae}.mat-accent .mtx-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-accent .mtx-slider-focus-ring{background-color:rgba(105,240,174,.2)}.mat-warn .mtx-slider-track-fill,.mat-warn .mtx-slider-thumb,.mat-warn .mtx-slider-thumb-label{background-color:#f44336}.mat-warn .mtx-slider-thumb-label-text{color:#fff}.mat-warn .mtx-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mtx-slider:hover .mtx-slider-track-background,.mtx-slider.cdk-focused .mtx-slider-track-background{background-color:rgba(255,255,255,.3)}.mtx-slider-disabled .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-disabled .mtx-slider-track-fill,.mtx-slider-disabled .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-disabled:hover .mtx-slider-track-background,.mtx-slider-disabled.cdk-focused .mtx-slider-track-background{background-color:rgba(189,189,189,.54)}.mtx-slider-min-value .mtx-slider-focus-ring{background-color:rgba(255,255,255,.12)}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider) .mtx-slider-thumb-label{background-color:#fff}.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb,.mtx-slider-min-value.mtx-slider-thumb-label-showing:not(.mtx-range-slider).cdk-focused .mtx-slider-thumb-label{background-color:rgba(255,255,255,.3)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider) .mtx-slider-thumb{background-color:#bdbdbd}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused .mtx-slider-thumb{background-color:rgba(255,255,255,.3)}.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider):hover.mtx-slider-disabled .mtx-slider-thumb,.mtx-slider-min-value:not(.mtx-slider-thumb-label-showing,.mtx-range-slider).cdk-focused.mtx-slider-disabled .mtx-slider-thumb{border-color:#bdbdbd}.mtx-slider-has-ticks .mtx-slider-wrapper::after{border-color:rgba(255,255,255,.7)}.mtx-slider-horizontal .mtx-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);background-image:repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent)}.mtx-slider-vertical .mtx-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent)}.mtx-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mtx-split>.mtx-split-gutter{background-color:rgba(255,255,255,.12)}.mtx-split>.mtx-split-gutter:hover{background-color:#7b1fa2}.mtx-split>.mtx-split-gutter.mat-accent:hover{background-color:#69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{background-color:#f44336}.mtx-tooltip{background:rgba(97,97,97,.9)}.mtx-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;padding-top:5px;padding-bottom:5px}.mtx-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}

package/select/select.component.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { CanDisable, ErrorStateMatcher } from '@angular/material/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -15,7 +15,7 @@ export declare type GroupValueFn = (key: string | Record<string, any>, children:
 export declare type SearchFn = (term: string, item: any) => boolean;
 export declare type TrackByFn = (item: any) => any;
 /** @docs-private */
-declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
+declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor<CanDisable> & import("@angular/material/core")._AbstractConstructor<CanDisable> & import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
     new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
         /**
          * Emits whenever the component state changes and should cause the parent
@@ -34,11 +34,11 @@ declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor
         ngControl: NgControl;
     };
 };
-export declare class MtxSelectComponent extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
+export declare class MtxSelectComponent extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, CanDisable, MatFormFieldControl<any> {
     protected _changeDetectorRef: ChangeDetectorRef;
     protected _elementRef: ElementRef;
     protected _focusMonitor: FocusMonitor;
-    private _parentFormField?;
+    protected _parentFormField?: MatFormField | undefined;
     ngSelect: NgSelectComponent;
     optionTemplate: TemplateRef<any>;
     optgroupTemplate: TemplateRef<any>;
@@ -150,10 +150,6 @@ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements O
     get required(): boolean;
     set required(value: boolean);
     private _required;
-    /** Whether the select is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
     /** Object used to control when error messages are shown. */
     errorStateMatcher: ErrorStateMatcher;
     /** Aria label of the select. */
@@ -172,6 +168,11 @@ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements O
     _valueId: string;
     /** Whether or not the overlay panel is open. */
     get panelOpen(): boolean;
+    /**
+     * Keeps track of the previous form control assigned to the select.
+     * Used to detect if it has changed.
+     */
+    private _previousControl;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _focusMonitor: FocusMonitor, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl, _parentFormField?: MatFormField | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -222,6 +223,6 @@ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements O
     static ngAcceptInputType_required: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelectComponent, "mtx-select", ["mtxSelect"], { "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelectComponent, "mtx-select", ["mtxSelect"], { "disabled": "disabled"; "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, false>;
 }
 export {};

package/split/_split-theme.scss

@@ -7,7 +7,7 @@
 
   .mtx-split {
     > .mtx-split-gutter {
-      background-color: rgba(theming.get-color-from-palette($foreground, divider), .12);
+      background-color: theming.get-color-from-palette($foreground, divider, .12);
 
       &:hover {
         background-color: theming.get-color-from-palette(map.get($config, primary), text);

package/tooltip/tooltip-module.d.ts

@@ -4,9 +4,10 @@ import * as i2 from "@angular/cdk/a11y";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/overlay";
 import * as i5 from "@angular/material/core";
-import * as i6 from "@angular/cdk/scrolling";
+import * as i6 from "@ng-matero/extensions/core";
+import * as i7 from "@angular/cdk/scrolling";
 export declare class MtxTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i6.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule, typeof i6.MtxPipesModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i7.CdkScrollableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxTooltipModule>;
 }

package/tooltip/tooltip.d.ts

@@ -199,7 +199,6 @@ export declare class TooltipComponent implements OnDestroy {
     private readonly _onHide;
     /** Stream that emits whether the user has a handset-sized display.  */
     _isHandset: Observable<BreakpointState>;
-    _isTemplateRef(obj: any): boolean;
     constructor(_changeDetectorRef: ChangeDetectorRef, _breakpointObserver: BreakpointObserver);
     /**
      * Shows the tooltip with an animation originating from the provided origin

package/_all-theme.scss

@@ -1,47 +0,0 @@
-// Import all the theming functionality.
-@use './alert/alert-theme';
-@use './colorpicker/colorpicker-theme';
-@use './datetimepicker/datetimepicker-theme';
-@use './drawer/drawer-theme';
-@use './grid/grid-theme';
-@use './loader/loader-theme';
-@use './popover/popover-theme';
-@use './progress/progress-theme';
-@use './select/select-theme';
-@use './slider/slider-theme';
-@use './split/split-theme';
-@use './tooltip/tooltip-theme';
-@use './form-group/form-group-theme';
-@use './text3d/text3d-theme';
-
-// Create a theme.
-@mixin all-component-themes($theme) {
-  @include alert-theme.theme($theme);
-  @include colorpicker-theme.theme($theme);
-  @include datetimepicker-theme.theme($theme);
-  @include drawer-theme.theme($theme);
-  @include grid-theme.theme($theme);
-  @include loader-theme.theme($theme);
-  @include popover-theme.theme($theme);
-  @include progress-theme.theme($theme);
-  @include select-theme.theme($theme);
-  @include slider-theme.theme($theme);
-  @include split-theme.theme($theme);
-  @include tooltip-theme.theme($theme);
-}
-
-// @deprecated Use `all-component-themes`.
-@mixin material-extensions-theme($theme) {
-  @include all-component-themes($theme);
-}
-
-// Create a experimental theme.
-@mixin all-experimental-component-themes($theme) {
-  @include form-group-theme.theme($theme);
-  @include text3d-theme.theme($theme);
-}
-
-// @deprecated Use `all-experimental-component-themes`.
-@mixin material-extensions-experimental-theme($theme) {
-  @include all-experimental-component-themes($theme);
-}