@klippa/ngx-enhancy-forms 8.1.2 → 8.2.0
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/bundles/klippa-ngx-enhancy-forms.umd.js +3 -2
- package/bundles/klippa-ngx-enhancy-forms.umd.js.map +1 -1
- package/bundles/klippa-ngx-enhancy-forms.umd.min.js +1 -1
- package/bundles/klippa-ngx-enhancy-forms.umd.min.js.map +1 -1
- package/esm2015/lib/elements/hour-minute-input/hour-minute-input.component.js +4 -3
- package/fesm2015/klippa-ngx-enhancy-forms.js +3 -2
- package/fesm2015/klippa-ngx-enhancy-forms.js.map +1 -1
- package/klippa-ngx-enhancy-forms.metadata.json +1 -1
- package/lib/elements/hour-minute-input/hour-minute-input.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ import { invalidTimeKey } from '../../validators/timeValidator';
|
|
|
6
6
|
export class HourMinuteInputComponent extends ValueAccessorBase {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
|
+
this.placeholders = ['hour', 'min'];
|
|
9
10
|
this.hoursTouched = false;
|
|
10
11
|
this.minutesTouched = false;
|
|
11
12
|
}
|
|
@@ -78,9 +79,9 @@ export class HourMinuteInputComponent extends ValueAccessorBase {
|
|
|
78
79
|
HourMinuteInputComponent.decorators = [
|
|
79
80
|
{ type: Component, args: [{
|
|
80
81
|
selector: 'klp-form-hour-minute-input',
|
|
81
|
-
template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input class=\"hourInput\" maxlength=\"4\" placeholder=\"
|
|
82
|
+
template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input class=\"hourInput\" maxlength=\"4\" [placeholder]=\"placeholders[0]\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" [placeholder]=\"placeholders[1]\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n</div>\n",
|
|
82
83
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: HourMinuteInputComponent, multi: true }],
|
|
83
|
-
styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:
|
|
84
|
+
styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:30px}.componentContainer input.hourInput{width:50px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]
|
|
84
85
|
},] }
|
|
85
86
|
];
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL25neC1lbmhhbmN5LWZvcm1zL25neC1lbmhhbmN5LWZvcm1zL3Byb2plY3RzL2tsaXBwYS9uZ3gtZW5oYW5jeS1mb3Jtcy9zcmMvIiwic291cmNlcyI6WyJsaWIvZWxlbWVudHMvaG91ci1taW51dGUtaW5wdXQvaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDakQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDdkYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDdkQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBUzlELE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxpQkFBaUQ7SUFOL0Y7O1FBVVEsaUJBQVksR0FBa0IsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFN0MsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsbUJBQWMsR0FBRyxLQUFLLENBQUM7SUE0RWhDLENBQUM7SUExRUEsV0FBVztRQUNWLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDdEMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7U0FDakI7SUFDRixDQUFDO0lBRUQsYUFBYTtRQUNaLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDeEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7U0FDbkI7SUFDRixDQUFDO0lBRUQsVUFBVTtRQUNULElBQUksTUFBTSxDQUFDLFFBQVEsQ0FB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c291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtWYWx1ZUFjY2Vzc29yQmFzZX0gZnJvbSAnLi4vdmFsdWUtYWNjZXNzb3ItYmFzZS92YWx1ZS1hY2Nlc3Nvci1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQge3N0cmluZ0lzU2V0QW5kRmlsbGVkfSBmcm9tICcuLi8uLi91dGlsL3ZhbHVlcyc7XG5pbXBvcnQge2ludmFsaWRUaW1lS2V5fSBmcm9tICcuLi8uLi92YWxpZGF0b3JzL3RpbWVWYWxpZGF0b3InO1xuXG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2tscC1mb3JtLWhvdXItbWludXRlLWlucHV0Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2hvdXItbWludXRlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcblx0cHJvdmlkZXJzOiBbe3Byb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogSG91ck1pbnV0ZUlucHV0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZX1dLFxufSlcbmV4cG9ydCBjbGFzcyBIb3VyTWludXRlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxudW1iZXIgfCB0eXBlb2YgaW52YWxpZFRpbWVLZXk+IHtcblx0cHVibGljIGhvdXJzOiBzdHJpbmc7IC8vIHN0cmluZyBiZWNhdXNlIGl0J3MgYSB0ZXh0IGlucHV0XG5cdHB1YmxpYyBtaW51dGVzOiBzdHJpbmc7IC8vIHN0cmluZyBiZWNhdXNlIGl0J3MgYSB0ZXh0IGlucHV0XG5cblx0cHVibGljIHBsYWNlaG9sZGVyczogQXJyYXk8c3RyaW5nPiA9IFsnaG91cicsICdtaW4nXTtcblxuXHRwcml2YXRlIGhvdXJzVG91Y2hlZCA9IGZhbHNlO1xuXHRwcml2YXRlIG1pbnV0ZXNUb3VjaGVkID0gZmFsc2U7XG5cblx0Zm9ybWF0SG91cnMoKTogdm9pZCB7XG5cdFx0aWYgKCFzdHJpbmdJc1NldEFuZEZpbGxlZCh0aGlzLmhvdXJzKSkge1xuXHRcdFx0dGhpcy5ob3VycyA9ICcwJztcblx0XHR9XG5cdH1cblxuXHRmb3JtYXRNaW51dGVzKCk6IHZvaWQge1xuXHRcdGlmICghc3RyaW5nSXNTZXRBbmRGaWxsZWQodGhpcy5taW51dGVzKSkge1xuXHRcdFx0dGhpcy5taW51dGVzID0gJzAnO1xuXHRcdH1cblx0fVxuXG5cdGZvcm1hdFRpbWUoKTogdm9pZCB7XG5cdFx0aWYgKE51bWJlci5pc0Zpbml0ZShOdW1iZXIodGhpcy5ob3VycykpICYmIHRoaXMuaG91cnMubGVuZ3RoID09PSAxKSB7XG5cdFx0XHR0aGlzLmhvdXJzID0gJzAnICsgdGhpcy5ob3Vycztcblx0XHR9XG5cdFx0aWYgKE51bWJlci5pc0Zpbml0ZShOdW1iZXIodGhpcy5taW51dGVzKSkgJiYgdGhpcy5taW51dGVzLmxlbmd0aCA9PT0gMSkge1xuXHRcdFx0dGhpcy5taW51dGVzID0gJzAnICsgdGhpcy5taW51dGVzO1xuXHRcdH1cblx0fVxuXG5cdHdyaXRlVmFsdWUodmFsdWU6IG51bWJlciB8IHR5cGVvZiBpbnZhbGlkVGltZUtleSk6IHZvaWQge1xuXHRcdGlmIChOdW1iZXIuaXNGaW5pdGUodmFsdWUpKSB7XG5cdFx0XHR0aGlzLmhvdXJzID0gTWF0aC5mbG9vcih2YWx1ZSBhcyBudW1iZXIgLyA2MCkgKyAnJztcblx0XHRcdHRoaXMubWludXRlcyA9IHZhbHVlIGFzIG51bWJlciAlIDYwICsgJyc7XG5cdFx0XHR0aGlzLmZvcm1hdFRpbWUoKTtcblx0XHRcdHN1cGVyLndyaXRlVmFsdWUodmFsdWUpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aGlzLmhvdXJzID0gJyc7XG5cdFx0XHR0aGlzLm1pbnV0ZXMgPSAnJztcblx0XHRcdHN1cGVyLndyaXRlVmFsdWUoaW52YWxpZFRpbWVLZXkpO1xuXHRcdH1cblx0fVxuXG5cdG5vdGlmeU5ld1RpbWUoKTogdm9pZCB7XG5cdFx0Y29uc3QgcGFyc2VkSG91cnMgPSBOdW1iZXIodGhpcy5ob3Vycyk7XG5cdFx0Y29uc3QgcGFyc2VkTWludXRlcyA9IE51bWJlcih0aGlzLm1pbnV0ZXMpO1xuXG5cdFx0Ly8gd2hlbiBhbGwgaW5wdXRzIGFyZSBlbXB0eVxuXHRcdGlmICghc3RyaW5nSXNTZXRBbmRGaWxsZWQodGhpcy5ob3VycykgJiYgIXN0cmluZ0lzU2V0QW5kRmlsbGVkKHRoaXMubWludXRlcykpIHtcblx0XHRcdHRoaXMuc2V0SW5uZXJWYWx1ZUFuZE5vdGlmeShudWxsKTtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cdFx0Ly8gaWYgd2UgaGF2ZSB2YWxpZCB0aW1lXG5cdFx0aWYgKFxuXHRcdFx0TnVtYmVyLmlzRmluaXRlKHBhcnNlZEhvdXJzKSAmJlxuXHRcdFx0cGFyc2VkSG91cnMgPj0gMCAmJlxuXHRcdFx0cGFyc2VkSG91cnMgPD0gOTk5OSAmJlxuXHRcdFx0TnVtYmVyLmlzRmluaXRlKHBhcnNlZE1pbnV0ZXMpICYmXG5cdFx0XHRwYXJzZWRNaW51dGVzID49IDAgJiZcblx0XHRcdHBhcnNlZE1pbnV0ZXMgPD0gNTlcblx0XHQpIHtcblx0XHRcdHRoaXMuc2V0SW5uZXJWYWx1ZUFuZE5vdGlmeShwYXJzZWRIb3VycyAqIDYwICsgcGFyc2VkTWludXRlcyk7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXHRcdC8vIGFsbCBvdGhlciBjYXNlcywgd2UgYXJlIG5vdCBpbiBhIHZhbGlkIHN0YXRlXG5cdFx0dGhpcy5zZXRJbm5lclZhbHVlQW5kTm90aWZ5KGludmFsaWRUaW1lS2V5KTtcblx0fVxuXG5cdHRvdWNoSG91cnMoKTogdm9pZCB7XG5cdFx0dGhpcy5ob3Vyc1RvdWNoZWQgPSB0cnVlO1xuXHRcdHRoaXMuZGV0ZXJtaW5lQWxsVG91Y2hlZCgpO1xuXHR9XG5cblx0dG91Y2hNaW51dGVzKCk6IHZvaWQge1xuXHRcdHRoaXMubWludXRlc1RvdWNoZWQgPSB0cnVlO1xuXHRcdHRoaXMuZGV0ZXJtaW5lQWxsVG91Y2hlZCgpO1xuXHR9XG5cblx0ZGV0ZXJtaW5lQWxsVG91Y2hlZCgpOiB2b2lkIHtcblx0XHRpZiAodGhpcy5ob3Vyc1RvdWNoZWQgJiYgdGhpcy5taW51dGVzVG91Y2hlZCkge1xuXHRcdFx0dGhpcy50b3VjaCgpO1xuXHRcdH1cblx0fVxufVxuIl19
|
|
@@ -1509,6 +1509,7 @@ function timeValidator(control) {
|
|
|
1509
1509
|
class HourMinuteInputComponent extends ValueAccessorBase {
|
|
1510
1510
|
constructor() {
|
|
1511
1511
|
super(...arguments);
|
|
1512
|
+
this.placeholders = ['hour', 'min'];
|
|
1512
1513
|
this.hoursTouched = false;
|
|
1513
1514
|
this.minutesTouched = false;
|
|
1514
1515
|
}
|
|
@@ -1581,9 +1582,9 @@ class HourMinuteInputComponent extends ValueAccessorBase {
|
|
|
1581
1582
|
HourMinuteInputComponent.decorators = [
|
|
1582
1583
|
{ type: Component, args: [{
|
|
1583
1584
|
selector: 'klp-form-hour-minute-input',
|
|
1584
|
-
template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input class=\"hourInput\" maxlength=\"4\" placeholder=\"
|
|
1585
|
+
template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input class=\"hourInput\" maxlength=\"4\" [placeholder]=\"placeholders[0]\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" [placeholder]=\"placeholders[1]\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n</div>\n",
|
|
1585
1586
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: HourMinuteInputComponent, multi: true }],
|
|
1586
|
-
styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:
|
|
1587
|
+
styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:30px}.componentContainer input.hourInput{width:50px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]
|
|
1587
1588
|
},] }
|
|
1588
1589
|
];
|
|
1589
1590
|
|