@skireal/form-builder
Version:
Form builder for Angular apps
63 lines • 8.57 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
let FormBuilderComponent = class FormBuilderComponent {
constructor() {
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: []
};
}
ngOnInit() {
this.formData = JSON.parse(this.incomingFormData);
}
onSaveClicked($event) {
const 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);
export { FormBuilderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1idWlsZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza2lyZWFsL2Zvcm0tYnVpbGRlci8iLCJzb3VyY2VzIjpbImxpYi9mb3JtLWJ1aWxkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUzFGLElBQWEsb0JBQW9CLEdBQWpDLE1BQWEsb0JBQW9CO0lBQWpDO1FBQ1csd0JBQW1CLEdBQUcsSUFBSSxDQUFDO1FBQzNCLGlDQUE0QixHQUFHLEtBQUssQ0FBQztRQUNyQyxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0QiwrQkFBMEIsR0FBRyxLQUFLLENBQUM7UUFDbkMsV0FBTSxHQUEyQixFQUFFLENBQUM7UUFFbkMsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV6RSxhQUFRLEdBQW9CO1lBQzFCLFFBQVEsRUFBRTtnQkFDUixLQUFLLEVBQUUsRUFBRTtnQkFDVCxhQUFhLEVBQUUsRUFBRTthQUNsQjtZQUNELE9BQU8sRUFBRTtnQkFDUCxJQUFJLEVBQUUsRUFBRTtnQkFDUixJQUFJLEVBQUUsRUFBRTtnQkFDUixPQUFPLEVBQUUsRUFBRTthQUNaO1lBQ0QsY0FBYyxFQUFFLEVBQUU7U0FDbkIsQ0FBQztJQVVKLENBQUM7SUFSQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxhQUFhLENBQUMsTUFBdUI7UUFDbkMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDO0NBQ0YsQ0FBQTtBQTlCVTtJQUFSLEtBQUssRUFBRTtpRUFBNEI7QUFDM0I7SUFBUixLQUFLLEVBQUU7MEVBQXNDO0FBQ3JDO0lBQVIsS0FBSyxFQUFFO3NEQUFpQjtBQUNoQjtJQUFSLEtBQUssRUFBRTs4REFBdUI7QUFDdEI7SUFBUixLQUFLLEVBQUU7d0VBQW9DO0FBQ25DO0lBQVIsS0FBSyxFQUFFO29EQUFxQztBQUVuQztJQUFULE1BQU0sRUFBRTt5REFBZ0U7QUFSOUQsb0JBQW9CO0lBTmhDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxjQUFjO1FBQ3hCLHFYQUE0QztRQUU1QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7S0FDdEMsQ0FBQztHQUNXLG9CQUFvQixDQStCaEM7U0EvQlksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1PcHRpb25zRnVsbCB9IGZyb20gJy4vbW9kZWxzL2Zvcm0tY29uc3RydWN0b3IubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmb3JtLWJ1aWxkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tYnVpbGRlci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1CdWlsZGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBlbmFibGVHZW5lcmFsRmllbGRzID0gdHJ1ZTtcclxuICBASW5wdXQoKSBlbmFibGVDb25kaXRpb25hbExvZ2ljQmxvY2tzID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNTdXJ2ZXkgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGluY29taW5nRm9ybURhdGEgPSAnJztcclxuICBASW5wdXQoKSBlbmFibGVTZXRWYWxpZGF0aW9uT3B0aW9ucyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxvY2FsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xyXG5cclxuICBAT3V0cHV0KCkganNvbkNyZWF0ZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGZvcm1EYXRhOiBGb3JtT3B0aW9uc0Z1bGwgPSB7XHJcbiAgICBmb3JtRGF0YToge1xyXG4gICAgICBzdGVwczogW10sXHJcbiAgICAgIGdlbmVyYWxGaWVsZHM6IFtdXHJcbiAgICB9LFxyXG4gICAgb3B0aW9uczoge1xyXG4gICAgICBuYW1lOiAnJyxcclxuICAgICAgdHlwZTogJycsXHJcbiAgICAgIGNvdW50cnk6ICcnXHJcbiAgICB9LFxyXG4gICAgdW5pcXVlRm9ybURhdGE6IFtdXHJcbiAgfTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmZvcm1EYXRhID0gSlNPTi5wYXJzZSh0aGlzLmluY29taW5nRm9ybURhdGEpO1xyXG4gIH1cclxuXHJcbiAgb25TYXZlQ2xpY2tlZCgkZXZlbnQ6IEZvcm1PcHRpb25zRnVsbCkge1xyXG4gICAgY29uc3QganNvbkRhdGEgPSBKU09OLnN0cmluZ2lmeSgkZXZlbnQpO1xyXG4gICAgdGhpcy5qc29uQ3JlYXRlZC5lbWl0KGpzb25EYXRhKTtcclxuICB9XHJcbn1cclxuIl19