@kms-ngx-ui/presentational 16.12.31-beta.2 → 16.12.31-beta.4
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/esm2022/lib/directives/time.directive.mjs +2 -12
- package/esm2022/lib/ui/time-input/time-input.component.mjs +13 -8
- package/fesm2022/kms-ngx-ui-presentational.mjs +13 -18
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/directives/time.directive.d.ts +0 -1
- package/lib/ui/time-input/time-input.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -17,13 +17,6 @@ export class TimeDirective {
|
|
|
17
17
|
this.handleInput(event);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
onBlur(value) {
|
|
21
|
-
const inputElement = this.el.nativeElement;
|
|
22
|
-
if (value.slice(-1) === ':') {
|
|
23
|
-
inputElement.value = value + '00';
|
|
24
|
-
inputElement.dispatchEvent(new Event('input'));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
20
|
handleInput(event) {
|
|
28
21
|
const inputElement = this.el.nativeElement;
|
|
29
22
|
const originalValue = inputElement.value;
|
|
@@ -33,7 +26,7 @@ export class TimeDirective {
|
|
|
33
26
|
}
|
|
34
27
|
}
|
|
35
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
36
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimeDirective, selector: "[kmsTime]", host: { listeners: { "input": "onInputChange($event)", "beforeinput": "onBeforeInput($event)"
|
|
29
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimeDirective, selector: "[kmsTime]", host: { listeners: { "input": "onInputChange($event)", "beforeinput": "onBeforeInput($event)" } }, ngImport: i0 }); }
|
|
37
30
|
}
|
|
38
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeDirective, decorators: [{
|
|
39
32
|
type: Directive,
|
|
@@ -46,8 +39,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
46
39
|
}], onBeforeInput: [{
|
|
47
40
|
type: HostListener,
|
|
48
41
|
args: ['beforeinput', ['$event']]
|
|
49
|
-
}], onBlur: [{
|
|
50
|
-
type: HostListener,
|
|
51
|
-
args: ['focusout', ['$event.target.value']]
|
|
52
42
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvZGlyZWN0aXZlcy90aW1lLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLcEUsTUFBTSxPQUFPLGFBQWE7SUFDeEIsWUFBb0IsRUFBYztRQUFkLE9BQUUsR0FBRixFQUFFLENBQVk7SUFBRyxDQUFDO0lBRUgsYUFBYSxDQUFDLEtBQWlCO1FBQ2hFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUV3QyxhQUFhLENBQUMsS0FBaUI7UUFDdEUsSUFDRSxLQUFLLENBQUMsU0FBUyxLQUFLLGlCQUFpQjtZQUNyQyxLQUFLLENBQUMsU0FBUyxLQUFLLFlBQVksRUFDaEM7WUFDQSxJQUNFLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7Z0JBQ2pCLEtBQUssQ0FBQyxNQUEyQixDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUNuRDtnQkFDQSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7YUFDeEI7WUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVNLFdBQVcsQ0FBQyxLQUFpQjtRQUNsQyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWlDLENBQUM7UUFDL0QsTUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztRQUV6QyxJQUFJLGFBQWEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLEtBQUssQ0FBQyxTQUFTLEtBQUssWUFBWSxFQUFFO1lBQ2xFLFlBQVksQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDO1lBQzFCLFlBQVksQ0FBQyxhQUFhLENBQUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUNoRDtJQUNILENBQUM7K0dBOUJVLGFBQWE7bUdBQWIsYUFBYTs7NEZBQWIsYUFBYTtrQkFIekIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztpQkFDdEI7aUdBSW9DLGFBQWE7c0JBQS9DLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUlRLGFBQWE7c0JBQXJELFlBQVk7dUJBQUMsYUFBYSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2ttc1RpbWVdJyxcbn0pXG5leHBvcnQgY2xhc3MgVGltZURpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHt9XG5cbiAgQEhvc3RMaXN0ZW5lcignaW5wdXQnLCBbJyRldmVudCddKSBvbklucHV0Q2hhbmdlKGV2ZW50OiBJbnB1dEV2ZW50KSB7XG4gICAgdGhpcy5oYW5kbGVJbnB1dChldmVudCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdiZWZvcmVpbnB1dCcsIFsnJGV2ZW50J10pIG9uQmVmb3JlSW5wdXQoZXZlbnQ6IElucHV0RXZlbnQpIHtcbiAgICBpZiAoXG4gICAgICBldmVudC5pbnB1dFR5cGUgPT09ICdpbnNlcnRGcm9tUGFzdGUnIHx8XG4gICAgICBldmVudC5pbnB1dFR5cGUgPT09ICdpbnNlcnRUZXh0J1xuICAgICkge1xuICAgICAgaWYgKFxuICAgICAgICBpc05hTigrZXZlbnQuZGF0YSkgfHxcbiAgICAgICAgKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZS5sZW5ndGggPiA0XG4gICAgICApIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuaGFuZGxlSW5wdXQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBoYW5kbGVJbnB1dChldmVudDogSW5wdXRFdmVudCkge1xuICAgIGNvbnN0IGlucHV0RWxlbWVudCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGNvbnN0IG9yaWdpbmFsVmFsdWUgPSBpbnB1dEVsZW1lbnQudmFsdWU7XG5cbiAgICBpZiAob3JpZ2luYWxWYWx1ZS5sZW5ndGggPT09IDIgJiYgZXZlbnQuaW5wdXRUeXBlID09PSAnaW5zZXJ0VGV4dCcpIHtcbiAgICAgIGlucHV0RWxlbWVudC52YWx1ZSArPSAnOic7XG4gICAgICBpbnB1dEVsZW1lbnQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2lucHV0JykpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -27,7 +27,7 @@ export class TimeInputComponent {
|
|
|
27
27
|
this.options.set(this.getTimeRange());
|
|
28
28
|
}
|
|
29
29
|
ngOnChanges(changes) {
|
|
30
|
-
if (changes.value
|
|
30
|
+
if (changes.value) {
|
|
31
31
|
this._value.set(changes.value.currentValue);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -49,10 +49,15 @@ export class TimeInputComponent {
|
|
|
49
49
|
}
|
|
50
50
|
return timeSeries;
|
|
51
51
|
}
|
|
52
|
-
valueChanged(
|
|
53
|
-
this._value.set(
|
|
54
|
-
this.onChange(
|
|
55
|
-
this.onTouch(
|
|
52
|
+
valueChanged(value) {
|
|
53
|
+
this._value.set(value);
|
|
54
|
+
this.onChange(value);
|
|
55
|
+
this.onTouch(value);
|
|
56
|
+
}
|
|
57
|
+
autocompleteClosed() {
|
|
58
|
+
if (this._value().slice(-1) === ':') {
|
|
59
|
+
this._value.set(this._value() + '00');
|
|
60
|
+
}
|
|
56
61
|
}
|
|
57
62
|
validate({ value }) {
|
|
58
63
|
// validate time format HH:mm and 24 hours and 59 minutes
|
|
@@ -73,7 +78,7 @@ export class TimeInputComponent {
|
|
|
73
78
|
useExisting: TimeInputComponent,
|
|
74
79
|
multi: true,
|
|
75
80
|
},
|
|
76
|
-
], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event)\"\n />\n <mat-autocomplete
|
|
81
|
+
], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event.target.value)\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"valueChanged($event.option.value)\"\n (closed)=\"autocompleteClosed()\"\n >\n <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n <kms-icon\n class=\"kms-time-input__suffix\"\n matSuffix\n icon=\"clock\"\n [iconSize]=\"IconSize.TINY\"\n ></kms-icon>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.TimeDirective, selector: "[kmsTime]" }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
77
82
|
}
|
|
78
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeInputComponent, decorators: [{
|
|
79
84
|
type: Component,
|
|
@@ -88,10 +93,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
88
93
|
useExisting: TimeInputComponent,
|
|
89
94
|
multi: true,
|
|
90
95
|
},
|
|
91
|
-
], template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event)\"\n />\n <mat-autocomplete
|
|
96
|
+
], template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event.target.value)\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"valueChanged($event.option.value)\"\n (closed)=\"autocompleteClosed()\"\n >\n <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n <kms-icon\n class=\"kms-time-input__suffix\"\n matSuffix\n icon=\"clock\"\n [iconSize]=\"IconSize.TINY\"\n ></kms-icon>\n</mat-form-field>\n" }]
|
|
92
97
|
}], propDecorators: { label: [{
|
|
93
98
|
type: Input
|
|
94
99
|
}], value: [{
|
|
95
100
|
type: Input
|
|
96
101
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvdGltZS1pbnB1dC90aW1lLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90aW1lLWlucHV0L3RpbWUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsVUFBVSxFQUNWLEtBQUssRUFJTCxNQUFNLEdBR1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUdMLGFBQWEsRUFDYixpQkFBaUIsR0FDbEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUM7QUFDNUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7Ozs7QUFrQnRELE1BQU0sT0FBTyxrQkFBa0I7SUFqQi9CO1FBb0JXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRXBCLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsV0FBTSxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNaLFlBQU8sR0FBa0MsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTVELG9CQUFlLEdBQTBCLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDckQsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDN0UsQ0FBQyxDQUFDLENBQUM7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OzRCQUNFLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixXQUFXLG9CQUFvQjs0QkFDL0IsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBS1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgU2lnbmFsLFxuICBzaWduYWwsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFdyaXRhYmxlU2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxuICBGb3JtQ29udHJvbCxcbiAgTkdfVkFMSURBVE9SUyxcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JztcbmltcG9ydCB7IEljb25TaXplIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ljb25TaXplLmVudW0nO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLXRpbWUtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RpbWUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUaW1lSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgdXNlRXhpc3Rpbmc6IFRpbWVJbnB1dENvbXBvbmVudCxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVJbnB1dENvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3Nvclxue1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuXG4gIEljb25TaXplID0gSWNvblNpemU7XG4gIF92YWx1ZSA9IHNpZ25hbCgnJyk7XG4gIHByaXZhdGUgb3B0aW9uczogV3JpdGFibGVTaWduYWw8QXJyYXk8c3RyaW5nPj4gPSBzaWduYWwoW10pO1xuXG4gIGZpbHRlcmVkT3B0aW9uczogU2lnbmFsPEFycmF5PHN0cmluZz4+ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiB0aGlzLm9wdGlvbnMoKS5maWx0ZXIoKG9wdGlvbikgPT4gb3B0aW9uLnN0YXJ0c1dpdGgodGhpcy5fdmFsdWUoKSkpO1xuICB9KTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMuc2V0KHRoaXMuZ2V0VGltZVJhbmdlKCkpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLnZhbHVlKSB7XG4gICAgICB0aGlzLl92YWx1ZS5zZXQoY2hhbmdlcy52YWx1ZS5jdXJyZW50VmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3ZhbHVlLnNldCh2YWx1ZSk7XG4gIH1cblxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgZ2V0VGltZVJhbmdlKCkge1xuICAgIGNvbnN0IHN0YXJ0VGltZSA9IG1vbWVudCgnMDA6MDAnLCAnSEgnKTtcbiAgICBjb25zdCBlbmRUaW1lID0gbW9tZW50KCcyMzo0NScsICdISDptbTpzcycpO1xuICAgIGNvbnN0IHRpbWVTZXJpZXMgPSBbc3RhcnRUaW1lLmZvcm1hdCgnSEg6bW0nKV07XG5cbiAgICB3aGlsZSAoc3RhcnRUaW1lLmlzQmVmb3JlKGVuZFRpbWUpKSB7XG4gICAgICB0aW1lU2VyaWVzLnB1c2goc3RhcnRUaW1lLmFkZCgxNSwgJ20nKS5mb3JtYXQoJ0hIOm1tJykpO1xuICAgIH1cblxuICAgIHJldHVybiB0aW1lU2VyaWVzO1xuICB9XG5cbiAgdmFsdWVDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl92YWx1ZS5zZXQodmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMub25Ub3VjaCh2YWx1ZSk7XG4gIH1cblxuICBhdXRvY29tcGxldGVDbG9zZWQoKSB7XG4gICAgaWYgKHRoaXMuX3ZhbHVlKCkuc2xpY2UoLTEpID09PSAnOicpIHtcbiAgICAgIHRoaXMuX3ZhbHVlLnNldCh0aGlzLl92YWx1ZSgpICsgJzAwJyk7XG4gICAgfVxuICB9XG5cbiAgdmFsaWRhdGUoeyB2YWx1ZSB9OiBGb3JtQ29udHJvbCkge1xuICAgIC8vIHZhbGlkYXRlIHRpbWUgZm9ybWF0IEhIOm1tIGFuZCAyNCBob3VycyBhbmQgNTkgbWludXRlc1xuICAgIGNvbnN0IHRpbWVSZWdleCA9IC9eKD86WzAxXVxcZHwyWzAtM10pOig/OlswLTVdXFxkKSQvO1xuICAgIHJldHVybiB7XG4gICAgICBpbnZhbGlkOiB0aW1lUmVnZXgudGVzdCh2YWx1ZSksXG4gICAgfTtcbiAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwia21zLXRpbWUtaW5wdXRcIj5cbiAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxuICA8aW5wdXRcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgYXJpYS1sYWJlbD1cInRpbWVcIlxuICAgIG1hdElucHV0XG4gICAga21zVGltZVxuICAgIFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG4gICAgW3ZhbHVlXT1cIl92YWx1ZSgpXCJcbiAgICAoaW5wdXQpPVwidmFsdWVDaGFuZ2VkKCRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgLz5cbiAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiXG4gICAgKG9wdGlvblNlbGVjdGVkKT1cInZhbHVlQ2hhbmdlZCgkZXZlbnQub3B0aW9uLnZhbHVlKVwiXG4gICAgKGNsb3NlZCk9XCJhdXRvY29tcGxldGVDbG9zZWQoKVwiXG4gID5cbiAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucygpXCIgW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgICAge3sgb3B0aW9uIH19XG4gICAgPC9tYXQtb3B0aW9uPlxuICA8L21hdC1hdXRvY29tcGxldGU+XG4gIDxrbXMtaWNvblxuICAgIGNsYXNzPVwia21zLXRpbWUtaW5wdXRfX3N1ZmZpeFwiXG4gICAgbWF0U3VmZml4XG4gICAgaWNvbj1cImNsb2NrXCJcbiAgICBbaWNvblNpemVdPVwiSWNvblNpemUuVElOWVwiXG4gID48L2ttcy1pY29uPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
|
|
@@ -1876,13 +1876,6 @@ class TimeDirective {
|
|
|
1876
1876
|
this.handleInput(event);
|
|
1877
1877
|
}
|
|
1878
1878
|
}
|
|
1879
|
-
onBlur(value) {
|
|
1880
|
-
const inputElement = this.el.nativeElement;
|
|
1881
|
-
if (value.slice(-1) === ':') {
|
|
1882
|
-
inputElement.value = value + '00';
|
|
1883
|
-
inputElement.dispatchEvent(new Event('input'));
|
|
1884
|
-
}
|
|
1885
|
-
}
|
|
1886
1879
|
handleInput(event) {
|
|
1887
1880
|
const inputElement = this.el.nativeElement;
|
|
1888
1881
|
const originalValue = inputElement.value;
|
|
@@ -1892,7 +1885,7 @@ class TimeDirective {
|
|
|
1892
1885
|
}
|
|
1893
1886
|
}
|
|
1894
1887
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1895
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimeDirective, selector: "[kmsTime]", host: { listeners: { "input": "onInputChange($event)", "beforeinput": "onBeforeInput($event)"
|
|
1888
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimeDirective, selector: "[kmsTime]", host: { listeners: { "input": "onInputChange($event)", "beforeinput": "onBeforeInput($event)" } }, ngImport: i0 }); }
|
|
1896
1889
|
}
|
|
1897
1890
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeDirective, decorators: [{
|
|
1898
1891
|
type: Directive,
|
|
@@ -1905,9 +1898,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1905
1898
|
}], onBeforeInput: [{
|
|
1906
1899
|
type: HostListener,
|
|
1907
1900
|
args: ['beforeinput', ['$event']]
|
|
1908
|
-
}], onBlur: [{
|
|
1909
|
-
type: HostListener,
|
|
1910
|
-
args: ['focusout', ['$event.target.value']]
|
|
1911
1901
|
}] } });
|
|
1912
1902
|
|
|
1913
1903
|
class TimeInputComponent {
|
|
@@ -1927,7 +1917,7 @@ class TimeInputComponent {
|
|
|
1927
1917
|
this.options.set(this.getTimeRange());
|
|
1928
1918
|
}
|
|
1929
1919
|
ngOnChanges(changes) {
|
|
1930
|
-
if (changes.value
|
|
1920
|
+
if (changes.value) {
|
|
1931
1921
|
this._value.set(changes.value.currentValue);
|
|
1932
1922
|
}
|
|
1933
1923
|
}
|
|
@@ -1949,10 +1939,15 @@ class TimeInputComponent {
|
|
|
1949
1939
|
}
|
|
1950
1940
|
return timeSeries;
|
|
1951
1941
|
}
|
|
1952
|
-
valueChanged(
|
|
1953
|
-
this._value.set(
|
|
1954
|
-
this.onChange(
|
|
1955
|
-
this.onTouch(
|
|
1942
|
+
valueChanged(value) {
|
|
1943
|
+
this._value.set(value);
|
|
1944
|
+
this.onChange(value);
|
|
1945
|
+
this.onTouch(value);
|
|
1946
|
+
}
|
|
1947
|
+
autocompleteClosed() {
|
|
1948
|
+
if (this._value().slice(-1) === ':') {
|
|
1949
|
+
this._value.set(this._value() + '00');
|
|
1950
|
+
}
|
|
1956
1951
|
}
|
|
1957
1952
|
validate({ value }) {
|
|
1958
1953
|
// validate time format HH:mm and 24 hours and 59 minutes
|
|
@@ -1973,7 +1968,7 @@ class TimeInputComponent {
|
|
|
1973
1968
|
useExisting: TimeInputComponent,
|
|
1974
1969
|
multi: true,
|
|
1975
1970
|
},
|
|
1976
|
-
], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event)\"\n />\n <mat-autocomplete
|
|
1971
|
+
], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event.target.value)\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"valueChanged($event.option.value)\"\n (closed)=\"autocompleteClosed()\"\n >\n <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n <kms-icon\n class=\"kms-time-input__suffix\"\n matSuffix\n icon=\"clock\"\n [iconSize]=\"IconSize.TINY\"\n ></kms-icon>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: TimeDirective, selector: "[kmsTime]" }, { kind: "component", type: i6$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
1977
1972
|
}
|
|
1978
1973
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeInputComponent, decorators: [{
|
|
1979
1974
|
type: Component,
|
|
@@ -1988,7 +1983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1988
1983
|
useExisting: TimeInputComponent,
|
|
1989
1984
|
multi: true,
|
|
1990
1985
|
},
|
|
1991
|
-
], template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event)\"\n />\n <mat-autocomplete
|
|
1986
|
+
], template: "<mat-form-field class=\"kms-time-input\">\n <mat-label>{{ label }}</mat-label>\n <input\n type=\"text\"\n aria-label=\"time\"\n matInput\n kmsTime\n [matAutocomplete]=\"auto\"\n [value]=\"_value()\"\n (input)=\"valueChanged($event.target.value)\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"valueChanged($event.option.value)\"\n (closed)=\"autocompleteClosed()\"\n >\n <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\">\n {{ option }}\n </mat-option>\n </mat-autocomplete>\n <kms-icon\n class=\"kms-time-input__suffix\"\n matSuffix\n icon=\"clock\"\n [iconSize]=\"IconSize.TINY\"\n ></kms-icon>\n</mat-form-field>\n" }]
|
|
1992
1987
|
}], propDecorators: { label: [{
|
|
1993
1988
|
type: Input
|
|
1994
1989
|
}], value: [{
|