@dhutaryan/ngx-mat-timepicker 15.4.1 → 15.4.3
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/esm2020/lib/time-period.mjs +15 -13
- package/esm2020/lib/timepicker-intl.mjs +11 -1
- package/esm2020/lib/timepicker-toggle.mjs +2 -2
- package/fesm2015/dhutaryan-ngx-mat-timepicker.mjs +27 -17
- package/fesm2015/dhutaryan-ngx-mat-timepicker.mjs.map +1 -1
- package/fesm2020/dhutaryan-ngx-mat-timepicker.mjs +27 -17
- package/fesm2020/dhutaryan-ngx-mat-timepicker.mjs.map +1 -1
- package/lib/time-period.d.ts +3 -0
- package/lib/timepicker-intl.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, EventEmitter, } from '@angular/core';
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "@angular/material/
|
|
4
|
+
import * as i1 from "./timepicker-intl";
|
|
5
|
+
import * as i2 from "@angular/material/core";
|
|
6
|
+
import * as i3 from "@angular/material/divider";
|
|
6
7
|
export class MatTimePeriod {
|
|
7
|
-
constructor() {
|
|
8
|
-
this._vertical = true;
|
|
9
|
-
this._period = 'am';
|
|
10
|
-
this._disabledPeriod = null;
|
|
11
|
-
this.periodChanged = new EventEmitter();
|
|
12
|
-
}
|
|
13
8
|
/** Whether the time period is vertically aligned. */
|
|
14
9
|
get vertical() {
|
|
15
10
|
return this._vertical;
|
|
@@ -29,6 +24,13 @@ export class MatTimePeriod {
|
|
|
29
24
|
set disabledPeriod(value) {
|
|
30
25
|
this._disabledPeriod = value;
|
|
31
26
|
}
|
|
27
|
+
constructor(_intl) {
|
|
28
|
+
this._intl = _intl;
|
|
29
|
+
this._vertical = true;
|
|
30
|
+
this._period = 'am';
|
|
31
|
+
this._disabledPeriod = null;
|
|
32
|
+
this.periodChanged = new EventEmitter();
|
|
33
|
+
}
|
|
32
34
|
setPeriod(event, period) {
|
|
33
35
|
event.preventDefault();
|
|
34
36
|
this.period = period;
|
|
@@ -41,8 +43,8 @@ export class MatTimePeriod {
|
|
|
41
43
|
return this.disabledPeriod === period;
|
|
42
44
|
}
|
|
43
45
|
}
|
|
44
|
-
MatTimePeriod.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
MatTimePeriod.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MatTimePeriod, selector: "mat-time-period", inputs: { vertical: "vertical", period: "period", disabledPeriod: "disabledPeriod" }, outputs: { periodChanged: "periodChanged" }, host: { properties: { "class.mat-time-period-vertical": "vertical", "class.mat-time-period-horizontal": "!vertical", "attr.aria-orientation": "vertical ? \"vertical\" : \"horizontal\"" }, classAttribute: "mat-time-period" }, ngImport: i0, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event,'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n
|
|
46
|
+
MatTimePeriod.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, deps: [{ token: i1.MatTimepickerIntl }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
MatTimePeriod.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MatTimePeriod, selector: "mat-time-period", inputs: { vertical: "vertical", period: "period", disabledPeriod: "disabledPeriod" }, outputs: { periodChanged: "periodChanged" }, host: { properties: { "class.mat-time-period-vertical": "vertical", "class.mat-time-period-horizontal": "!vertical", "attr.aria-orientation": "vertical ? \"vertical\" : \"horizontal\"" }, classAttribute: "mat-time-period" }, ngImport: i0, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event, 'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n {{ _intl.am }}\n</div>\n<mat-divider [vertical]=\"!vertical\"></mat-divider>\n<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'pm'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('pm')\"\n (click)=\"setPeriod($event, 'pm')\"\n (keydown.space)=\"setPeriod($event, 'pm')\"\n>\n {{ _intl.pm }}\n</div>\n", styles: [".mat-time-period{display:flex;text-align:center;border-width:1px;border-style:solid;border-radius:.25rem;box-sizing:border-box}.mat-time-period-vertical{flex-direction:column;width:3.25rem;height:4.5rem}.mat-time-period-horizontal{flex-direction:row;max-width:13.5rem;width:100%;height:2.5rem}.mat-time-period-item{display:flex;flex-direction:column;justify-content:center;flex-grow:1;height:100%;font-size:.875rem;font-weight:500;cursor:pointer}.mat-time-period-item-disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
46
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, decorators: [{
|
|
47
49
|
type: Component,
|
|
48
50
|
args: [{ selector: 'mat-time-period', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
@@ -50,8 +52,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
50
52
|
'[class.mat-time-period-vertical]': 'vertical',
|
|
51
53
|
'[class.mat-time-period-horizontal]': '!vertical',
|
|
52
54
|
'[attr.aria-orientation]': 'vertical ? "vertical" : "horizontal"',
|
|
53
|
-
}, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event,'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n
|
|
54
|
-
}], propDecorators: { vertical: [{
|
|
55
|
+
}, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event, 'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n {{ _intl.am }}\n</div>\n<mat-divider [vertical]=\"!vertical\"></mat-divider>\n<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'pm'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('pm')\"\n (click)=\"setPeriod($event, 'pm')\"\n (keydown.space)=\"setPeriod($event, 'pm')\"\n>\n {{ _intl.pm }}\n</div>\n", styles: [".mat-time-period{display:flex;text-align:center;border-width:1px;border-style:solid;border-radius:.25rem;box-sizing:border-box}.mat-time-period-vertical{flex-direction:column;width:3.25rem;height:4.5rem}.mat-time-period-horizontal{flex-direction:row;max-width:13.5rem;width:100%;height:2.5rem}.mat-time-period-item{display:flex;flex-direction:column;justify-content:center;flex-grow:1;height:100%;font-size:.875rem;font-weight:500;cursor:pointer}.mat-time-period-item-disabled{pointer-events:none}\n"] }]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i1.MatTimepickerIntl }]; }, propDecorators: { vertical: [{
|
|
55
57
|
type: Input
|
|
56
58
|
}], period: [{
|
|
57
59
|
type: Input
|
|
@@ -60,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
60
62
|
}], periodChanged: [{
|
|
61
63
|
type: Output
|
|
62
64
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1wZXJpb2QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXQtdGltZXBpY2tlci9zcmMvbGliL3RpbWUtcGVyaW9kLnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0LXRpbWVwaWNrZXIvc3JjL2xpYi90aW1lLXBlcmlvZC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBbUI1RSxNQUFNLE9BQU8sYUFBYTtJQUN4QixxREFBcUQ7SUFDckQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFtQjtRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFHRCxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksTUFBTSxDQUFDLEtBQXdCO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQztJQUMvQixDQUFDO0lBR0QsSUFDSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUM5QixDQUFDO0lBQ0QsSUFBSSxjQUFjLENBQUMsS0FBK0I7UUFDaEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUtELFlBQW1CLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBdEJuQyxjQUFTLEdBQVksSUFBSSxDQUFDO1FBUzFCLFlBQU8sR0FBc0IsSUFBSSxDQUFDO1FBU2xDLG9CQUFlLEdBQTZCLElBQUksQ0FBQztRQUUvQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO0lBRWxCLENBQUM7SUFFL0MsU0FBUyxDQUFDLEtBQVksRUFBRSxNQUF5QjtRQUMvQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGlCQUFpQixDQUFDLE1BQXlCO1FBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQyxjQUFjLEtBQUssTUFBTSxDQUFDO0lBQ3hDLENBQUM7OzBHQTdDVSxhQUFhOzhGQUFiLGFBQWEsMlpDM0IxQiw0cUJBdUJBOzJGRElhLGFBQWE7a0JBYnpCLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsa0NBQWtDLEVBQUUsVUFBVTt3QkFDOUMsb0NBQW9DLEVBQUUsV0FBVzt3QkFDakQseUJBQXlCLEVBQUUsc0NBQXNDO3FCQUNsRTt3R0FLRyxRQUFRO3NCQURYLEtBQUs7Z0JBVUYsTUFBTTtzQkFEVCxLQUFLO2dCQVVGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBU0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBNYXRUaW1lcGlja2VySW50bCB9IGZyb20gJy4vdGltZXBpY2tlci1pbnRsJztcblxuZXhwb3J0IHR5cGUgTWF0VGltZVBlcmlvZFR5cGUgPSAnYW0nIHwgJ3BtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0LXRpbWUtcGVyaW9kJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbWUtcGVyaW9kLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90aW1lLXBlcmlvZC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdtYXQtdGltZS1wZXJpb2QnLFxuICAgICdbY2xhc3MubWF0LXRpbWUtcGVyaW9kLXZlcnRpY2FsXSc6ICd2ZXJ0aWNhbCcsXG4gICAgJ1tjbGFzcy5tYXQtdGltZS1wZXJpb2QtaG9yaXpvbnRhbF0nOiAnIXZlcnRpY2FsJyxcbiAgICAnW2F0dHIuYXJpYS1vcmllbnRhdGlvbl0nOiAndmVydGljYWwgPyBcInZlcnRpY2FsXCIgOiBcImhvcml6b250YWxcIicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIE1hdFRpbWVQZXJpb2Qge1xuICAvKiogV2hldGhlciB0aGUgdGltZSBwZXJpb2QgaXMgdmVydGljYWxseSBhbGlnbmVkLiAqL1xuICBASW5wdXQoKVxuICBnZXQgdmVydGljYWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3ZlcnRpY2FsO1xuICB9XG4gIHNldCB2ZXJ0aWNhbCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5fdmVydGljYWwgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG4gIHByaXZhdGUgX3ZlcnRpY2FsOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBnZXQgcGVyaW9kKCk6IE1hdFRpbWVQZXJpb2RUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5fcGVyaW9kO1xuICB9XG4gIHNldCBwZXJpb2QodmFsdWU6IE1hdFRpbWVQZXJpb2RUeXBlKSB7XG4gICAgdGhpcy5fcGVyaW9kID0gdmFsdWUgfHwgJ2FtJztcbiAgfVxuICBwcml2YXRlIF9wZXJpb2Q6IE1hdFRpbWVQZXJpb2RUeXBlID0gJ2FtJztcblxuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWRQZXJpb2QoKTogTWF0VGltZVBlcmlvZFR5cGUgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWRQZXJpb2Q7XG4gIH1cbiAgc2V0IGRpc2FibGVkUGVyaW9kKHZhbHVlOiBNYXRUaW1lUGVyaW9kVHlwZSB8IG51bGwpIHtcbiAgICB0aGlzLl9kaXNhYmxlZFBlcmlvZCA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2Rpc2FibGVkUGVyaW9kOiBNYXRUaW1lUGVyaW9kVHlwZSB8IG51bGwgPSBudWxsO1xuXG4gIEBPdXRwdXQoKSBwZXJpb2RDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNYXRUaW1lUGVyaW9kVHlwZT4oKTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2ludGw6IE1hdFRpbWVwaWNrZXJJbnRsKSB7fVxuXG4gIHNldFBlcmlvZChldmVudDogRXZlbnQsIHBlcmlvZDogTWF0VGltZVBlcmlvZFR5cGUpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMucGVyaW9kID0gcGVyaW9kO1xuICAgIHRoaXMucGVyaW9kQ2hhbmdlZC5lbWl0KHBlcmlvZCk7XG4gIH1cblxuICBfaXNQZXJpb2REaXNhYmxlZChwZXJpb2Q6IE1hdFRpbWVQZXJpb2RUeXBlKTogYm9vbGVhbiB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkUGVyaW9kKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWRQZXJpb2QgPT09IHBlcmlvZDtcbiAgfVxufVxuIiwiPGRpdlxuICB0YWJpbmRleD1cIjBcIlxuICBjbGFzcz1cIm1hdC10aW1lLXBlcmlvZC1pdGVtXCJcbiAgbWF0UmlwcGxlXG4gIFtjbGFzcy5tYXQtdGltZS1wZXJpb2QtaXRlbS1hY3RpdmVdPVwicGVyaW9kID09PSAnYW0nXCJcbiAgW2NsYXNzLm1hdC10aW1lLXBlcmlvZC1pdGVtLWRpc2FibGVkXT1cIl9pc1BlcmlvZERpc2FibGVkKCdhbScpXCJcbiAgKGNsaWNrKT1cInNldFBlcmlvZCgkZXZlbnQsICdhbScpXCJcbiAgKGtleWRvd24uc3BhY2UpPVwic2V0UGVyaW9kKCRldmVudCwgJ2FtJylcIlxuPlxuICB7eyBfaW50bC5hbSB9fVxuPC9kaXY+XG48bWF0LWRpdmlkZXIgW3ZlcnRpY2FsXT1cIiF2ZXJ0aWNhbFwiPjwvbWF0LWRpdmlkZXI+XG48ZGl2XG4gIHRhYmluZGV4PVwiMFwiXG4gIGNsYXNzPVwibWF0LXRpbWUtcGVyaW9kLWl0ZW1cIlxuICBtYXRSaXBwbGVcbiAgW2NsYXNzLm1hdC10aW1lLXBlcmlvZC1pdGVtLWFjdGl2ZV09XCJwZXJpb2QgPT09ICdwbSdcIlxuICBbY2xhc3MubWF0LXRpbWUtcGVyaW9kLWl0ZW0tZGlzYWJsZWRdPVwiX2lzUGVyaW9kRGlzYWJsZWQoJ3BtJylcIlxuICAoY2xpY2spPVwic2V0UGVyaW9kKCRldmVudCwgJ3BtJylcIlxuICAoa2V5ZG93bi5zcGFjZSk9XCJzZXRQZXJpb2QoJGV2ZW50LCAncG0nKVwiXG4+XG4gIHt7IF9pbnRsLnBtIH19XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import { Injectable } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export class MatTimepickerIntl {
|
|
4
5
|
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Stream that emits whenever the labels here are changed. Use this to notify
|
|
8
|
+
* components if the labels have changed after initialization.
|
|
9
|
+
*/
|
|
10
|
+
this.changes = new Subject();
|
|
5
11
|
/** A label for inputs title. */
|
|
6
12
|
this.inputsTitle = 'Enter time';
|
|
7
13
|
/** A label for dials title. */
|
|
@@ -18,6 +24,10 @@ export class MatTimepickerIntl {
|
|
|
18
24
|
this.okButton = 'OK';
|
|
19
25
|
/** A label for cancel button to close timepicker. */
|
|
20
26
|
this.cancelButton = 'Cancel';
|
|
27
|
+
/** A label for am text. */
|
|
28
|
+
this.am = 'AM';
|
|
29
|
+
/** A label for am text. */
|
|
30
|
+
this.pm = 'PM';
|
|
21
31
|
}
|
|
22
32
|
}
|
|
23
33
|
MatTimepickerIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -26,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
26
36
|
type: Injectable,
|
|
27
37
|
args: [{ providedIn: 'root' }]
|
|
28
38
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci1pbnRsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0LXRpbWVwaWNrZXIvc3JjL2xpYi90aW1lcGlja2VyLWludGwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUcvQixNQUFNLE9BQU8saUJBQWlCO0lBRDlCO1FBRUU7OztXQUdHO1FBQ00sWUFBTyxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRXRELGdDQUFnQztRQUNoQyxnQkFBVyxHQUFHLFlBQVksQ0FBQztRQUUzQiwrQkFBK0I7UUFDL0IsZUFBVSxHQUFHLGFBQWEsQ0FBQztRQUUzQixtQ0FBbUM7UUFDbkMsa0JBQWEsR0FBRyxNQUFNLENBQUM7UUFFdkIscUNBQXFDO1FBQ3JDLG9CQUFlLEdBQUcsUUFBUSxDQUFDO1FBRTNCLHVGQUF1RjtRQUN2Rix3QkFBbUIsR0FBRyxpQkFBaUIsQ0FBQztRQUV4Qyx3RkFBd0Y7UUFDeEYseUJBQW9CLEdBQUcsa0JBQWtCLENBQUM7UUFFMUMsMkNBQTJDO1FBQzNDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFaEIscURBQXFEO1FBQ3JELGlCQUFZLEdBQUcsUUFBUSxDQUFDO1FBRXhCLDJCQUEyQjtRQUMzQixPQUFFLEdBQUcsSUFBSSxDQUFDO1FBRVYsMkJBQTJCO1FBQzNCLE9BQUUsR0FBRyxJQUFJLENBQUM7S0FDWDs7OEdBcENZLGlCQUFpQjtrSEFBakIsaUJBQWlCLGNBREosTUFBTTsyRkFDbkIsaUJBQWlCO2tCQUQ3QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBNYXRUaW1lcGlja2VySW50bCB7XG4gIC8qKlxuICAgKiBTdHJlYW0gdGhhdCBlbWl0cyB3aGVuZXZlciB0aGUgbGFiZWxzIGhlcmUgYXJlIGNoYW5nZWQuIFVzZSB0aGlzIHRvIG5vdGlmeVxuICAgKiBjb21wb25lbnRzIGlmIHRoZSBsYWJlbHMgaGF2ZSBjaGFuZ2VkIGFmdGVyIGluaXRpYWxpemF0aW9uLlxuICAgKi9cbiAgcmVhZG9ubHkgY2hhbmdlczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgLyoqIEEgbGFiZWwgZm9yIGlucHV0cyB0aXRsZS4gKi9cbiAgaW5wdXRzVGl0bGUgPSAnRW50ZXIgdGltZSc7XG5cbiAgLyoqIEEgbGFiZWwgZm9yIGRpYWxzIHRpdGxlLiAqL1xuICBkaWFsc1RpdGxlID0gJ1NlbGVjdCB0aW1lJztcblxuICAvKiogQSBsYWJlbCBmb3IgaG91ciBpbnB1dCBoaW50LiAqL1xuICBob3VySW5wdXRIaW50ID0gJ0hvdXInO1xuXG4gIC8qKiBBIGxhYmVsIGZvciBtaW51dGUgaW5wdXQgaGludC4gKi9cbiAgbWludXRlSW5wdXRIaW50ID0gJ01pbnV0ZSc7XG5cbiAgLyoqIExhYmVsIGZvciB0aGUgYnV0dG9uIHVzZWQgdG8gb3BlbiB0aGUgdGltZXBpY2tlciBwb3B1cCAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXG4gIG9wZW5UaW1lcGlja2VyTGFiZWwgPSAnT3BlbiB0aW1lcGlja2VyJztcblxuICAvKiogTGFiZWwgZm9yIHRoZSBidXR0b24gdXNlZCB0byBjbG9zZSB0aGUgdGltZXBpY2tlciBwb3B1cCAodXNlZCBieSBzY3JlZW4gcmVhZGVycykuICovXG4gIGNsb3NlVGltZXBpY2tlckxhYmVsID0gJ0Nsb3NlIHRpbWVwaWNrZXInO1xuXG4gIC8qKiBBIGxhYmVsIGZvciBPSyBidXR0b24gdG8gYXBwbHkgdGltZS4gKi9cbiAgb2tCdXR0b24gPSAnT0snO1xuXG4gIC8qKiBBIGxhYmVsIGZvciBjYW5jZWwgYnV0dG9uIHRvIGNsb3NlIHRpbWVwaWNrZXIuICovXG4gIGNhbmNlbEJ1dHRvbiA9ICdDYW5jZWwnO1xuXG4gIC8qKiBBIGxhYmVsIGZvciBhbSB0ZXh0LiAqL1xuICBhbSA9ICdBTSc7XG5cbiAgLyoqIEEgbGFiZWwgZm9yIGFtIHRleHQuICovXG4gIHBtID0gJ1BNJztcbn1cbiJdfQ==
|
|
@@ -58,7 +58,7 @@ export class MatTimepickerToggle {
|
|
|
58
58
|
? merge(this.timepicker.openedStream, this.timepicker.closedStream)
|
|
59
59
|
: of();
|
|
60
60
|
this._stateChanges.unsubscribe();
|
|
61
|
-
this._stateChanges = merge(timepickerStateChanged, inputStateChanged, timepickerToggled).subscribe(() => this._cdr.markForCheck());
|
|
61
|
+
this._stateChanges = merge(this._intl.changes, timepickerStateChanged, inputStateChanged, timepickerToggled).subscribe(() => this._cdr.markForCheck());
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
MatTimepickerToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerToggle, deps: [{ token: 'tabindex', attribute: true }, { token: i1.MatTimepickerIntl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -90,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
90
90
|
type: Input,
|
|
91
91
|
args: ['aria-label']
|
|
92
92
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci10b2dnbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXQtdGltZXBpY2tlci9zcmMvbGliL3RpbWVwaWNrZXItdG9nZ2xlLnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0LXRpbWVwaWNrZXIvc3JjL2xpYi90aW1lcGlja2VyLXRvZ2dsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsS0FBSyxFQUNMLFlBQVksRUFDWixTQUFTLEdBS1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVFLE9BQU8sRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFNM0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBRG5DLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsMkJBQTJCLEVBQUU7O0FBaUJwRCxNQUFNLE9BQU8sbUJBQW1CO0lBSTlCLDZDQUE2QztJQUM3QyxJQUNJLFFBQVE7UUFDVixJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkQsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQztTQUNqQztRQUVELE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQW1CO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQWlCRCxZQUN5QixlQUF1QixFQUN2QyxLQUF3QixFQUN2QixJQUF1QjtRQUR4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUN2QixTQUFJLEdBQUosSUFBSSxDQUFtQjtRQUx6QixrQkFBYSxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFPekMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQy9DLElBQUksQ0FBQyxRQUFRO1lBQ1gsY0FBYyxJQUFJLGNBQWMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ25FLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUU7WUFDekIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELHdCQUF3QjtJQUN4QixJQUFJLENBQUMsS0FBWTtRQUNmLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDckMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLE1BQU0sc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFVBQVU7WUFDNUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWTtZQUM5QixDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDVCxNQUFNLGlCQUFpQixHQUNyQixJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsZUFBZTtZQUNoRCxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxlQUFlLENBQUMsWUFBWTtZQUM5QyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDWCxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxVQUFVO1lBQ3ZDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUM7WUFDbkUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBRVQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQ2xCLHNCQUEwQyxFQUMxQyxpQkFBaUIsRUFDakIsaUJBQWlCLENBQ2xCLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUM5QyxDQUFDOztnSEEvRVUsbUJBQW1CLGtCQWlDakIsVUFBVTtvR0FqQ1osbUJBQW1CLHFkQXlCaEIsdUJBQXVCLHdHQzdEdkMsdXhCQTBCQTsyRkRVYSxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0UsdUJBQXVCLFlBR3ZCLHFCQUFxQixRQUN6Qjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCO3dCQUM5QixpQkFBaUIsRUFBRSxNQUFNO3dCQUN6QixzQ0FBc0MsRUFBRSxpQ0FBaUM7d0JBQ3pFLFNBQVMsRUFBRSxjQUFjO3FCQUMxQixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFtQzVDLFNBQVM7MkJBQUMsVUFBVTs0R0EvQlQsVUFBVTtzQkFBdkIsS0FBSzt1QkFBQyxLQUFLO2dCQUlSLFFBQVE7c0JBRFgsS0FBSztnQkFjRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR2lDLFVBQVU7c0JBQWhELFlBQVk7dUJBQUMsdUJBQXVCO2dCQUdoQixTQUFTO3NCQUE3QixLQUFLO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBEaXJlY3RpdmUsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBJbnB1dCxcbiAgQ29udGVudENoaWxkLFxuICBBdHRyaWJ1dGUsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJzY3JpcHRpb24sIG1lcmdlLCBvZiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBNYXRUaW1lcGlja2VyIH0gZnJvbSAnLi90aW1lcGlja2VyJztcbmltcG9ydCB7IE1hdFRpbWVwaWNrZXJJbnRsIH0gZnJvbSAnLi90aW1lcGlja2VyLWludGwnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbWF0VGltZXBpY2tlclRvZ2dsZUljb25dJyB9KVxuZXhwb3J0IGNsYXNzIE1hdFRpbWVwaWNrZXJUb2dnbGVJY29uIHt9XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdC10aW1lcGlja2VyLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lcGlja2VyLXRvZ2dsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGltZXBpY2tlci10b2dnbGUuc2NzcyddLFxuICBleHBvcnRBczogJ21hdFRpbWVwaWNrZXJUb2dnbGUnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdtYXQtdGltZXBpY2tlci10b2dnbGUnLFxuICAgICdbYXR0ci50YWJpbmRleF0nOiAnbnVsbCcsXG4gICAgJ1tjbGFzcy5tYXQtdGltZXBpY2tlci10b2dnbGUtYWN0aXZlXSc6ICd0aW1lcGlja2VyICYmIHRpbWVwaWNrZXIub3BlbmVkJyxcbiAgICAnKGNsaWNrKSc6ICdvcGVuKCRldmVudCknLFxuICB9LFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWF0VGltZXBpY2tlclRvZ2dsZTxUPiBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqIFRpbWVwaWNrZXIgaW5zdGFuY2UuICovXG4gIEBJbnB1dCgnZm9yJykgdGltZXBpY2tlcjogTWF0VGltZXBpY2tlcjxUPjtcblxuICAvKiogV2hldGhlciB0aGUgdG9nZ2xlIGJ1dHRvbiBpcyBkaXNhYmxlZC4gKi9cbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLl9kaXNhYmxlZCA9PT0gdW5kZWZpbmVkICYmIHRoaXMudGltZXBpY2tlcikge1xuICAgICAgcmV0dXJuIHRoaXMudGltZXBpY2tlci5kaXNhYmxlZDtcbiAgICB9XG5cbiAgICByZXR1cm4gISF0aGlzLl9kaXNhYmxlZDtcbiAgfVxuICBzZXQgZGlzYWJsZWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbjtcblxuICAvKiogV2hldGhlciByaXBwbGVzIG9uIHRoZSB0b2dnbGUgc2hvdWxkIGJlIGRpc2FibGVkLiAqL1xuICBASW5wdXQoKSBkaXNhYmxlUmlwcGxlOiBib29sZWFuO1xuXG4gIC8qKiBUYWJpbmRleCBmb3IgdGhlIHRvZ2dsZS4gKi9cbiAgQElucHV0KCkgdGFiSW5kZXg6IG51bWJlciB8IG51bGw7XG5cbiAgLyoqIEN1c3RvbSBpY29uIHNldCBieSB0aGUgY29uc3VtZXIuICovXG4gIEBDb250ZW50Q2hpbGQoTWF0VGltZXBpY2tlclRvZ2dsZUljb24pIGN1c3RvbUljb246IE1hdFRpbWVwaWNrZXJUb2dnbGVJY29uO1xuXG4gIC8qKiBTY3JlZW4tcmVhZGVyIGxhYmVsIGZvciB0aGUgYnV0dG9uLiAqL1xuICBASW5wdXQoJ2FyaWEtbGFiZWwnKSBhcmlhTGFiZWw6IHN0cmluZztcblxuICBwcml2YXRlIF9zdGF0ZUNoYW5nZXMgPSBTdWJzY3JpcHRpb24uRU1QVFk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEF0dHJpYnV0ZSgndGFiaW5kZXgnKSBkZWZhdWx0VGFiSW5kZXg6IHN0cmluZyxcbiAgICBwdWJsaWMgX2ludGw6IE1hdFRpbWVwaWNrZXJJbnRsLFxuICAgIHByaXZhdGUgX2NkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIGNvbnN0IHBhcnNlZFRhYkluZGV4ID0gTnVtYmVyKGRlZmF1bHRUYWJJbmRleCk7XG4gICAgdGhpcy50YWJJbmRleCA9XG4gICAgICBwYXJzZWRUYWJJbmRleCB8fCBwYXJzZWRUYWJJbmRleCA9PT0gMCA/IHBhcnNlZFRhYkluZGV4IDogbnVsbDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sndGltZXBpY2tlciddKSB7XG4gICAgICB0aGlzLl93YXRjaFN0YXRlQ2hhbmdlcygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX3N0YXRlQ2hhbmdlcy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgLyoqIE9wZW5zIHRpbWVwaWNrZXIuICovXG4gIG9wZW4oZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMudGltZXBpY2tlciAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy50aW1lcGlja2VyLm9wZW4oKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3dhdGNoU3RhdGVDaGFuZ2VzKCkge1xuICAgIGNvbnN0IHRpbWVwaWNrZXJTdGF0ZUNoYW5nZWQgPSB0aGlzLnRpbWVwaWNrZXJcbiAgICAgID8gdGhpcy50aW1lcGlja2VyLnN0YXRlQ2hhbmdlc1xuICAgICAgOiBvZigpO1xuICAgIGNvbnN0IGlucHV0U3RhdGVDaGFuZ2VkID1cbiAgICAgIHRoaXMudGltZXBpY2tlciAmJiB0aGlzLnRpbWVwaWNrZXIudGltZXBpY2tlcklucHV0XG4gICAgICAgID8gdGhpcy50aW1lcGlja2VyLnRpbWVwaWNrZXJJbnB1dC5zdGF0ZUNoYW5nZXNcbiAgICAgICAgOiBvZigpO1xuICAgIGNvbnN0IHRpbWVwaWNrZXJUb2dnbGVkID0gdGhpcy50aW1lcGlja2VyXG4gICAgICA/IG1lcmdlKHRoaXMudGltZXBpY2tlci5vcGVuZWRTdHJlYW0sIHRoaXMudGltZXBpY2tlci5jbG9zZWRTdHJlYW0pXG4gICAgICA6IG9mKCk7XG5cbiAgICB0aGlzLl9zdGF0ZUNoYW5nZXMudW5zdWJzY3JpYmUoKTtcbiAgICB0aGlzLl9zdGF0ZUNoYW5nZXMgPSBtZXJnZShcbiAgICAgIHRoaXMuX2ludGwuY2hhbmdlcyxcbiAgICAgIHRpbWVwaWNrZXJTdGF0ZUNoYW5nZWQgYXMgT2JzZXJ2YWJsZTx2b2lkPixcbiAgICAgIGlucHV0U3RhdGVDaGFuZ2VkLFxuICAgICAgdGltZXBpY2tlclRvZ2dsZWQsXG4gICAgKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY2RyLm1hcmtGb3JDaGVjaygpKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgI2J1dHRvblxuICBtYXQtaWNvbi1idXR0b25cbiAgW2F0dHIuYXJpYS1oYXNwb3B1cF09XCJ0aW1lcGlja2VyID8gJ2RpYWxvZycgOiBudWxsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwgfHwgX2ludGwub3BlblRpbWVwaWNrZXJMYWJlbFwiXG4gIFthdHRyLnRhYmluZGV4XT1cImRpc2FibGVkID8gLTEgOiB0YWJJbmRleFwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtkaXNhYmxlUmlwcGxlXT1cImRpc2FibGVSaXBwbGVcIlxuPlxuICA8c3ZnXG4gICAgY2xhc3M9XCJtYXQtdGltZXBpY2tlci10b2dnbGUtZGVmYXVsdC1pY29uXCJcbiAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICB3aWR0aD1cIjI0XCJcbiAgICBoZWlnaHQ9XCIyNFwiXG4gICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgICpuZ0lmPVwiIWN1c3RvbUljb25cIlxuICA+XG4gICAgPHBhdGhcbiAgICAgIGQ9XCJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xMiwyMGMtNC40MSwwLTgtMy41OS04LThzMy41OS04LDgtOHM4LDMuNTksOCw4IFMxNi40MSwyMCwxMiwyMHogTTEyLjUsN0gxMXY2bDUuMiwzLjJsMC44LTEuM2wtNC41LTIuN1Y3elwiXG4gICAgLz5cbiAgPC9zdmc+XG5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21hdFRpbWVwaWNrZXJUb2dnbGVJY29uXVwiPjwvbmctY29udGVudD5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { InjectionToken, Injectable, Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, Attribute, Input, ContentChild, EventEmitter, Inject, Output, inject, LOCALE_ID, Optional, NgModule, HostListener, SkipSelf, ViewChild, forwardRef, TemplateRef } from '@angular/core';
|
|
3
3
|
import * as i3 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
5
|
-
import * as i1
|
|
5
|
+
import * as i1 from '@angular/cdk/overlay';
|
|
6
6
|
import { Overlay, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
7
7
|
import * as i5$1 from '@angular/cdk/portal';
|
|
8
8
|
import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
|
|
@@ -16,12 +16,12 @@ import { MAT_FORM_FIELD, MatFormFieldModule } from '@angular/material/form-field
|
|
|
16
16
|
import * as i5 from '@angular/material/input';
|
|
17
17
|
import { MAT_INPUT_VALUE_ACCESSOR, MatInputModule } from '@angular/material/input';
|
|
18
18
|
import { MatIconModule } from '@angular/material/icon';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i2$1 from '@angular/material/core';
|
|
20
20
|
import { mixinColor, MatRippleModule } from '@angular/material/core';
|
|
21
|
-
import * as
|
|
21
|
+
import * as i3$1 from '@angular/material/divider';
|
|
22
22
|
import { MatDividerModule } from '@angular/material/divider';
|
|
23
23
|
import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
24
|
-
import { Subscription, of, merge, fromEvent, debounceTime, take, BehaviorSubject,
|
|
24
|
+
import { Subject, Subscription, of, merge, fromEvent, debounceTime, take, BehaviorSubject, first, filter } from 'rxjs';
|
|
25
25
|
import { PlatformModule, _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
|
|
26
26
|
import { DOWN_ARROW, UP_ARROW, PAGE_UP, PAGE_DOWN, ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
27
27
|
import { trigger, transition, animate, keyframes, style, state } from '@angular/animations';
|
|
@@ -42,6 +42,11 @@ const MAT_TIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
|
|
|
42
42
|
|
|
43
43
|
class MatTimepickerIntl {
|
|
44
44
|
constructor() {
|
|
45
|
+
/**
|
|
46
|
+
* Stream that emits whenever the labels here are changed. Use this to notify
|
|
47
|
+
* components if the labels have changed after initialization.
|
|
48
|
+
*/
|
|
49
|
+
this.changes = new Subject();
|
|
45
50
|
/** A label for inputs title. */
|
|
46
51
|
this.inputsTitle = 'Enter time';
|
|
47
52
|
/** A label for dials title. */
|
|
@@ -58,6 +63,10 @@ class MatTimepickerIntl {
|
|
|
58
63
|
this.okButton = 'OK';
|
|
59
64
|
/** A label for cancel button to close timepicker. */
|
|
60
65
|
this.cancelButton = 'Cancel';
|
|
66
|
+
/** A label for am text. */
|
|
67
|
+
this.am = 'AM';
|
|
68
|
+
/** A label for am text. */
|
|
69
|
+
this.pm = 'PM';
|
|
61
70
|
}
|
|
62
71
|
}
|
|
63
72
|
MatTimepickerIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -120,7 +129,7 @@ class MatTimepickerToggle {
|
|
|
120
129
|
? merge(this.timepicker.openedStream, this.timepicker.closedStream)
|
|
121
130
|
: of();
|
|
122
131
|
this._stateChanges.unsubscribe();
|
|
123
|
-
this._stateChanges = merge(timepickerStateChanged, inputStateChanged, timepickerToggled).subscribe(() => this._cdr.markForCheck());
|
|
132
|
+
this._stateChanges = merge(this._intl.changes, timepickerStateChanged, inputStateChanged, timepickerToggled).subscribe(() => this._cdr.markForCheck());
|
|
124
133
|
}
|
|
125
134
|
}
|
|
126
135
|
MatTimepickerToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerToggle, deps: [{ token: 'tabindex', attribute: true }, { token: MatTimepickerIntl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1192,12 +1201,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
1192
1201
|
}] } });
|
|
1193
1202
|
|
|
1194
1203
|
class MatTimePeriod {
|
|
1195
|
-
constructor() {
|
|
1196
|
-
this._vertical = true;
|
|
1197
|
-
this._period = 'am';
|
|
1198
|
-
this._disabledPeriod = null;
|
|
1199
|
-
this.periodChanged = new EventEmitter();
|
|
1200
|
-
}
|
|
1201
1204
|
/** Whether the time period is vertically aligned. */
|
|
1202
1205
|
get vertical() {
|
|
1203
1206
|
return this._vertical;
|
|
@@ -1217,6 +1220,13 @@ class MatTimePeriod {
|
|
|
1217
1220
|
set disabledPeriod(value) {
|
|
1218
1221
|
this._disabledPeriod = value;
|
|
1219
1222
|
}
|
|
1223
|
+
constructor(_intl) {
|
|
1224
|
+
this._intl = _intl;
|
|
1225
|
+
this._vertical = true;
|
|
1226
|
+
this._period = 'am';
|
|
1227
|
+
this._disabledPeriod = null;
|
|
1228
|
+
this.periodChanged = new EventEmitter();
|
|
1229
|
+
}
|
|
1220
1230
|
setPeriod(event, period) {
|
|
1221
1231
|
event.preventDefault();
|
|
1222
1232
|
this.period = period;
|
|
@@ -1229,8 +1239,8 @@ class MatTimePeriod {
|
|
|
1229
1239
|
return this.disabledPeriod === period;
|
|
1230
1240
|
}
|
|
1231
1241
|
}
|
|
1232
|
-
MatTimePeriod.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1233
|
-
MatTimePeriod.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MatTimePeriod, selector: "mat-time-period", inputs: { vertical: "vertical", period: "period", disabledPeriod: "disabledPeriod" }, outputs: { periodChanged: "periodChanged" }, host: { properties: { "class.mat-time-period-vertical": "vertical", "class.mat-time-period-horizontal": "!vertical", "attr.aria-orientation": "vertical ? \"vertical\" : \"horizontal\"" }, classAttribute: "mat-time-period" }, ngImport: i0, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event,'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n
|
|
1242
|
+
MatTimePeriod.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, deps: [{ token: MatTimepickerIntl }], target: i0.ɵɵFactoryTarget.Component });
|
|
1243
|
+
MatTimePeriod.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MatTimePeriod, selector: "mat-time-period", inputs: { vertical: "vertical", period: "period", disabledPeriod: "disabledPeriod" }, outputs: { periodChanged: "periodChanged" }, host: { properties: { "class.mat-time-period-vertical": "vertical", "class.mat-time-period-horizontal": "!vertical", "attr.aria-orientation": "vertical ? \"vertical\" : \"horizontal\"" }, classAttribute: "mat-time-period" }, ngImport: i0, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event, 'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n {{ _intl.am }}\n</div>\n<mat-divider [vertical]=\"!vertical\"></mat-divider>\n<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'pm'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('pm')\"\n (click)=\"setPeriod($event, 'pm')\"\n (keydown.space)=\"setPeriod($event, 'pm')\"\n>\n {{ _intl.pm }}\n</div>\n", styles: [".mat-time-period{display:flex;text-align:center;border-width:1px;border-style:solid;border-radius:.25rem;box-sizing:border-box}.mat-time-period-vertical{flex-direction:column;width:3.25rem;height:4.5rem}.mat-time-period-horizontal{flex-direction:row;max-width:13.5rem;width:100%;height:2.5rem}.mat-time-period-item{display:flex;flex-direction:column;justify-content:center;flex-grow:1;height:100%;font-size:.875rem;font-weight:500;cursor:pointer}.mat-time-period-item-disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1234
1244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimePeriod, decorators: [{
|
|
1235
1245
|
type: Component,
|
|
1236
1246
|
args: [{ selector: 'mat-time-period', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
@@ -1238,8 +1248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
1238
1248
|
'[class.mat-time-period-vertical]': 'vertical',
|
|
1239
1249
|
'[class.mat-time-period-horizontal]': '!vertical',
|
|
1240
1250
|
'[attr.aria-orientation]': 'vertical ? "vertical" : "horizontal"',
|
|
1241
|
-
}, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event,'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n
|
|
1242
|
-
}], propDecorators: { vertical: [{
|
|
1251
|
+
}, template: "<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'am'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('am')\"\n (click)=\"setPeriod($event, 'am')\"\n (keydown.space)=\"setPeriod($event, 'am')\"\n>\n {{ _intl.am }}\n</div>\n<mat-divider [vertical]=\"!vertical\"></mat-divider>\n<div\n tabindex=\"0\"\n class=\"mat-time-period-item\"\n matRipple\n [class.mat-time-period-item-active]=\"period === 'pm'\"\n [class.mat-time-period-item-disabled]=\"_isPeriodDisabled('pm')\"\n (click)=\"setPeriod($event, 'pm')\"\n (keydown.space)=\"setPeriod($event, 'pm')\"\n>\n {{ _intl.pm }}\n</div>\n", styles: [".mat-time-period{display:flex;text-align:center;border-width:1px;border-style:solid;border-radius:.25rem;box-sizing:border-box}.mat-time-period-vertical{flex-direction:column;width:3.25rem;height:4.5rem}.mat-time-period-horizontal{flex-direction:row;max-width:13.5rem;width:100%;height:2.5rem}.mat-time-period-item{display:flex;flex-direction:column;justify-content:center;flex-grow:1;height:100%;font-size:.875rem;font-weight:500;cursor:pointer}.mat-time-period-item-disabled{pointer-events:none}\n"] }]
|
|
1252
|
+
}], ctorParameters: function () { return [{ type: MatTimepickerIntl }]; }, propDecorators: { vertical: [{
|
|
1243
1253
|
type: Input
|
|
1244
1254
|
}], period: [{
|
|
1245
1255
|
type: Input
|
|
@@ -2060,12 +2070,12 @@ class MatTimepickerBase {
|
|
|
2060
2070
|
})));
|
|
2061
2071
|
}
|
|
2062
2072
|
}
|
|
2063
|
-
MatTimepickerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerBase, deps: [{ token: i0.ViewContainerRef }, { token: i1
|
|
2073
|
+
MatTimepickerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerBase, deps: [{ token: i0.ViewContainerRef }, { token: i1.Overlay }, { token: i0.NgZone }, { token: MAT_TIMEPICKER_SCROLL_STRATEGY }, { token: MAT_DEFAULT_ACITONS }, { token: MatTimeSelectionModel }, { token: MAT_TIMEPICKER_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2064
2074
|
MatTimepickerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MatTimepickerBase, inputs: { disabled: "disabled", opened: "opened", openAs: "openAs", color: "color", mode: "mode", format: "format", showToggleModeButton: "showToggleModeButton", minuteInterval: "minuteInterval", orientation: "orientation", xPosition: "xPosition", yPosition: "yPosition", restoreFocus: "restoreFocus" }, outputs: { openedStream: "opened", closedStream: "closed" }, usesOnChanges: true, ngImport: i0 });
|
|
2065
2075
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatTimepickerBase, decorators: [{
|
|
2066
2076
|
type: Directive
|
|
2067
2077
|
}], ctorParameters: function () {
|
|
2068
|
-
return [{ type: i0.ViewContainerRef }, { type: i1
|
|
2078
|
+
return [{ type: i0.ViewContainerRef }, { type: i1.Overlay }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
2069
2079
|
type: Inject,
|
|
2070
2080
|
args: [MAT_TIMEPICKER_SCROLL_STRATEGY]
|
|
2071
2081
|
}] }, { type: undefined, decorators: [{
|