@noaestudio/forms
Version:
Dynamic forms extension for Covalent
86 lines (85 loc) • 7.53 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { AbstractControlValueAccessor } from '../abstract-control-value-accesor';
export var /** @type {?} */ INPUT_INPUT_CONTROL_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return TdDynamicInputComponent; }),
multi: true,
};
var TdDynamicInputComponent = /** @class */ (function (_super) {
tslib_1.__extends(TdDynamicInputComponent, _super);
function TdDynamicInputComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.label = '';
_this.type = undefined;
_this.required = undefined;
_this.min = undefined;
_this.max = undefined;
_this.minLength = undefined;
_this.maxLength = undefined;
_this.step = undefined;
_this.autocomplete = 'off';
return _this;
}
/**
* @return {?}
*/
TdDynamicInputComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.type == 'password') {
this.autocomplete = 'new-password';
}
else {
this.autocomplete = 'off';
}
};
TdDynamicInputComponent.decorators = [
{ type: Component, args: [{
providers: [INPUT_INPUT_CONTROL_VALUE_ACCESSOR],
selector: 'td-dynamic-input',
styles: [".td-dynamic-input-wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-input-wrapper .td-dynamic-input-field{-ms-flex:1;flex:1;box-sizing:border-box}"],
template: "<div class=\"td-dynamic-input-wrapper\">\n <mat-form-field class=\"td-dynamic-input-field\">\n <input #elementInput matInput [(ngModel)]=\"value\" [formControl]=\"control\" [placeholder]=\"label\"\n [type]=\"type\" [autocomplete]=\"autocomplete\" [required]=\"required\" [attr.min]=\"min\" [attr.max]=\"max\"\n [attr.minLength]=\"minLength\" [attr.maxLength]=\"maxLength\" [attr.step]=\"step\" />\n </mat-form-field>\n</div>\n",
},] },
];
/** @nocollapse */
TdDynamicInputComponent.ctorParameters = function () { return []; };
return TdDynamicInputComponent;
}(AbstractControlValueAccessor));
export { TdDynamicInputComponent };
function TdDynamicInputComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
TdDynamicInputComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
TdDynamicInputComponent.ctorParameters;
/** @type {?} */
TdDynamicInputComponent.prototype.control;
/** @type {?} */
TdDynamicInputComponent.prototype.label;
/** @type {?} */
TdDynamicInputComponent.prototype.type;
/** @type {?} */
TdDynamicInputComponent.prototype.required;
/** @type {?} */
TdDynamicInputComponent.prototype.min;
/** @type {?} */
TdDynamicInputComponent.prototype.max;
/** @type {?} */
TdDynamicInputComponent.prototype.minLength;
/** @type {?} */
TdDynamicInputComponent.prototype.maxLength;
/** @type {?} */
TdDynamicInputComponent.prototype.step;
/** @type {?} */
TdDynamicInputComponent.prototype.autocomplete;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY292YWxlbnQvZHluYW1pYy1mb3Jtcy8iLCJzb3VyY2VzIjpbImR5bmFtaWMtZWxlbWVudHMvZHluYW1pYy1pbnB1dC9keW5hbWljLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBcUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVqRixNQUFNLENBQUMscUJBQU0sa0NBQWtDLEdBQVE7SUFDdEQsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLGNBQU0sT0FBQSx1QkFBdUIsRUFBdkIsQ0FBdUIsQ0FBQztJQUN0RCxLQUFLLEVBQUUsSUFBSTtDQUNYLENBQUM7O0lBZTJDLG1EQUE0Qjs7O3NCQUl4RCxFQUFFO3FCQUVILFNBQVM7eUJBRUosU0FBUztvQkFFZixTQUFTO29CQUVULFNBQVM7MEJBRUgsU0FBUzswQkFFVCxTQUFTO3FCQUVkLFNBQVM7NkJBRUEsS0FBSzs7Ozs7O0lBRTdCLDBDQUFROzs7SUFBUjtRQUNDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksVUFBVSxDQUFDLENBQUMsQ0FBQztZQUM3QixJQUFJLENBQUMsWUFBWSxHQUFHLGNBQWMsQ0FBQztTQUNuQztRQUFDLElBQUksQ0FBQyxDQUFDO1lBQ1AsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7U0FDMUI7S0FDRDs7Z0JBekNELFNBQVMsU0FBQztvQkFDVixTQUFTLEVBQUUsQ0FBRSxrQ0FBa0MsQ0FBRTtvQkFDakQsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsTUFBTSxFQUFFLENBQUMsdU5BQXVOLENBQUM7b0JBQ2pPLFFBQVEsRUFBRSx1Y0FPVjtpQkFDQTs7OztrQ0F2QkQ7RUF3QjZDLDRCQUE0QjtTQUE1RCx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4uL2Fic3RyYWN0LWNvbnRyb2wtdmFsdWUtYWNjZXNvcic7XHJcblxyXG5leHBvcnQgY29uc3QgSU5QVVRfSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xyXG5cdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG5cdHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRkRHluYW1pY0lucHV0Q29tcG9uZW50KSxcclxuXHRtdWx0aTogdHJ1ZSxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHByb3ZpZGVyczogWyBJTlBVVF9JTlBVVF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SIF0sXHJcblx0c2VsZWN0b3I6ICd0ZC1keW5hbWljLWlucHV0JyxcclxuXHRzdHlsZXM6IFtgLnRkLWR5bmFtaWMtaW5wdXQtd3JhcHBlcnstbXMtZmxleC1kaXJlY3Rpb246cm93O2ZsZXgtZGlyZWN0aW9uOnJvdztkaXNwbGF5Oi1tcy1mbGV4Ym94O2Rpc3BsYXk6ZmxleDtib3gtc2l6aW5nOmJvcmRlci1ib3h9LnRkLWR5bmFtaWMtaW5wdXQtd3JhcHBlciAudGQtZHluYW1pYy1pbnB1dC1maWVsZHstbXMtZmxleDoxO2ZsZXg6MTtib3gtc2l6aW5nOmJvcmRlci1ib3h9YF0sXHJcblx0dGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidGQtZHluYW1pYy1pbnB1dC13cmFwcGVyXCI+XHJcbiAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJ0ZC1keW5hbWljLWlucHV0LWZpZWxkXCI+XHJcbiAgICAgICAgPGlucHV0ICNlbGVtZW50SW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cImxhYmVsXCJcclxuICAgICAgICBbdHlwZV09XCJ0eXBlXCIgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGVcIiBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIiBbYXR0ci5taW5dPVwibWluXCIgW2F0dHIubWF4XT1cIm1heFwiXHJcbiAgICAgICAgW2F0dHIubWluTGVuZ3RoXT1cIm1pbkxlbmd0aFwiIFthdHRyLm1heExlbmd0aF09XCJtYXhMZW5ndGhcIiBbYXR0ci5zdGVwXT1cInN0ZXBcIiAvPlxyXG4gICAgPC9tYXQtZm9ybS1maWVsZD5cclxuPC9kaXY+XHJcbmAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZER5bmFtaWNJbnB1dENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q29udHJvbFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcclxuXHJcblx0Y29udHJvbDogRm9ybUNvbnRyb2w7XHJcblxyXG5cdGxhYmVsOiBzdHJpbmcgPSAnJztcclxuXHJcblx0dHlwZTogc3RyaW5nID0gdW5kZWZpbmVkO1xyXG5cclxuXHRyZXF1aXJlZDogYm9vbGVhbiA9IHVuZGVmaW5lZDtcclxuXHJcblx0bWluOiBudW1iZXIgPSB1bmRlZmluZWQ7XHJcblxyXG5cdG1heDogbnVtYmVyID0gdW5kZWZpbmVkO1xyXG5cclxuXHRtaW5MZW5ndGg6IG51bWJlciA9IHVuZGVmaW5lZDtcclxuXHJcblx0bWF4TGVuZ3RoOiBudW1iZXIgPSB1bmRlZmluZWQ7XHJcblxyXG5cdHN0ZXA6IG51bWJlciA9IHVuZGVmaW5lZDtcclxuXHJcblx0YXV0b2NvbXBsZXRlIDogc3RyaW5nID0gJ29mZic7XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0aWYgKHRoaXMudHlwZSA9PSAncGFzc3dvcmQnKSB7XHJcblx0XHRcdHRoaXMuYXV0b2NvbXBsZXRlID0gJ25ldy1wYXNzd29yZCc7XHJcblx0XHR9IGVsc2Uge1xyXG5cdFx0XHR0aGlzLmF1dG9jb21wbGV0ZSA9ICdvZmYnO1xyXG5cdFx0fVxyXG5cdH1cclxufVxyXG4iXX0=