@formql/core
Version:
FormQL - A framework for building dynamic forms
71 lines • 7.9 kB
JavaScript
var FormQLTextareaComponent_1;
import { __decorate, __metadata } from "tslib";
import { Component, Input, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormControl } from '@angular/forms';
let FormQLTextareaComponent = FormQLTextareaComponent_1 = class FormQLTextareaComponent {
constructor() {
this._propagateChange = (_) => { };
}
get value() {
return this._value;
}
set value(value) {
this._value = value;
this._propagateChange(this._value);
}
writeValue(value) {
if (value)
this._value = value;
}
registerOnChange(fn) {
this._propagateChange = fn;
}
registerOnTouched(fn) { }
};
FormQLTextareaComponent.componentName = 'FormQLTextareaComponent';
FormQLTextareaComponent.formQLComponent = true;
FormQLTextareaComponent.validators = [
{
name: 'Required',
validator: Validators.required,
key: 'required'
}
];
__decorate([
Input(),
__metadata("design:type", Object)
], FormQLTextareaComponent.prototype, "field", void 0);
__decorate([
Input(),
__metadata("design:type", FormControl)
], FormQLTextareaComponent.prototype, "formControl", void 0);
FormQLTextareaComponent = FormQLTextareaComponent_1 = __decorate([
Component({
selector: 'formql-textbox',
template: `<div *ngIf="formControl!=null">
<label [attr.for]="field.componentId"
[ngClass]="{'fql-bundle-label-required': field.rules?.required?.value}">{{field.label}}</label>
<div>
<textarea [id]="field.componentId" [formControl]="formControl" class="fql-bundle-field-input"
[tabIndex]="field.tabIndex" [attr.disabled]="formControl.disabled ? '' : null">
</textarea>
</div>
</div>`,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => FormQLTextareaComponent_1),
multi: true
},
{
provide: NG_VALIDATORS,
useExisting: forwardRef(() => FormQLTextareaComponent_1),
multi: true
}
],
styles: [".fql-bundle-field-input{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.fql-bundle-checkbox-input{cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.fql-bundle-label-required:after{content:\" *\";color:red}.fql-bundle-field-radio{cursor:pointer}.fql-error-message{text-align:center;padding:20px}.fql-dnd-container-separator{box-shadow:0 -2px 0 #00f}.fql-dnd-container-drop-area{outline:dashed 3px}"]
}),
__metadata("design:paramtypes", [])
], FormQLTextareaComponent);
export { FormQLTextareaComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybXFsLXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bmb3JtcWwvY29yZS8iLCJzb3VyY2VzIjpbImJ1bmRsZS9mb3JtcWwtdGV4dGFyZWEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQTZCakgsSUFBYSx1QkFBdUIsK0JBQXBDLE1BQWEsdUJBQXVCO0lBaUJoQztRQUZRLHFCQUFnQixHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFHM0MsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUNwQixJQUFJLEtBQUs7WUFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPLElBQVUsQ0FBQztDQUN2QyxDQUFBO0FBdENVLHFDQUFhLEdBQUcseUJBQXlCLENBQUM7QUFDMUMsdUNBQWUsR0FBRyxJQUFJLENBQUM7QUFDdkIsa0NBQVUsR0FBRztJQUNEO1FBQ1gsSUFBSSxFQUFFLFVBQVU7UUFDaEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxRQUFRO1FBQzlCLEdBQUcsRUFBRSxVQUFVO0tBQ2xCO0NBQ0osQ0FBQztBQUVPO0lBQVIsS0FBSyxFQUFFOztzREFBMkI7QUFDMUI7SUFBUixLQUFLLEVBQUU7OEJBQWMsV0FBVzs0REFBQztBQVp6Qix1QkFBdUI7SUF4Qm5DLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxnQkFBZ0I7UUFFMUIsUUFBUSxFQUFFOzs7Ozs7OztlQVFDO1FBQ1gsU0FBUyxFQUFFO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBdUIsQ0FBQztnQkFDdEQsS0FBSyxFQUFFLElBQUk7YUFDZDtZQUNEO2dCQUNJLE9BQU8sRUFBRSxhQUFhO2dCQUN0QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF1QixDQUFDO2dCQUN0RCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQUM7O0tBQ1QsQ0FBQzs7R0FDVyx1QkFBdUIsQ0F1Q25DO1NBdkNZLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SLCBOR19WQUxJREFUT1JTLCBWYWxpZGF0b3JzLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRm9ybUNvbXBvbmVudCB9IGZyb20gJy4uL21vZGVscy9mb3JtLWNvbXBvbmVudC5tb2RlbCc7XHJcbmltcG9ydCB7IEZvcm1WYWxpZGF0b3IgfSBmcm9tICcuLi9tb2RlbHMvcnVsZS5tb2RlbCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2Zvcm1xbC10ZXh0Ym94JyxcclxuICAgIHN0eWxlVXJsczogWycuL2Zvcm1xbC10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgdGVtcGxhdGU6IGA8ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2whPW51bGxcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZpZWxkLmNvbXBvbmVudElkXCJcclxuICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmcWwtYnVuZGxlLWxhYmVsLXJlcXVpcmVkJzogZmllbGQucnVsZXM/LnJlcXVpcmVkPy52YWx1ZX1cIj57e2ZpZWxkLmxhYmVsfX08L2xhYmVsPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDx0ZXh0YXJlYSBbaWRdPVwiZmllbGQuY29tcG9uZW50SWRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBjbGFzcz1cImZxbC1idW5kbGUtZmllbGQtaW5wdXRcIlxyXG4gICAgICAgICAgICBbdGFiSW5kZXhdPVwiZmllbGQudGFiSW5kZXhcIiBbYXR0ci5kaXNhYmxlZF09XCJmb3JtQ29udHJvbC5kaXNhYmxlZCA/ICcnIDogbnVsbFwiPlxyXG4gICAgICAgICAgICA8L3RleHRhcmVhPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PmAsXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBGb3JtUUxUZXh0YXJlYUNvbXBvbmVudCksXHJcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEZvcm1RTFRleHRhcmVhQ29tcG9uZW50KSxcclxuICAgICAgICAgICAgbXVsdGk6IHRydWVcclxuICAgICAgICB9XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVFMVGV4dGFyZWFDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgICBzdGF0aWMgY29tcG9uZW50TmFtZSA9ICdGb3JtUUxUZXh0YXJlYUNvbXBvbmVudCc7XHJcbiAgICBzdGF0aWMgZm9ybVFMQ29tcG9uZW50ID0gdHJ1ZTtcclxuICAgIHN0YXRpYyB2YWxpZGF0b3JzID0gW1xyXG4gICAgICAgIDxGb3JtVmFsaWRhdG9yPntcclxuICAgICAgICAgICAgbmFtZTogJ1JlcXVpcmVkJyxcclxuICAgICAgICAgICAgdmFsaWRhdG9yOiBWYWxpZGF0b3JzLnJlcXVpcmVkLFxyXG4gICAgICAgICAgICBrZXk6ICdyZXF1aXJlZCdcclxuICAgICAgICB9XHJcbiAgICBdO1xyXG5cclxuICAgIEBJbnB1dCgpIGZpZWxkOiBGb3JtQ29tcG9uZW50PGFueT47XHJcbiAgICBASW5wdXQoKSBmb3JtQ29udHJvbDogRm9ybUNvbnRyb2w7XHJcblxyXG4gICAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZztcclxuICAgIHByaXZhdGUgX3Byb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgdmFsdWUoKTogYW55IHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgICAgIHRoaXMuX3Byb3BhZ2F0ZUNoYW5nZSh0aGlzLl92YWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHZhbHVlKVxyXG4gICAgICAgICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX3Byb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHsgfVxyXG59XHJcbiJdfQ==