@bi8/am-dyn-form
Version:
ng update @angular/cli yarn add @angular/cli
85 lines • 10.6 kB
JavaScript
var AmTimepickerComponent_1;
import * as tslib_1 from "tslib";
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import { AfterContentInit, Component, Directive, ElementRef, forwardRef, Input, OnDestroy } from '@angular/core';
import { NG_VALUE_ACCESSOR, FormControl, FormGroup } from '@angular/forms';
let AmTimepickerComponent = AmTimepickerComponent_1 = class AmTimepickerComponent {
constructor(_elementRef) {
this._elementRef = _elementRef;
this._cvaOnChange = () => { };
this._validatorOnChange = () => { };
this._onTouched = () => { };
this.timeForm = new FormGroup({
hours: new FormControl(),
minutes: new FormControl(),
amPm: new FormControl()
});
}
set minHours(minHours) {
this._minHours = minHours;
}
set maxHours(maxHours) {
this._maxHours = maxHours;
}
get disabled() { return !!this._disabled; }
set disabled(value) {
const newValue = coerceBooleanProperty(value);
if (this._disabled !== newValue) {
this._disabled = newValue;
}
}
ngAfterContentInit() {
}
ngOnDestroy() {
}
writeValue(value) {
this._data = value;
console.log("writeValue: ", value);
}
registerOnChange(fn) {
this._cvaOnChange = fn;
console.log("registerOnChange:", fn);
}
registerOnTouched(fn) {
this._onTouched = fn;
console.log("registerOnTouch: ", fn);
}
setDisabledState(disabled) {
this.disabled = disabled;
console.log("setDisabled: ", disabled);
}
};
AmTimepickerComponent.ctorParameters = () => [
{ type: ElementRef }
];
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], AmTimepickerComponent.prototype, "minHours", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], AmTimepickerComponent.prototype, "maxHours", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], AmTimepickerComponent.prototype, "disabled", null);
AmTimepickerComponent = AmTimepickerComponent_1 = tslib_1.__decorate([
Component({
selector: 'am-timepicker',
template: "<form [formGroup]=\"timeForm\" novalidate style=\"display: flex; flex-direction: row;\">\r\n <mat-form-field style=\"width: 40px; padding-right: 5px;\">\r\n <mat-select formControlName=\"hours\">\r\n <mat-option value=\"1\"> 1</mat-option>\r\n <mat-option value=\"2\">2</mat-option>\r\n <mat-option value=\"3\">3</mat-option>\r\n <mat-option value=\"4\">4</mat-option>\r\n <mat-option value=\"5\">5</mat-option>\r\n <mat-option value=\"6\">6</mat-option>\r\n <mat-option value=\"7\">7</mat-option>\r\n <mat-option value=\"8\">8</mat-option>\r\n <mat-option value=\"9\">9</mat-option>\r\n <mat-option value=\"10\">10</mat-option>\r\n <mat-option value=\"11\">11</mat-option>\r\n <mat-option value=\"12\">12</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <mat-form-field style=\"width: 40px; padding-right: 5px;\">\r\n <mat-select formControlName=\"minutes\">\r\n <mat-option value=\"1\">00</mat-option>\r\n <mat-option value=\"1\">05</mat-option>\r\n <mat-option value=\"2\">10</mat-option>\r\n <mat-option value=\"3\">15</mat-option>\r\n <mat-option value=\"4\">20</mat-option>\r\n <mat-option value=\"5\">25</mat-option>\r\n <mat-option value=\"6\">30</mat-option>\r\n <mat-option value=\"7\">35</mat-option>\r\n <mat-option value=\"8\">40</mat-option>\r\n <mat-option value=\"9\">45</mat-option>\r\n <mat-option value=\"10\">50</mat-option>\r\n <mat-option value=\"11\">55</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <mat-form-field style=\"width: 50px;\">\r\n <mat-select formControlName=\"amPm\">\r\n <mat-option value=\"am\">AM</mat-option>\r\n <mat-option value=\"pm\">PM</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n</form>\r\n",
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => AmTimepickerComponent_1),
multi: true
}
]
}),
tslib_1.__metadata("design:paramtypes", [ElementRef])
], AmTimepickerComponent);
export { AmTimepickerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYmk4L2FtLWR5bi1mb3JtLyIsInNvdXJjZXMiOlsiYXBwL21vZHVsZXMvYW0tZHluLWZvcm0vdGltZXBpY2tlci90aW1lcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRTVELE9BQU8sRUFDTCxnQkFBZ0IsRUFBRSxTQUFTLEVBQzNCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsVUFBVSxFQUNWLEtBQUssRUFDTCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixXQUFXLEVBQ1gsU0FBUyxFQUNWLE1BQU0sZ0JBQWdCLENBQUM7QUFjeEIsSUFBYSxxQkFBcUIsNkJBQWxDLE1BQWEscUJBQXFCO0lBaUNoQyxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTFCbkMsaUJBQVksR0FBeUIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQzlDLHVCQUFrQixHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUM5QixlQUFVLEdBQUcsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBeUI1QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksU0FBUyxDQUFFO1lBQzdCLEtBQUssRUFBRSxJQUFJLFdBQVcsRUFBRTtZQUN4QixPQUFPLEVBQUUsSUFBSSxXQUFXLEVBQUU7WUFDMUIsSUFBSSxFQUFFLElBQUksV0FBVyxFQUFFO1NBQ3hCLENBQUMsQ0FBQztJQUNMLENBQUM7SUF6QkQsSUFBSSxRQUFRLENBQUMsUUFBZ0I7UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQztJQUdELElBQUksUUFBUSxDQUFDLFFBQWdCO1FBQzNCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFHRCxJQUFJLFFBQVEsS0FBSyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUMzQyxJQUFJLFFBQVEsQ0FBQyxLQUFVO1FBQ3JCLE1BQU0sUUFBUSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTlDLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLEVBQUU7WUFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBVUQsa0JBQWtCO0lBQ2xCLENBQUM7SUFFRCxXQUFXO0lBQ1gsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFlO1FBQ3hCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUF3QjtRQUN2QyxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixPQUFPLENBQUMsR0FBRyxDQUFDLG1CQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7Q0FDRixDQUFBOztZQWpDa0MsVUFBVTs7QUFuQjNDO0lBREMsS0FBSyxFQUFFOzs7cURBR1A7QUFHRDtJQURDLEtBQUssRUFBRTs7O3FEQUdQO0FBR0Q7SUFEQyxLQUFLLEVBQUU7OztxREFDbUM7QUF4QmhDLHFCQUFxQjtJQVhqQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsZUFBZTtRQUN6QiwreURBQTBDO1FBQzFDLFNBQVMsRUFBRTtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXFCLENBQUM7Z0JBQ3BELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRjtLQUNGLENBQUM7NkNBa0NpQyxVQUFVO0dBakNoQyxxQkFBcUIsQ0FrRWpDO1NBbEVZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y29lcmNlQm9vbGVhblByb3BlcnR5fSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xyXG5cclxuaW1wb3J0IHtcclxuICBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsXHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBPbkRlc3Ryb3lcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7XHJcbiAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgRm9ybUNvbnRyb2wsXHJcbiAgRm9ybUdyb3VwXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge1RpbWVEYXRhfSBmcm9tIFwiLi4vZHluLXZhbGlkYXRvcnNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW0tdGltZXBpY2tlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbWVwaWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQW1UaW1lcGlja2VyQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbVRpbWVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25EZXN0cm95IHtcclxuXHJcbiAgcHJpdmF0ZSBfZGlzYWJsZWQ6IGJvb2xlYW47XHJcbiAgcHJpdmF0ZSBfZGF0YTogVGltZURhdGEgfCBudWxsO1xyXG4gIHByaXZhdGUgX21pbkhvdXJzOiBudW1iZXI7XHJcbiAgcHJpdmF0ZSBfbWF4SG91cnM6IG51bWJlcjtcclxuXHJcbiAgcHJpdmF0ZSBfY3ZhT25DaGFuZ2U6ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XHJcbiAgcHJpdmF0ZSBfdmFsaWRhdG9yT25DaGFuZ2UgPSAoKSA9PiB7fTtcclxuICBwcml2YXRlIF9vblRvdWNoZWQgPSAoKSA9PiB7fTtcclxuXHJcbiAgdGltZUZvcm06IEZvcm1Hcm91cDtcclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgbWluSG91cnMobWluSG91cnM6IG51bWJlcil7XHJcbiAgICB0aGlzLl9taW5Ib3VycyA9IG1pbkhvdXJzO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgbWF4SG91cnMobWF4SG91cnM6IG51bWJlcil7XHJcbiAgICB0aGlzLl9tYXhIb3VycyA9IG1heEhvdXJzO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgZGlzYWJsZWQoKSB7IHJldHVybiAhIXRoaXMuX2Rpc2FibGVkOyB9XHJcbiAgc2V0IGRpc2FibGVkKHZhbHVlOiBhbnkpIHtcclxuICAgIGNvbnN0IG5ld1ZhbHVlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcclxuXHJcbiAgICBpZiAodGhpcy5fZGlzYWJsZWQgIT09IG5ld1ZhbHVlKSB7XHJcbiAgICAgIHRoaXMuX2Rpc2FibGVkID0gbmV3VmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcbiAgICB0aGlzLnRpbWVGb3JtID0gbmV3IEZvcm1Hcm91cCAoe1xyXG4gICAgICBob3VyczogbmV3IEZvcm1Db250cm9sKCksXHJcbiAgICAgIG1pbnV0ZXM6IG5ldyBGb3JtQ29udHJvbCgpLFxyXG4gICAgICBhbVBtOiBuZXcgRm9ybUNvbnRyb2woKVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IFRpbWVEYXRhKTogdm9pZCB7XHJcbiAgICB0aGlzLl9kYXRhID0gdmFsdWU7XHJcbiAgICBjb25zb2xlLmxvZyhcIndyaXRlVmFsdWU6IFwiLCB2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCk6IHZvaWQge1xyXG4gICAgdGhpcy5fY3ZhT25DaGFuZ2UgPSBmbjtcclxuICAgIGNvbnNvbGUubG9nKFwicmVnaXN0ZXJPbkNoYW5nZTpcIiwgZm4pO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uVG91Y2hlZCA9IGZuO1xyXG4gICAgY29uc29sZS5sb2coXCJyZWdpc3Rlck9uVG91Y2g6IFwiLCBmbik7XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XHJcbiAgICBjb25zb2xlLmxvZyhcInNldERpc2FibGVkOiBcIiwgZGlzYWJsZWQpO1xyXG4gIH1cclxufVxyXG4iXX0=