@skireal/form-builder
Version:
Form builder for Angular apps
64 lines • 8.83 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
var FormBuilderComponent = /** @class */ (function () {
function FormBuilderComponent() {
this.enableGeneralFields = true;
this.enableConditionalLogicBlocks = false;
this.isSurvey = true;
this.incomingFormData = '';
this.enableSetValidationOptions = false;
this.locale = {};
this.jsonCreated = new EventEmitter();
this.formData = {
formData: {
steps: [],
generalFields: []
},
options: {
name: '',
type: '',
country: ''
},
uniqueFormData: []
};
}
FormBuilderComponent.prototype.ngOnInit = function () {
this.formData = JSON.parse(this.incomingFormData);
};
FormBuilderComponent.prototype.onSaveClicked = function ($event) {
var jsonData = JSON.stringify($event);
this.jsonCreated.emit(jsonData);
};
__decorate([
Input()
], FormBuilderComponent.prototype, "enableGeneralFields", void 0);
__decorate([
Input()
], FormBuilderComponent.prototype, "enableConditionalLogicBlocks", void 0);
__decorate([
Input()
], FormBuilderComponent.prototype, "isSurvey", void 0);
__decorate([
Input()
], FormBuilderComponent.prototype, "incomingFormData", void 0);
__decorate([
Input()
], FormBuilderComponent.prototype, "enableSetValidationOptions", void 0);
__decorate([
Input()
], FormBuilderComponent.prototype, "locale", void 0);
__decorate([
Output()
], FormBuilderComponent.prototype, "jsonCreated", void 0);
FormBuilderComponent = __decorate([
Component({
selector: 'form-builder',
template: "<div>\n <app-ui\n (saveClicked)=\"onSaveClicked($event)\"\n [enableGeneralFields]=\"enableGeneralFields\"\n [enableConditionalLogicBlocks]=\"enableConditionalLogicBlocks\"\n [isSurvey]=\"isSurvey\"\n [incomingFormData]=\"formData\"\n [enableSetValidationOptions]=\"enableSetValidationOptions\"\n [locale]=\"locale\">\n </app-ui>\n</div>\n",
encapsulation: ViewEncapsulation.None,
styles: ["@font-face{font-display:block;font-family:bootstrap-icons;src:url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6) format(\"woff\")}:root{--fb-body-bg:#fff;--fb-body-color:#212529;--fb-border-radius:0.375rem;--fb-border-radius-lg:0.5rem;--fb-border-width:1px;--fb-border-color:#dee2e6;--fb-body-font-family:var(--fb-font-sans-serif);--fb-body-font-weight:400;--fb-body-line-height:1.5;--fb-font-sans-serif:system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--fb-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace}input.ng-invalid.ng-touched{border:1px solid red;box-shadow:0 0 0 .1rem rgba(255,76,76,.966)}.cdk-drag-preview{z-index:10000005!important}.form-builder__form-control{display:block;width:100%;height:auto;box-sizing:border-box;padding:6px 12px;font-size:16px;font-weight:400;line-height:1.5;text-align:start;color:#212529;background-color:#fff;border:.8px solid #dee2e6;border-radius:6px;box-shadow:none;cursor:text;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-builder__form-control-sm{padding:4px 8px;font-size:13px;border-radius:3px}.form-builder__form-select{display:block;align-items:center;box-sizing:border-box;width:100%;padding:6px 12px;overflow:visible;font-size:16px;font-weight:400;line-height:1.5;text-align:start;color:#212529;background-color:#fff;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");background-position:calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:16px 12px;border:.8px solid #dee2e6;border-radius:6px;box-shadow:none;cursor:default;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.form-builder__form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .05rem rgba(13,110,253,.25)}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.form-builder__row .form-builder__col{flex-shrink:0;width:100%;max-width:100%;padding-right:12px;padding-left:12px}.form-builder__row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.form-builder__col{flex:1 0 0%}.p-0{padding:0!important}@media (min-width:1200px){.form-builder__col-xl-2{flex:0 0 auto;width:16.66666667%}}"]
})
], FormBuilderComponent);
return FormBuilderComponent;
}());
export { FormBuilderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1idWlsZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza2lyZWFsL2Zvcm0tYnVpbGRlci8iLCJzb3VyY2VzIjpbImxpYi9mb3JtLWJ1aWxkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUzFGO0lBQUE7UUFDVyx3QkFBbUIsR0FBRyxJQUFJLENBQUM7UUFDM0IsaUNBQTRCLEdBQUcsS0FBSyxDQUFDO1FBQ3JDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLCtCQUEwQixHQUFHLEtBQUssQ0FBQztRQUNuQyxXQUFNLEdBQTJCLEVBQUUsQ0FBQztRQUVuQyxnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXpFLGFBQVEsR0FBb0I7WUFDMUIsUUFBUSxFQUFFO2dCQUNSLEtBQUssRUFBRSxFQUFFO2dCQUNULGFBQWEsRUFBRSxFQUFFO2FBQ2xCO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLElBQUksRUFBRSxFQUFFO2dCQUNSLElBQUksRUFBRSxFQUFFO2dCQUNSLE9BQU8sRUFBRSxFQUFFO2FBQ1o7WUFDRCxjQUFjLEVBQUUsRUFBRTtTQUNuQixDQUFDO0lBVUosQ0FBQztJQVJDLHVDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELDRDQUFhLEdBQWIsVUFBYyxNQUF1QjtRQUNuQyxJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUE3QlE7UUFBUixLQUFLLEVBQUU7cUVBQTRCO0lBQzNCO1FBQVIsS0FBSyxFQUFFOzhFQUFzQztJQUNyQztRQUFSLEtBQUssRUFBRTswREFBaUI7SUFDaEI7UUFBUixLQUFLLEVBQUU7a0VBQXVCO0lBQ3RCO1FBQVIsS0FBSyxFQUFFOzRFQUFvQztJQUNuQztRQUFSLEtBQUssRUFBRTt3REFBcUM7SUFFbkM7UUFBVCxNQUFNLEVBQUU7NkRBQWdFO0lBUjlELG9CQUFvQjtRQU5oQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsY0FBYztZQUN4QixxWEFBNEM7WUFFNUMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O1NBQ3RDLENBQUM7T0FDVyxvQkFBb0IsQ0ErQmhDO0lBQUQsMkJBQUM7Q0FBQSxBQS9CRCxJQStCQztTQS9CWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybU9wdGlvbnNGdWxsIH0gZnJvbSAnLi9tb2RlbHMvZm9ybS1jb25zdHJ1Y3Rvci5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Zvcm0tYnVpbGRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS1idWlsZGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybUJ1aWxkZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGVuYWJsZUdlbmVyYWxGaWVsZHMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGVuYWJsZUNvbmRpdGlvbmFsTG9naWNCbG9ja3MgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc1N1cnZleSA9IHRydWU7XHJcbiAgQElucHV0KCkgaW5jb21pbmdGb3JtRGF0YSA9ICcnO1xyXG4gIEBJbnB1dCgpIGVuYWJsZVNldFZhbGlkYXRpb25PcHRpb25zID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbG9jYWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XHJcblxyXG4gIEBPdXRwdXQoKSBqc29uQ3JlYXRlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgZm9ybURhdGE6IEZvcm1PcHRpb25zRnVsbCA9IHtcclxuICAgIGZvcm1EYXRhOiB7XHJcbiAgICAgIHN0ZXBzOiBbXSxcclxuICAgICAgZ2VuZXJhbEZpZWxkczogW11cclxuICAgIH0sXHJcbiAgICBvcHRpb25zOiB7XHJcbiAgICAgIG5hbWU6ICcnLFxyXG4gICAgICB0eXBlOiAnJyxcclxuICAgICAgY291bnRyeTogJydcclxuICAgIH0sXHJcbiAgICB1bmlxdWVGb3JtRGF0YTogW11cclxuICB9O1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZm9ybURhdGEgPSBKU09OLnBhcnNlKHRoaXMuaW5jb21pbmdGb3JtRGF0YSk7XHJcbiAgfVxyXG5cclxuICBvblNhdmVDbGlja2VkKCRldmVudDogRm9ybU9wdGlvbnNGdWxsKSB7XHJcbiAgICBjb25zdCBqc29uRGF0YSA9IEpTT04uc3RyaW5naWZ5KCRldmVudCk7XHJcbiAgICB0aGlzLmpzb25DcmVhdGVkLmVtaXQoanNvbkRhdGEpO1xyXG4gIH1cclxufVxyXG4iXX0=