@formql/core
Version:
FormQL - A framework for building dynamic forms
68 lines • 8.64 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, Input, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormControl } from '@angular/forms';
var FormQLCheckboxComponent = /** @class */ (function () {
function FormQLCheckboxComponent() {
this._propagateChange = function (_) { };
}
FormQLCheckboxComponent_1 = FormQLCheckboxComponent;
Object.defineProperty(FormQLCheckboxComponent.prototype, "value", {
get: function () {
return this._value;
},
set: function (value) {
this._value = value;
this._propagateChange(this._value);
},
enumerable: true,
configurable: true
});
FormQLCheckboxComponent.prototype.writeValue = function (value) {
if (value)
this._value = value;
};
FormQLCheckboxComponent.prototype.registerOnChange = function (fn) {
this._propagateChange = fn;
};
FormQLCheckboxComponent.prototype.registerOnTouched = function (fn) { };
var FormQLCheckboxComponent_1;
FormQLCheckboxComponent.componentName = 'FormQLCheckboxComponent';
FormQLCheckboxComponent.formQLComponent = true;
FormQLCheckboxComponent.validators = [
{
name: 'Required',
validator: Validators.required,
key: 'required'
}
];
__decorate([
Input(),
__metadata("design:type", Object)
], FormQLCheckboxComponent.prototype, "field", void 0);
__decorate([
Input(),
__metadata("design:type", FormControl)
], FormQLCheckboxComponent.prototype, "formControl", void 0);
FormQLCheckboxComponent = FormQLCheckboxComponent_1 = __decorate([
Component({
selector: 'formql-checkbox',
template: "<div *ngIf=\"formControl!=null\">\n <label [attr.for]=\"field.componentId\"\n [ngClass]=\"{'fql-bundle-label-required': field.rules?.required?.value}\">{{field.label}}</label>\n <div>\n <input [id]=\"field.componentId\" type=\"checkbox\"\n [formControl]=\"formControl\"\n class=\"fql-bundle-checkbox-input\" [tabIndex]=\"field.tabIndex\"\n [attr.disabled]=\"formControl.disabled ? '' : null\">\n </div>\n </div>",
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return FormQLCheckboxComponent_1; }),
multi: true
},
{
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return FormQLCheckboxComponent_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}"]
})
], FormQLCheckboxComponent);
return FormQLCheckboxComponent;
}());
export { FormQLCheckboxComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybXFsLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bmb3JtcWwvY29yZS8iLCJzb3VyY2VzIjpbImJ1bmRsZS9mb3JtcWwtY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBOEJqSDtJQUFBO1FBaUJZLHFCQUFnQixHQUFHLFVBQUMsQ0FBVSxJQUFPLENBQUMsQ0FBQztJQXNCbkQsQ0FBQztnQ0F2Q1ksdUJBQXVCO0lBbUJoQyxzQkFBSSwwQ0FBSzthQUFUO1lBRUksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7YUFFRCxVQUFVLEtBQWM7WUFDcEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QyxDQUFDOzs7T0FMQTtJQU9ELDRDQUFVLEdBQVYsVUFBVyxLQUFjO1FBQ3JCLElBQUksS0FBSztZQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxrREFBZ0IsR0FBaEIsVUFBaUIsRUFBTztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxtREFBaUIsR0FBakIsVUFBa0IsRUFBTyxJQUFVLENBQUM7O0lBcEM3QixxQ0FBYSxHQUFHLHlCQUF5QixDQUFDO0lBQzFDLHVDQUFlLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLGtDQUFVLEdBQUc7UUFDRDtZQUNYLElBQUksRUFBRSxVQUFVO1lBQ2hCLFNBQVMsRUFBRSxVQUFVLENBQUMsUUFBUTtZQUM5QixHQUFHLEVBQUUsVUFBVTtTQUNsQjtLQUNKLENBQUM7SUFFTztRQUFSLEtBQUssRUFBRTs7MERBQStCO0lBQzlCO1FBQVIsS0FBSyxFQUFFO2tDQUFjLFdBQVc7Z0VBQUM7SUFiekIsdUJBQXVCO1FBekJuQyxTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsaUJBQWlCO1lBRTNCLFFBQVEsRUFBRSx1aEJBU0M7WUFDWCxTQUFTLEVBQUU7Z0JBQ1A7b0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxjQUFNLE9BQUEseUJBQXVCLEVBQXZCLENBQXVCLENBQUM7b0JBQ3RELEtBQUssRUFBRSxJQUFJO2lCQUNkO2dCQUNEO29CQUNJLE9BQU8sRUFBRSxhQUFhO29CQUN0QixXQUFXLEVBQUUsVUFBVSxDQUFDLGNBQU0sT0FBQSx5QkFBdUIsRUFBdkIsQ0FBdUIsQ0FBQztvQkFDdEQsS0FBSyxFQUFFLElBQUk7aUJBQ2Q7YUFBQzs7U0FDVCxDQUFDO09BQ1csdUJBQXVCLENBdUNuQztJQUFELDhCQUFDO0NBQUEsQUF2Q0QsSUF1Q0M7U0F2Q1ksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIE5HX1ZBTElEQVRPUlMsIFZhbGlkYXRvcnMsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kZWxzL2Zvcm0tY29tcG9uZW50Lm1vZGVsJztcclxuaW1wb3J0IHsgRm9ybVZhbGlkYXRvciB9IGZyb20gJy4uL21vZGVscy9ydWxlLm1vZGVsJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnZm9ybXFsLWNoZWNrYm94JyxcclxuICAgIHN0eWxlVXJsczogWycuL2Zvcm1xbC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgdGVtcGxhdGU6IGA8ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2whPW51bGxcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZpZWxkLmNvbXBvbmVudElkXCJcclxuICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmcWwtYnVuZGxlLWxhYmVsLXJlcXVpcmVkJzogZmllbGQucnVsZXM/LnJlcXVpcmVkPy52YWx1ZX1cIj57e2ZpZWxkLmxhYmVsfX08L2xhYmVsPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGlucHV0IFtpZF09XCJmaWVsZC5jb21wb25lbnRJZFwiIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZxbC1idW5kbGUtY2hlY2tib3gtaW5wdXRcIiBbdGFiSW5kZXhdPVwiZmllbGQudGFiSW5kZXhcIlxyXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLmRpc2FibGVkXT1cImZvcm1Db250cm9sLmRpc2FibGVkID8gJycgOiBudWxsXCI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PmAsXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBGb3JtUUxDaGVja2JveENvbXBvbmVudCksXHJcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEZvcm1RTENoZWNrYm94Q29tcG9uZW50KSxcclxuICAgICAgICAgICAgbXVsdGk6IHRydWVcclxuICAgICAgICB9XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVFMQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcblxyXG4gICAgc3RhdGljIGNvbXBvbmVudE5hbWUgPSAnRm9ybVFMQ2hlY2tib3hDb21wb25lbnQnO1xyXG4gICAgc3RhdGljIGZvcm1RTENvbXBvbmVudCA9IHRydWU7XHJcbiAgICBzdGF0aWMgdmFsaWRhdG9ycyA9IFtcclxuICAgICAgICA8Rm9ybVZhbGlkYXRvcj57XHJcbiAgICAgICAgICAgIG5hbWU6ICdSZXF1aXJlZCcsXHJcbiAgICAgICAgICAgIHZhbGlkYXRvcjogVmFsaWRhdG9ycy5yZXF1aXJlZCxcclxuICAgICAgICAgICAga2V5OiAncmVxdWlyZWQnXHJcbiAgICAgICAgfVxyXG4gICAgXTtcclxuXHJcbiAgICBASW5wdXQoKSBmaWVsZDogRm9ybUNvbXBvbmVudDxib29sZWFuPjtcclxuICAgIEBJbnB1dCgpIGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcbiAgICBwcml2YXRlIF92YWx1ZTogYm9vbGVhbjtcclxuXHJcbiAgICBwcml2YXRlIF9wcm9wYWdhdGVDaGFuZ2UgPSAoXzogYm9vbGVhbikgPT4geyB9O1xyXG5cclxuICAgIGdldCB2YWx1ZSgpOiBib29sZWFuIHtcclxuXHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIHNldCB2YWx1ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XHJcbiAgICAgICAgdGhpcy5fcHJvcGFnYXRlQ2hhbmdlKHRoaXMuX3ZhbHVlKTtcclxuICAgIH1cclxuXHJcbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHZhbHVlKVxyXG4gICAgICAgICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX3Byb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHsgfVxyXG59XHJcbiJdfQ==