@ng-matero/extensions 12.8.0 → 12.9.2
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.
- package/alert/alert.component.d.ts +1 -1
- package/alert/mtxAlert.metadata.json +1 -1
- package/bundles/mtxAlert.umd.js +2 -2
- package/bundles/mtxAlert.umd.js.map +1 -1
- package/bundles/mtxDatetimepicker.umd.js +3 -3
- package/bundles/mtxDatetimepicker.umd.js.map +1 -1
- package/bundles/mtxFormGroup.umd.js +1 -1
- package/bundles/mtxFormGroup.umd.js.map +1 -1
- package/bundles/mtxGrid.umd.js +71 -57
- package/bundles/mtxGrid.umd.js.map +1 -1
- package/datetimepicker/_datetimepicker-theme.scss +2 -2
- package/datetimepicker/calendar.scss +49 -9
- package/datetimepicker/datetimepicker-content.scss +1 -1
- package/datetimepicker/mtxDatetimepicker.metadata.json +1 -1
- package/esm2015/alert/alert.component.js +3 -3
- package/esm2015/datetimepicker/calendar.js +3 -3
- package/esm2015/datetimepicker/datetimepicker.js +1 -1
- package/esm2015/form-group/form-group.component.js +2 -2
- package/esm2015/grid/cell.component.js +28 -31
- package/esm2015/grid/column-menu.component.js +29 -8
- package/esm2015/grid/grid.component.js +14 -18
- package/esm2015/grid/grid.interface.js +1 -1
- package/fesm2015/mtxAlert.js +2 -2
- package/fesm2015/mtxAlert.js.map +1 -1
- package/fesm2015/mtxDatetimepicker.js +3 -3
- package/fesm2015/mtxDatetimepicker.js.map +1 -1
- package/fesm2015/mtxFormGroup.js +1 -1
- package/fesm2015/mtxFormGroup.js.map +1 -1
- package/fesm2015/mtxGrid.js +68 -54
- package/fesm2015/mtxGrid.js.map +1 -1
- package/form-group/mtxFormGroup.metadata.json +1 -1
- package/grid/cell.component.d.ts +1 -6
- package/grid/cell.component.scss +0 -9
- package/grid/column-menu.component.d.ts +10 -5
- package/grid/column-menu.component.scss +28 -2
- package/grid/grid.component.d.ts +5 -5
- package/grid/grid.component.scss +27 -9
- package/grid/grid.interface.d.ts +12 -12
- package/grid/mtxGrid.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2dyaWQvZ3JpZC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnUsIE1hdE1lbnVUcmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbi8qKiBDb2x1bW4gZGVmaW5pdGlvbiBvZiBncmlkLiAqL1xuZXhwb3J0IGludGVyZmFjZSBNdHhHcmlkQ29sdW1uIHtcbiAgZmllbGQ6IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2dyaWQvZ3JpZC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnUsIE1hdE1lbnVUcmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbi8qKiBDb2x1bW4gZGVmaW5pdGlvbiBvZiBncmlkLiAqL1xuZXhwb3J0IGludGVyZmFjZSBNdHhHcmlkQ29sdW1uIHtcbiAgZmllbGQ6IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBoaWRlPzogYm9vbGVhbjtcbiAgc2hvdz86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgcGlubmVkPzogTXR4R3JpZENvbHVtblBpblZhbHVlO1xuICBsZWZ0Pzogc3RyaW5nO1xuICByaWdodD86IHN0cmluZztcbiAgd2lkdGg/OiBzdHJpbmc7XG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIG1pbldpZHRoPzogbnVtYmVyO1xuICBtYXhXaWR0aD86IG51bWJlcjtcbiAgc29ydGFibGU/OiBib29sZWFuIHwgc3RyaW5nO1xuICBzb3J0UHJvcD86IE10eEdyaWRTb3J0UHJvcDtcbiAgdHlwZT86IE10eEdyaWRDb2x1bW5UeXBlO1xuICB0eXBlUGFyYW1ldGVyPzogTXR4R3JpZENvbHVtblR5cGVQYXJhbWV0ZXI7XG4gIHRhZz86IE10eEdyaWRDb2x1bW5UYWc7XG4gIGJ1dHRvbnM/OiBNdHhHcmlkQ29sdW1uQnV0dG9uW107XG4gIGZvcm1hdHRlcj86IChyb3dEYXRhOiBhbnksIGNvbERlZj86IE10eEdyaWRDb2x1bW4pID0+IHZvaWQ7XG4gIGNlbGxUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsO1xuICBzaG93RXhwYW5kPzogYm9vbGVhbjtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHN1bW1hcnk/OiAoKGRhdGE6IGFueVtdLCBjb2xEZWY/OiBNdHhHcmlkQ29sdW1uKSA9PiB2b2lkKSB8IHN0cmluZztcbiAgY2xhc3M/OiBzdHJpbmc7XG59XG5cbi8qKiBQb3NzaWJsZSBjb2x1bW4gcGluIHZhbHVlcy4gICovXG5leHBvcnQgZGVjbGFyZSB0eXBlIE10eEdyaWRDb2x1bW5QaW5WYWx1ZSA9ICdsZWZ0JyB8ICdyaWdodCcgfCBudWxsO1xuXG4vKiogQ29sdW1uIHBpbiBvcHRpb24gICovXG5leHBvcnQgaW50ZXJmYWNlIE10eEdyaWRDb2x1bW5QaW5PcHRpb24ge1xuICBsYWJlbDogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICB2YWx1ZTogTXR4R3JpZENvbHVtblBpblZhbHVlO1xufVxuXG4vKiogUG9zc2libGUgY29sdW1uIHR5cGUgdmFsdWVzLiAqL1xuZXhwb3J0IGRlY2xhcmUgdHlwZSBNdHhHcmlkQ29sdW1uVHlwZSA9XG4gIHwgJ3RhZydcbiAgfCAnYnV0dG9uJ1xuICB8ICdsaW5rJ1xuICB8ICdpbWFnZSdcbiAgfCAnYm9vbGVhbidcbiAgfCAnbnVtYmVyJ1xuICB8ICdjdXJyZW5jeSdcbiAgfCAncGVyY2VudCdcbiAgfCAnZGF0ZSc7XG5cbi8qKiBDb2x1bW4gdHlwZSBwYXJhbWV0ZXIuICovXG5leHBvcnQgaW50ZXJmYWNlIE10eEdyaWRDb2x1bW5UeXBlUGFyYW1ldGVyIHtcbiAgY3VycmVuY3lDb2RlPzogc3RyaW5nO1xuICBkaXNwbGF5Pzogc3RyaW5nIHwgYm9vbGVhbjtcbiAgZGlnaXRzSW5mbz86IHN0cmluZztcbiAgZm9ybWF0Pzogc3RyaW5nO1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIHRpbWV6b25lPzogc3RyaW5nO1xufVxuXG4vKiogVGhlIHByb3BlcnRpZXMgb2YgZGF0YSBzb3J0LiAqL1xuZXhwb3J0IGludGVyZmFjZSBNdHhHcmlkU29ydFByb3Age1xuICBhcnJvd1Bvc2l0aW9uPzogJ2JlZm9yZScgfCAnYWZ0ZXInO1xuICBkaXNhYmxlQ2xlYXI/OiBib29sZWFuO1xuICBpZD86IHN0cmluZztcbiAgc3RhcnQ/OiAnYXNjJyB8ICdkZXNjJztcbn1cblxuLyoqIENvbHVtbiB0YWcgb2YgZ3JpZC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgTXR4R3JpZENvbHVtblRhZyB7XG4gIFtrZXk6IG51bWJlcl06IE10eEdyaWRDb2x1bW5UYWdWYWx1ZTtcbiAgW2tleTogc3RyaW5nXTogTXR4R3JpZENvbHVtblRhZ1ZhbHVlO1xufVxuXG4vKiogVGhlIHByb3BlcnRpZXMgb2YgY29sdW1uIHRhZy4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgTXR4R3JpZENvbHVtblRhZ1ZhbHVlIHtcbiAgdGV4dD86IHN0cmluZztcbiAgY29sb3I/OiBzdHJpbmc7XG59XG5cbi8qKiBUaGUgcHJvcGVydGllcyBvZiBjb2x1bW4gYnV0dG9uLiAqL1xuZXhwb3J0IGludGVyZmFjZSBNdHhHcmlkQ29sdW1uQnV0dG9uIHtcbiAgdHlwZT86ICdiYXNpYycgfCAnaWNvbic7XG4gIHRleHQ/OiBzdHJpbmcgfCBPYnNlcnZhYmxlPHN0cmluZz47XG4gIGljb24/OiBzdHJpbmc7XG4gIGNvbG9yPzogVGhlbWVQYWxldHRlO1xuICBjbGFzcz86IHN0cmluZztcbiAgY2xpY2s/OiAocmVjb3JkOiBhbnkpID0+IHZvaWQ7XG4gIHBvcD86IGJvb2xlYW47XG4gIHBvcFRpdGxlPzogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwb3BEZXNjcmlwdGlvbj86IHN0cmluZyB8IE9ic2VydmFibGU8c3RyaW5nPjtcbiAgcG9wT2tDb2xvcj86IFRoZW1lUGFsZXR0ZTtcbiAgcG9wT2tUZXh0Pzogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwb3BDbG9zZUNvbG9yPzogVGhlbWVQYWxldHRlO1xuICBwb3BDbG9zZVRleHQ/OiBzdHJpbmcgfCBPYnNlcnZhYmxlPHN0cmluZz47XG4gIGNoaWxkcmVuPzogTXR4R3JpZENvbHVtbkJ1dHRvbltdO1xuICBpaWY/OiAocmVjb3JkOiBhbnkpID0+IGJvb2xlYW47XG4gIHRvb2x0aXA/OiBzdHJpbmcgfCBPYnNlcnZhYmxlPHN0cmluZz47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn1cblxuLyoqIENlbGwgdGVtcGxhdGUuICovXG5leHBvcnQgaW50ZXJmYWNlIE10eEdyaWRDZWxsVGVtcGxhdGUge1xuICBba2V5OiBzdHJpbmddOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuXG4vKiogUm93IHNlbGVjdGlvbiBmb3JtYXR0ZXIuICovXG5leHBvcnQgaW50ZXJmYWNlIE10eEdyaWRSb3dTZWxlY3Rpb25Gb3JtYXR0ZXIge1xuICBkaXNhYmxlZD86IChyb3dEYXRhOiBhbnksIGluZGV4PzogbnVtYmVyKSA9PiBib29sZWFuO1xuICBoaWRlQ2hlY2tib3g/OiAocm93RGF0YTogYW55LCBpbmRleD86IG51bWJlcikgPT4gYm9vbGVhbjtcbn1cblxuLyoqIFJvdyBjbGFzcyBmb3JtYXR0ZXIuICovXG5leHBvcnQgaW50ZXJmYWNlIE10eEdyaWRSb3dDbGFzc0Zvcm1hdHRlciB7XG4gIFtjbGFzc05hbWU6IHN0cmluZ106IChyb3dEYXRhOiBhbnksIGluZGV4PzogbnVtYmVyKSA9PiBib29sZWFuO1xufVxuXG4vKiogQ29sdW1uIG1lbnUgY29tcG9uZW50LiAqL1xuZXhwb3J0IGludGVyZmFjZSBNdHhHcmlkQ29sdW1uTWVudSB7XG4gIG1lbnVQYW5lbDogTWF0TWVudTtcbiAgbWVudVRyaWdnZXI6IE1hdE1lbnVUcmlnZ2VyO1xufVxuXG4vKiogUG9zc2libGUgYnV0dG9uIHR5cGUgdmFsdWVzLiAqL1xuZXhwb3J0IHR5cGUgTXR4R3JpZEJ1dHRvblR5cGUgPSAncmFpc2VkJyB8ICdzdHJva2VkJyB8ICdmbGF0JyB8ICdpY29uJyB8ICdmYWInIHwgJ21pbmktZmFiJztcbiJdfQ==
|
package/fesm2015/mtxAlert.js
CHANGED
|
@@ -13,7 +13,7 @@ class MtxAlertComponent {
|
|
|
13
13
|
/** This event fires when alert closed, $event is an instance of Alert component */
|
|
14
14
|
this.closed = new EventEmitter();
|
|
15
15
|
}
|
|
16
|
-
get
|
|
16
|
+
get _hostClassList() {
|
|
17
17
|
return `mtx-alert-${this.type} mat-elevation-z${this.elevation}`;
|
|
18
18
|
}
|
|
19
19
|
/** Whether displays an inline `Close` button */
|
|
@@ -56,7 +56,7 @@ MtxAlertComponent.ctorParameters = () => [
|
|
|
56
56
|
];
|
|
57
57
|
/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
|
|
58
58
|
MtxAlertComponent.propDecorators = {
|
|
59
|
-
|
|
59
|
+
_hostClassList: [{ type: HostBinding, args: ['class',] }],
|
|
60
60
|
type: [{ type: Input }],
|
|
61
61
|
dismissible: [{ type: Input }],
|
|
62
62
|
elevation: [{ type: Input }],
|
package/fesm2015/mtxAlert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mtxAlert.js","sources":["../../../projects/extensions/alert/alert.component.ts","../../../projects/extensions/alert/alert.module.ts","../../../projects/extensions/alert/mtxAlert.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n HostBinding,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n selector: 'mtx-alert',\n exportAs: 'mtxAlert',\n host: {\n '[class.mtx-alert]': 'true',\n '[class.mtx-alert-dismissible]': 'dismissible',\n 'role': 'alert',\n },\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxAlertComponent {\n @HostBinding('class')
|
|
1
|
+
{"version":3,"file":"mtxAlert.js","sources":["../../../projects/extensions/alert/alert.component.ts","../../../projects/extensions/alert/alert.module.ts","../../../projects/extensions/alert/mtxAlert.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n HostBinding,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n selector: 'mtx-alert',\n exportAs: 'mtxAlert',\n host: {\n '[class.mtx-alert]': 'true',\n '[class.mtx-alert-dismissible]': 'dismissible',\n 'role': 'alert',\n },\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxAlertComponent {\n @HostBinding('class')\n get _hostClassList() {\n return `mtx-alert-${this.type} mat-elevation-z${this.elevation}`;\n }\n\n /** The alert type */\n @Input() type: MtxAlertType = 'default';\n\n /** Whether displays an inline `Close` button */\n @Input()\n get dismissible(): boolean {\n return this._dismissible;\n }\n set dismissible(value: boolean) {\n this._dismissible = coerceBooleanProperty(value);\n }\n private _dismissible = false;\n\n /** Material elevation */\n @Input() elevation = 0;\n\n /** This event fires when alert closed, $event is an instance of Alert component */\n @Output() closed = new EventEmitter<MtxAlertComponent>();\n\n constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n _onClosed(): void {\n this._changeDetectorRef.markForCheck();\n this.closed.emit(this);\n }\n\n static ngAcceptInputType_dismissible: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxAlertComponent } from './alert.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxAlertComponent],\n declarations: [MtxAlertComponent],\n})\nexport class MtxAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA2Ba,iBAAiB;IAyB5B,YAAoB,kBAAqC;QAArC,uBAAkB,GAAlB,kBAAkB,CAAmB;;QAlBhD,SAAI,GAAiB,SAAS,CAAC;QAUhC,iBAAY,GAAG,KAAK,CAAC;;QAGpB,cAAS,GAAG,CAAC,CAAC;;QAGb,WAAM,GAAG,IAAI,YAAY,EAAqB,CAAC;KAEI;IAxB7D,IACI,cAAc;QAChB,OAAO,aAAa,IAAI,CAAC,IAAI,mBAAmB,IAAI,CAAC,SAAS,EAAE,CAAC;KAClE;;IAMD,IACI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;IACD,IAAI,WAAW,CAAC,KAAc;QAC5B,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAClD;IAWD,SAAS;QACP,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACxB;;;;YA3CF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE;oBACJ,mBAAmB,EAAE,MAAM;oBAC3B,+BAA+B,EAAE,aAAa;oBAC9C,MAAM,EAAE,OAAO;iBAChB;gBACD,4PAAqC;gBAErC,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;;;;;;;YAnBC,iBAAiB;;;;6BAqBhB,WAAW,SAAC,OAAO;mBAMnB,KAAK;0BAGL,KAAK;wBAUL,KAAK;qBAGL,MAAM;;;MCxCI,cAAc;;;;YAL1B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,YAAY,EAAE,CAAC,iBAAiB,CAAC;aAClC;;;ACTD;;;;;;"}
|
|
@@ -918,7 +918,7 @@ class MtxCalendar {
|
|
|
918
918
|
MtxCalendar.decorators = [
|
|
919
919
|
{ type: Component, args: [{
|
|
920
920
|
selector: 'mtx-calendar',
|
|
921
|
-
template: "<div class=\"mtx-calendar-header\">\n <div (click)=\"_yearClicked()\"
|
|
921
|
+
template: "<div class=\"mtx-calendar-header\">\n <div (click)=\"_yearClicked()\" *ngIf=\"type !== 'time'\"\n [class.active]=\"currentView === 'year' || currentView === 'multi-year'\"\n class=\"mtx-calendar-header-year\" role=\"button\">\n <span>{{ _yearLabel }}</span>\n <svg *ngIf=\"multiYearSelector || type === 'year'\"\n class=\"mtx-calendar-header-year-dropdown\"\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7,10L12,15L17,10H7Z\"></path>\n </svg>\n </div>\n <div class=\"mtx-calendar-header-date-time\">\n <span (click)=\"_dateClicked()\" *ngIf=\"type !== 'time' && type !== 'year'\"\n [class.active]=\"currentView === 'month'\"\n [class.not-clickable]=\"type === 'month'\"\n class=\"mtx-calendar-header-date\"\n role=\"button\">{{ _dateLabel }}</span>\n <span *ngIf=\"type.endsWith('time')\"\n [class.active]=\"currentView === 'clock'\"\n class=\"mtx-calendar-header-time\">\n <span class=\"mtx-calendar-header-hour-minute-container\">\n <span (click)=\"_hoursClicked()\"\n [class.active]=\"_clockView === 'hour'\"\n class=\"mtx-calendar-header-hours\"\n role=\"button\">{{ _hoursLabel }}</span>\n <span class=\"mtx-calendar-header-hour-minute-separator\">:</span>\n <span (click)=\"_minutesClicked()\"\n [class.active]=\"_clockView === 'minute'\"\n class=\"mtx-calendar-header-minutes\"\n role=\"button\">{{ _minutesLabel }}</span>\n </span>\n <span *ngIf=\"twelvehour\" class=\"mtx-calendar-header-ampm-container\">\n <span (click)=\"_ampmClicked('AM')\"\n [class.active]=\"_AMPM === 'AM'\"\n class=\"mtx-calendar-header-ampm\" role=\"button\">AM</span>\n <span (click)=\"_ampmClicked('PM')\"\n [class.active]=\"_AMPM === 'PM'\"\n class=\"mtx-calendar-header-ampm\" role=\"button\">PM</span>\n </span>\n </span>\n </div>\n</div>\n<div class=\"mtx-calendar-content\" [ngSwitch]=\"currentView\">\n <div *ngIf=\"currentView === 'month' || currentView === 'year' || currentView === 'multi-year'\"\n class=\"mtx-month-content\">\n <div class=\"mtx-calendar-controls\">\n <button mat-icon-button type=\"button\" (click)=\"_previousClicked()\"\n [attr.aria-disabled]=\"!_previousEnabled()\"\n [attr.aria-label]=\"_ariaLabelPrev\"\n [class.disabled]=\"!_previousEnabled()\"\n class=\"mtx-calendar-previous-button\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\n </svg>\n </button>\n <div [@slideCalendar]=\"_calendarState\"\n (@slideCalendar.done)=\"_calendarStateDone()\"\n class=\"mtx-calendar-period-button\">\n <strong>{{ _monthYearLabel }}</strong>\n </div>\n <button mat-icon-button type=\"button\" (click)=\"_nextClicked()\"\n [attr.aria-disabled]=\"!_nextEnabled()\"\n [attr.aria-label]=\"_ariaLabelNext\"\n [class.disabled]=\"!_nextEnabled()\"\n class=\"mtx-calendar-next-button\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\n </svg>\n </button>\n </div>\n </div>\n <mtx-month-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_dateSelected($event)\"\n *ngSwitchCase=\"'month'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [selected]=\"selected!\"\n [type]=\"type\">\n </mtx-month-view>\n <mtx-year-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_monthSelected($event)\"\n *ngSwitchCase=\"'year'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [selected]=\"selected!\"\n [type]=\"type\">\n </mtx-year-view>\n <mtx-multi-year-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_yearSelected($event)\"\n *ngSwitchCase=\"'multi-year'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selected]=\"selected!\"\n [type]=\"type\">\n </mtx-multi-year-view>\n <mtx-clock (_userSelection)=\"_userSelected()\"\n (activeDateChange)=\"_onActiveDateChange($event)\"\n (selectedChange)=\"_timeSelected($event)\"\n *ngSwitchDefault\n [dateFilter]=\"dateFilter\"\n [interval]=\"timeInterval\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selected]=\"_activeDate\"\n [startView]=\"_clockView\"\n [twelvehour]=\"twelvehour\">\n </mtx-clock>\n</div>\n",
|
|
922
922
|
host: {
|
|
923
923
|
'class': 'mtx-calendar',
|
|
924
924
|
'tabindex': '0',
|
|
@@ -928,7 +928,7 @@ MtxCalendar.decorators = [
|
|
|
928
928
|
animations: [mtxDatetimepickerAnimations.slideCalendar],
|
|
929
929
|
encapsulation: ViewEncapsulation.None,
|
|
930
930
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
931
|
-
styles: [".mtx-calendar{display:block;outline:none}.mtx-calendar[mode=landscape]{display:flex}.mtx-calendar-header{padding:16px;box-sizing:border-box;border-radius:4px 4px 0 0}[mode=landscape] .mtx-calendar-header{width:150px;min-width:150px;border-radius:4px 0 0 4px}[dir=rtl] [mode=landscape] .mtx-calendar-header{border-radius:0 4px 4px 0}.mtx-calendar-header-year,.mtx-calendar-header-date-time{width:100%;white-space:nowrap}.mtx-calendar-header-year{
|
|
931
|
+
styles: [".mtx-calendar{display:block;outline:none}.mtx-calendar[mode=landscape]{display:flex}.mtx-calendar-header{padding:16px;box-sizing:border-box;border-radius:4px 4px 0 0}[mode=landscape] .mtx-calendar-header{width:150px;min-width:150px;border-radius:4px 0 0 4px}[dir=rtl] [mode=landscape] .mtx-calendar-header{border-radius:0 4px 4px 0}.mtx-calendar-header-year,.mtx-calendar-header-date-time{width:100%;white-space:nowrap}.mtx-calendar-header-year{line-height:24px}.mtx-calendar-header-year>*{vertical-align:middle}.mtx-calendar-header-year+.mtx-calendar-header-date-time{margin-top:4px}.mtx-calendar-header-date-time{line-height:36px}[mode=landscape] .mtx-calendar-header-date-time{white-space:normal;word-wrap:break-word}.mtx-calendar-header-year:not(.active),.mtx-calendar-header-date:not(.active),.mtx-calendar-header-hours:not(.active),.mtx-calendar-header-minutes:not(.active),.mtx-calendar-header-ampm:not(.active){cursor:pointer;opacity:.6}.mtx-calendar-header-year.not-clickable,.mtx-calendar-header-date.not-clickable,.mtx-calendar-header-hours.not-clickable,.mtx-calendar-header-minutes.not-clickable,.mtx-calendar-header-ampm.not-clickable{cursor:initial}.mtx-calendar-header-time{display:inline-flex}.mtx-calendar-header-time:not(.active){opacity:.6}.mtx-calendar-header-time:not(.active) .mtx-calendar-header-hours,.mtx-calendar-header-time:not(.active) .mtx-calendar-header-minutes,.mtx-calendar-header-time:not(.active) .mtx-calendar-header-ampm{cursor:pointer;opacity:1}[mode=landscape] .mtx-calendar-header-time{display:flex;flex-direction:column}.mtx-calendar-header-hour-minute-container{padding:0 8px}[mode=landscape] .mtx-calendar-header-hour-minute-container{padding:0}.mtx-calendar-header-hour-minute-separator{display:inline-block;width:8px;text-align:center}.mtx-calendar-header-ampm-container{display:inline-flex;flex-direction:column;line-height:18px}[mode=landscape] .mtx-calendar-header-ampm-container{flex-direction:row}[mode=landscape] .mtx-calendar-header-ampm{padding:4px}.mtx-calendar-content{width:100%;padding:8px;outline:none;box-sizing:border-box;overflow:hidden}.mtx-calendar-controls{display:flex;justify-content:space-between;margin:0 calc(4.7142857143% - 16px)}.mtx-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:.04}.mtx-calendar-period-button{display:inline-block;height:40px;line-height:40px;outline:none;border:0;background:transparent;box-sizing:border-box}.mtx-calendar-previous-button.disabled,.mtx-calendar-next-button.disabled{pointer-events:none}.mtx-calendar-previous-button svg,.mtx-calendar-next-button svg{fill:currentColor;vertical-align:top}[dir=rtl] .mtx-calendar-previous-button svg,[dir=rtl] .mtx-calendar-next-button svg{transform:rotate(180deg)}.mtx-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mtx-calendar-table-header th{text-align:center;padding:8px 0}@media all and (orientation: landscape){.mtx-calendar[mode=auto]{display:flex}.mtx-calendar[mode=auto] .mtx-calendar-header{width:150px;min-width:150px;border-radius:4px 0 0 4px}[dir=rtl] .mtx-calendar[mode=auto] .mtx-calendar-header{border-radius:0 4px 4px 0}.mtx-calendar[mode=auto] .mtx-calendar-header-date-time{white-space:normal;word-wrap:break-word}.mtx-calendar[mode=auto] .mtx-calendar-header-time{display:flex;flex-direction:column}.mtx-calendar[mode=auto] .mtx-calendar-header-hour-minute-container{padding:0}.mtx-calendar[mode=auto] .mtx-calendar-header-ampm-container{flex-direction:row}.mtx-calendar[mode=auto] .mtx-calendar-header-ampm{padding:4px}}\n"]
|
|
932
932
|
},] }
|
|
933
933
|
];
|
|
934
934
|
/**
|
|
@@ -1310,7 +1310,7 @@ MtxDatetimepickerContent.decorators = [
|
|
|
1310
1310
|
encapsulation: ViewEncapsulation.None,
|
|
1311
1311
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1312
1312
|
inputs: ['color'],
|
|
1313
|
-
styles: [".mtx-datetimepicker-content{display:block;border-radius:4px}.mtx-datetimepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.mtx-datetimepicker-content .mtx-calendar{width:296px;height:
|
|
1313
|
+
styles: [".mtx-datetimepicker-content{display:block;border-radius:4px}.mtx-datetimepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.mtx-datetimepicker-content .mtx-calendar{width:296px;height:424px}.mtx-datetimepicker-content .mtx-calendar[mode=landscape]{width:446px;height:328px}@media all and (orientation: landscape){.mtx-datetimepicker-content .mtx-calendar[mode=auto]{width:446px;height:328px}}.mtx-datetimepicker-content-touch{display:block;max-height:80vh;position:relative;overflow:visible}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container{min-height:300px;max-height:850px;min-width:250px;max-width:750px}.mtx-datetimepicker-content-touch .mtx-calendar{width:100%;height:auto}@media all and (orientation: landscape){.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=auto],.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=landscape]{width:120vh;height:80vh}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=auto] .mtx-calendar,.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=landscape] .mtx-calendar{width:auto;height:100%}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=portrait]{width:64vh;height:90vh}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=portrait] .mtx-calendar{width:100%;height:auto}}@media all and (orientation: portrait){.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=auto],.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=portrait]{width:80vw;height:120vw}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=auto] .mtx-calendar,.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=portrait] .mtx-calendar{width:100%;height:auto}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=landscape]{width:90vw;height:64vw}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container[mode=landscape] .mtx-calendar{width:auto;height:100%}.mtx-datetimepicker-content-touch .mtx-datetimepicker-content-container-with-actions{height:135vw}}\n"]
|
|
1314
1314
|
},] }
|
|
1315
1315
|
];
|
|
1316
1316
|
/**
|