@bi8/am-dyn-form
Version:
ng update @angular/cli yarn add @angular/cli
99 lines • 11.7 kB
JavaScript
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';
var AmTimepickerComponent = /** @class */ (function () {
function AmTimepickerComponent(_elementRef) {
this._elementRef = _elementRef;
this._cvaOnChange = function () { };
this._validatorOnChange = function () { };
this._onTouched = function () { };
this.timeForm = new FormGroup({
hours: new FormControl(),
minutes: new FormControl(),
amPm: new FormControl()
});
}
AmTimepickerComponent_1 = AmTimepickerComponent;
Object.defineProperty(AmTimepickerComponent.prototype, "minHours", {
set: function (minHours) {
this._minHours = minHours;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AmTimepickerComponent.prototype, "maxHours", {
set: function (maxHours) {
this._maxHours = maxHours;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AmTimepickerComponent.prototype, "disabled", {
get: function () { return !!this._disabled; },
set: function (value) {
var newValue = coerceBooleanProperty(value);
if (this._disabled !== newValue) {
this._disabled = newValue;
}
},
enumerable: true,
configurable: true
});
AmTimepickerComponent.prototype.ngAfterContentInit = function () {
};
AmTimepickerComponent.prototype.ngOnDestroy = function () {
};
AmTimepickerComponent.prototype.writeValue = function (value) {
this._data = value;
console.log("writeValue: ", value);
};
AmTimepickerComponent.prototype.registerOnChange = function (fn) {
this._cvaOnChange = fn;
console.log("registerOnChange:", fn);
};
AmTimepickerComponent.prototype.registerOnTouched = function (fn) {
this._onTouched = fn;
console.log("registerOnTouch: ", fn);
};
AmTimepickerComponent.prototype.setDisabledState = function (disabled) {
this.disabled = disabled;
console.log("setDisabled: ", disabled);
};
var AmTimepickerComponent_1;
AmTimepickerComponent.ctorParameters = function () { return [
{ 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(function () { return AmTimepickerComponent_1; }),
multi: true
}
]
}),
tslib_1.__metadata("design:paramtypes", [ElementRef])
], AmTimepickerComponent);
return AmTimepickerComponent;
}());
export { AmTimepickerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYmk4L2FtLWR5bi1mb3JtLyIsInNvdXJjZXMiOlsiYXBwL21vZHVsZXMvYW0tZHluLWZvcm0vdGltZXBpY2tlci90aW1lcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFNUQsT0FBTyxFQUNMLGdCQUFnQixFQUFFLFNBQVMsRUFDM0IsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCxTQUFTLEVBQ1YsTUFBTSxnQkFBZ0IsQ0FBQztBQWN4QjtJQWlDRSwrQkFBb0IsV0FBdUI7UUFBdkIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUExQm5DLGlCQUFZLEdBQXlCLGNBQU8sQ0FBQyxDQUFDO1FBQzlDLHVCQUFrQixHQUFHLGNBQU8sQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxjQUFPLENBQUMsQ0FBQztRQXlCNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLFNBQVMsQ0FBRTtZQUM3QixLQUFLLEVBQUUsSUFBSSxXQUFXLEVBQUU7WUFDeEIsT0FBTyxFQUFFLElBQUksV0FBVyxFQUFFO1lBQzFCLElBQUksRUFBRSxJQUFJLFdBQVcsRUFBRTtTQUN4QixDQUFDLENBQUM7SUFDTCxDQUFDOzhCQXZDVSxxQkFBcUI7SUFjaEMsc0JBQUksMkNBQVE7YUFBWixVQUFhLFFBQWdCO1lBQzNCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQzVCLENBQUM7OztPQUFBO0lBR0Qsc0JBQUksMkNBQVE7YUFBWixVQUFhLFFBQWdCO1lBQzNCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQzVCLENBQUM7OztPQUFBO0lBR0Qsc0JBQUksMkNBQVE7YUFBWixjQUFpQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQzthQUMzQyxVQUFhLEtBQVU7WUFDckIsSUFBTSxRQUFRLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFOUMsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7YUFDM0I7UUFDSCxDQUFDOzs7T0FQMEM7SUFpQjNDLGtEQUFrQixHQUFsQjtJQUNBLENBQUM7SUFFRCwyQ0FBVyxHQUFYO0lBQ0EsQ0FBQztJQUVELDBDQUFVLEdBQVYsVUFBVyxLQUFlO1FBQ3hCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxnREFBZ0IsR0FBaEIsVUFBaUIsRUFBd0I7UUFDdkMsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7UUFDdkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsaURBQWlCLEdBQWpCLFVBQWtCLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7UUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsZ0RBQWdCLEdBQWhCLFVBQWlCLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OztnQkFoQ2dDLFVBQVU7O0lBbkIzQztRQURDLEtBQUssRUFBRTs7O3lEQUdQO0lBR0Q7UUFEQyxLQUFLLEVBQUU7Ozt5REFHUDtJQUdEO1FBREMsS0FBSyxFQUFFOzs7eURBQ21DO0lBeEJoQyxxQkFBcUI7UUFYakMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGVBQWU7WUFDekIsK3lEQUEwQztZQUMxQyxTQUFTLEVBQUU7Z0JBQ1Q7b0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxjQUFNLE9BQUEsdUJBQXFCLEVBQXJCLENBQXFCLENBQUM7b0JBQ3BELEtBQUssRUFBRSxJQUFJO2lCQUNaO2FBQ0Y7U0FDRixDQUFDO2lEQWtDaUMsVUFBVTtPQWpDaEMscUJBQXFCLENBa0VqQztJQUFELDRCQUFDO0NBQUEsQUFsRUQsSUFrRUM7U0FsRVkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjb2VyY2VCb29sZWFuUHJvcGVydHl9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XHJcblxyXG5pbXBvcnQge1xyXG4gIEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCxcclxuICBEaXJlY3RpdmUsXHJcbiAgRWxlbWVudFJlZixcclxuICBmb3J3YXJkUmVmLFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveVxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHtcclxuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcclxuICBOR19WQUxVRV9BQ0NFU1NPUixcclxuICBGb3JtQ29udHJvbCxcclxuICBGb3JtR3JvdXBcclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7VGltZURhdGF9IGZyb20gXCIuLi9keW4tdmFsaWRhdG9yc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbS10aW1lcGlja2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGltZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBbVRpbWVwaWNrZXJDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFtVGltZXBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkRlc3Ryb3kge1xyXG5cclxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbjtcclxuICBwcml2YXRlIF9kYXRhOiBUaW1lRGF0YSB8IG51bGw7XHJcbiAgcHJpdmF0ZSBfbWluSG91cnM6IG51bWJlcjtcclxuICBwcml2YXRlIF9tYXhIb3VyczogbnVtYmVyO1xyXG5cclxuICBwcml2YXRlIF9jdmFPbkNoYW5nZTogKHZhbHVlOiBhbnkpID0+IHZvaWQgPSAoKSA9PiB7fTtcclxuICBwcml2YXRlIF92YWxpZGF0b3JPbkNoYW5nZSA9ICgpID0+IHt9O1xyXG4gIHByaXZhdGUgX29uVG91Y2hlZCA9ICgpID0+IHt9O1xyXG5cclxuICB0aW1lRm9ybTogRm9ybUdyb3VwO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBtaW5Ib3VycyhtaW5Ib3VyczogbnVtYmVyKXtcclxuICAgIHRoaXMuX21pbkhvdXJzID0gbWluSG91cnM7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBtYXhIb3VycyhtYXhIb3VyczogbnVtYmVyKXtcclxuICAgIHRoaXMuX21heEhvdXJzID0gbWF4SG91cnM7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpIHsgcmV0dXJuICEhdGhpcy5fZGlzYWJsZWQ7IH1cclxuICBzZXQgZGlzYWJsZWQodmFsdWU6IGFueSkge1xyXG4gICAgY29uc3QgbmV3VmFsdWUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xyXG5cclxuICAgIGlmICh0aGlzLl9kaXNhYmxlZCAhPT0gbmV3VmFsdWUpIHtcclxuICAgICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuICAgIHRoaXMudGltZUZvcm0gPSBuZXcgRm9ybUdyb3VwICh7XHJcbiAgICAgIGhvdXJzOiBuZXcgRm9ybUNvbnRyb2woKSxcclxuICAgICAgbWludXRlczogbmV3IEZvcm1Db250cm9sKCksXHJcbiAgICAgIGFtUG06IG5ldyBGb3JtQ29udHJvbCgpXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVGltZURhdGEpOiB2b2lkIHtcclxuICAgIHRoaXMuX2RhdGEgPSB2YWx1ZTtcclxuICAgIGNvbnNvbGUubG9nKFwid3JpdGVWYWx1ZTogXCIsIHZhbHVlKTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkKTogdm9pZCB7XHJcbiAgICB0aGlzLl9jdmFPbkNoYW5nZSA9IGZuO1xyXG4gICAgY29uc29sZS5sb2coXCJyZWdpc3Rlck9uQ2hhbmdlOlwiLCBmbik7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xyXG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XHJcbiAgICBjb25zb2xlLmxvZyhcInJlZ2lzdGVyT25Ub3VjaDogXCIsIGZuKTtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcclxuICAgIGNvbnNvbGUubG9nKFwic2V0RGlzYWJsZWQ6IFwiLCBkaXNhYmxlZCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==