@formql/core
Version:
FormQL - A framework for building dynamic forms
1 lines • 53.8 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"FormQLModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"reference","module":"angular2-text-mask","name":"TextMaskModule","line":31,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"FormQLComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}],"providers":[],"entryComponents":[{"__symbolic":"reference","name":"FormQLComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}],"exports":[{"__symbolic":"reference","name":"FormQLComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ComponentResolverService"}]}]}},"FormQLComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"formql","template":"<div *ngIf=\"error\" class=\"fql-error-message\">\n <h4>{{error?.title}}</h4>\n <span>{{error?.message}}</span>\n </div>\n <formql-layout-loader\n [formState]=\"formState\"\n (formSaveStart)=\"formSaveStart.emit(true)\"\n (formSaveEnd)=\"formSaveEnd.emit(true)\"\n (formError)=\"formError.emit(true)\">\n </formql-layout-loader>","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}"]}]}],"members":{"formName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"ids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"reactiveForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"customMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"formLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"formSaveStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"formSaveEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"formError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":40,"character":31},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"StoreService"}]}],"ngOnInit":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}],"refreshComponent":[{"__symbolic":"method"}],"saveForm":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLComponent"}},"FormActionType":{"Validate":"validate","ValidateAndSave":"validateAndSave","Save":"save","Custom":"custom"},"FormAction":{"__symbolic":"interface"},"FormComponent":{"__symbolic":"interface"},"ComponentGroup":{"__symbolic":"interface"},"FormPage":{"__symbolic":"interface"},"PageTemplate":{"__symbolic":"interface"},"FormSection":{"__symbolic":"interface"},"SectionGroup":{"__symbolic":"interface"},"FormWindow":{"__symbolic":"interface"},"FormDataSource":{"__symbolic":"interface"},"FormState":{"__symbolic":"interface"},"FormError":{"__symbolic":"interface"},"FormComponents":{"__symbolic":"interface"},"FormControls":{"__symbolic":"interface"},"GridStyle":{"__symbolic":"interface"},"GridPosition":{"__symbolic":"interface"},"GridPositionType":{"Header":1,"Body":2,"Footer":3},"GridTemplate":{"__symbolic":"interface"},"FormRules":{"__symbolic":"interface"},"FormRule":{"__symbolic":"interface"},"FormValidator":{"__symbolic":"interface"},"OptionValue":{"__symbolic":"interface"},"SelectList":{"__symbolic":"interface"},"ContainerType":{"Section":1,"Component":2,"Page":3},"FormQLMode":{"View":0,"Edit":1},"EvalResponse":{"__symbolic":"interface"},"InternalEventHandler":{"__symbolic":"interface"},"InternalEventType":{"EditingComponent":1,"EditingSection":2,"EditingPage":3,"EditingForm":4,"RemoveComponent":5,"RemoveSection":6,"RemovePage":7,"DndFormChanged":8},"RuleLogic":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"doEval":[{"__symbolic":"method"}],"resetDependancies":[{"__symbolic":"method"}],"evaluate":[{"__symbolic":"method"}],"evaluateCondition":[{"__symbolic":"method"}],"evaluateValue":[{"__symbolic":"method"}],"getSchemaValue":[{"__symbolic":"method"}],"setDependents":[{"__symbolic":"method"}]}},"FormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":5},"arguments":["FormQLService"]}],null,null],"parameters":[null,{"__symbolic":"reference","name":"ComponentResolverService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":24,"character":25}]}],"getFormAndData":[{"__symbolic":"method"}],"saveForm":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"initialiseFormState":[{"__symbolic":"method"}],"resetComponentDependents":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getForms":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"resolveComponentRules":[{"__symbolic":"method"}],"resolveConditions":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"HelperService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"InternalEventHandlerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"event":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"send":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ActionHandlerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"send":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"StoreService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormService"},{"__symbolic":"reference","name":"ComponentResolverService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":19,"character":25}]}],"ngOnDestroy":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getFormState":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"setComponent":[{"__symbolic":"method"}],"getAll":[{"__symbolic":"method"}],"saveForm":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"isFormValid":[{"__symbolic":"method"}],"unsubscribeAll":[{"__symbolic":"method"}],"reSetForm":[{"__symbolic":"method"}],"populateReactiveForm":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ComponentResolverService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":7,"character":48}]}],"resolveComponent":[{"__symbolic":"method"}],"addComponents":[{"__symbolic":"method"}],"addComponent":[{"__symbolic":"method"}],"getComponentArray":[{"__symbolic":"method"}]}},"IFormQLService":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"formql-plain-layout","template":"<ng-container *ngIf=\"form && form.pages && form.pages.length > 0\">\n <form [formGroup]=\"reactiveForm\" (ngSubmit)=\"onSubmitTriggered()\">\n <div formql-page-wrapper *ngIf=\"form.pages\"\n [(page)]=\"form.pages[0]\"\n [reactivePage]=\"reactiveForm.controls[form.pages[0].pageId]\"\n [formGroupName]=\"form.pages[0].pageId\"\n [mode]=\"mode\"></div>\n </form>\n </ng-container>"}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"reactiveForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"onSubmitTriggered":[{"__symbolic":"method"}]},"statics":{"componentName":"PlainLayoutComponent"}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"[formql-page-wrapper]","template":"\n <div class=\"fql-page-body\">\n <ng-template formqlGdConfig\n [formqlGdConfigOf]=\"page.template.body\" let-bodyitem let-i=\"index\"\n (resetItems)=\"resetSections()\">\n <div\n [ngClass]=\"{'fql-page-container': mode === FormQLMode.Edit}\"\n [ngStyle]=\"bodyitem.style\">\n <div formqlDndDrop\n [type]=\"ContainerType.Section\"\n [mode]=\"mode\"\n [ngClass]=\"{'fql-page-container': (mode === FormQLMode.Edit)}\"\n (synchronise)=\"synchroniseModel($event, bodyitem.id)\">\n <ng-container *ngFor=\"let section of sections[bodyitem.id]; trackBy: trackByFn\">\n <ng-container *ngTemplateOutlet=\"templateRef; context: {section: section}\">\n </ng-container>\n </ng-container>\n </div>\n </div>\n </ng-template>\n </div>\n <ng-template #templateRef let-section=\"section\">\n <div [formGroup]=\"reactivePage\">\n <div formql-section-wrapper\n [page]=\"page\"\n [section]=\"section\"\n [formGroupName]=\"section.sectionId\"\n [reactiveSection]=\"reactivePage.controls[section.sectionId]\"\n [mode]=\"mode\">\n </div>\n </div>\n </ng-template>","providers":[{"__symbolic":"reference","name":"ɵc"}],"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}.fql-page-body{display:-ms-grid;display:grid;width:100%;min-height:30px}.fql-page-container{display:table;height:100%;width:100%;min-height:15px}.fql-page-container:hover{outline:solid 2px}"]}]}],"members":{"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"reactivePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"StoreService"}]}],"ngOnInit":[{"__symbolic":"method"}],"synchroniseModel":[{"__symbolic":"method"}],"createSections":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"resetSections":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"synchroniseSectionModel":[{"__symbolic":"method"}],"synchronisePageModel":[{"__symbolic":"method"}],"reorderComponents":[{"__symbolic":"method"}],"reorderSections":[{"__symbolic":"method"}],"transferComponent":[{"__symbolic":"method"}],"newSection":[{"__symbolic":"method"}],"newComponent":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"[formql-section-wrapper]","template":"\n <div #wrapper formqlDnd\n [sourceObjectId]=\"section.sectionId\"\n [attr.sectionId]=\"section.sectionId\"\n [sourceWrapperId]=\"page.pageId\"\n [type]=\"ContainerType.Section\"\n [mode]=\"mode\"\n [ngClass]=\"[(mode === FormQLMode.Edit) ? 'fql-section-wrapper-edit' : 'fql-section-wrapper']\">\n <div class=\"fql-section-tooltip\">\n <ng-container #tooltip></ng-container>\n </div>\n <div *ngIf=\"section.template && !section.template.header.hidden\" class=\"fql-section-header\">\n <ng-template formqlGdConfig\n [formqlGdConfigOf]=\"section.template.header\" let-headeritem let-i=\"index\">\n <ng-container *ngTemplateOutlet=\"templateRef;\n context: {\n templateitem: headeritem,\n positionType: ComponentPositionType.Header\n }\">\n </ng-container>\n </ng-template>\n </div>\n <div *ngIf=\"section.template && !section.template.body.hidden\" class=\"fql-section-body\">\n <ng-template formqlGdConfig\n [formqlGdConfigOf]=\"section.template.body\" let-bodyitem let-i=\"index\">\n <ng-container *ngTemplateOutlet=\"templateRef;\n context: {\n templateitem: bodyitem,\n positionType: ComponentPositionType.Body\n }\">\n </ng-container>\n </ng-template>\n </div>\n </div>\n <ng-template #templateRef let-templateitem=\"templateitem\" let-positionType=\"positionType\">\n <div [ngStyle]=\"templateitem.style\">\n <div formqlDndDrop\n *ngIf=\"(mode === FormQLMode.Edit)\"\n [type]=\"ContainerType.Component\"\n class=\"fql-section-container\"\n (synchronise)=\"synchroniseModel($event, templateitem.id, positionType)\">\n <ng-container *ngFor=\"let component of components[positionType + '_' + templateitem.id]; trackBy: trackByFn\">\n <div formql-component-container\n [ngClass]=\"{'fql-component-container-hidden': component.rules?.hidden?.value}\"\n [component]=\"component\"\n [sectionId]=\"section.sectionId\"\n [value]=\"component.value\"\n [reactiveSection]=\"reactiveSection\"\n [mode]=\"mode\"></div>\n </ng-container>\n </div>\n <div *ngIf=\"mode !== FormQLMode.Edit\">\n <ng-container *ngFor=\"let component of components[positionType + '_' + templateitem.id]; trackBy: trackByFn\">\n <div formql-component-container *ngIf=\"!component.rules?.hidden?.value\"\n [component]=\"component\"\n [sectionId]=\"section.sectionId\"\n [value]=\"component.value\"\n [reactiveSection]=\"reactiveSection\"\n [mode]=\"mode\"></div>\n </ng-container>\n </div>\n </div>\n </ng-template>\n ","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}.fql-section-wrapper,.fql-section-wrapper-edit{display:-ms-grid;display:grid;padding:1px;-ms-grid-columns:100%;grid-template-columns:100%;-ms-grid-rows:auto auto;grid-template-rows:auto auto;position:relative}.fql-section-wrapper-edit:hover .fql-section-tooltip{opacity:1}.fql-section-tooltip{opacity:0;display:block;position:absolute;right:0;z-index:1;transition:opacity .3s}.fql-section-header{display:-ms-grid;display:grid;min-height:30px;-ms-grid-row:1;-ms-grid-column:1}.fql-section-body{display:-ms-grid;display:grid;min-height:30px;-ms-grid-row:2;-ms-grid-column:1}.fql-section-container{display:table;height:100%;width:100%;min-height:15px}.fql-section-container:hover{outline:solid 1px}.fql-component-container-hidden{background-color:#ffecf2}"]}]}],"members":{"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":86,"character":3},"arguments":["wrapper",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":86,"character":32},"static":true}]}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":87,"character":3},"arguments":["tooltip",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":87,"character":32},"static":true}]}]}],"section":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"reactiveSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"InternalEventHandlerService"},{"__symbolic":"reference","name":"ComponentResolverService"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":104,"character":32},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"StoreService"}]}],"ngOnInit":[{"__symbolic":"method"}],"editField":[{"__symbolic":"method"}],"synchroniseModel":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"createComponents":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"[formql-component-container]","template":"\n <div #wrapper formqlDnd\n [sourceObjectId]=\"component.componentId\"\n [attr.componentId]=\"component.componentId\"\n [sourceWrapperId]=\"sectionId\"\n [type]=\"ContainerType.Component\"\n [mode]=\"mode\"\n [ngClass]=\"{'fql-component-container-wrapper': (mode === FormQLMode.Edit) }\">\n <div class=\"fql-component-tooltip\">\n <ng-container #tooltip></ng-container>\n </div>\n <div class=\"fql-component-container\" [ngStyle]=\"component.style\">\n <ng-container #content></ng-container>\n </div>\n </div>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":21},"member":"OnPush"},"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}.fql-component-container{padding:10px}.fql-component-container-wrapper{position:relative;border:1px solid transparent;transition:border .3s ease-in-out}.fql-component-container-wrapper:hover .fql-component-tooltip{opacity:1;transition:opacity .3s ease-in-out}.fql-component-container-wrapper:hover{border:1px solid;transition:box-shadow .3s ease-in-out,border .3s ease-in-out}.fql-component-tooltip{opacity:0;display:block;position:absolute;left:50%;z-index:1;transition:opacity .3s ease-in-out}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":34},"static":true}]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":["wrapper",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":37,"character":34},"static":true}]}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":5},"arguments":["tooltip",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":38,"character":34},"static":true}]}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"reactiveSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"sectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ComponentResolverService"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":34},{"__symbolic":"reference","name":"InternalEventHandlerService"},{"__symbolic":"reference","name":"StoreService"}]}],"ngOnInit":[{"__symbolic":"method"}],"editField":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"formql-layout-loader","template":"<ng-container #target></ng-container>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"}}]}],"members":{"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":25,"character":31},"static":true}]}]}],"formState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"formSaveStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"formSaveEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"formError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":19},{"__symbolic":"reference","name":"ComponentResolverService"},{"__symbolic":"reference","name":"StoreService"},{"__symbolic":"reference","name":"InternalEventHandlerService"},{"__symbolic":"reference","name":"ActionHandlerService"}]}],"onSubmitTriggered":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"actionHandler":[{"__symbolic":"method"}],"internalEventHandler":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[formqlGdConfig][formqlGdConfigOf]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":7,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":8,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":9,"character":26},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"resetItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"formqlGdConfigOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"getGridStyleList":[{"__symbolic":"method"}],"setParentAttributes":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[formqlDnd]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":64}]}],"sourceObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"sourceWrapperId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"synchronise":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"onDragStart":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":3},"arguments":["dragstart",["$event"]]}]}],"onDragEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":51,"character":3},"arguments":["dragend",["$event"]]}]}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[formqlDndDrop]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":11,"character":64}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"positionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"synchronise":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":22,"character":3},"arguments":["drop",["$event"]]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":48,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":79,"character":3},"arguments":["dragleave",["$event"]]}]}],"getPositionElement":[{"__symbolic":"method"}],"getPositionAttribute":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"formql-button","template":"<button style=\"cursor: pointer\" (click)=\"onClick()\"\n [type]=\"field.type\"\n [disabled]=\"formControl.disabled ||\n (field.type === 'submit' &&\n this.formControl.parent.parent.parent.invalid) ? true : null\">{{field.label}}</button>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵj"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵj"},"multi":true}]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ActionHandlerService"}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLButtonComponent","formQLComponent":true,"validators":[],"actions":[{"key":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../models/action.model","name":"FormActionType","line":33,"character":17},"member":"Save"}},{"key":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../models/action.model","name":"FormActionType","line":36,"character":17},"member":"Validate"}},{"key":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../models/action.model","name":"FormActionType","line":39,"character":17},"member":"ValidateAndSave"}},{"key":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../models/action.model","name":"FormActionType","line":42,"character":17},"member":"Custom"}}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"formql-input","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 *ngIf=\"!mask\" [id]=\"field.componentId\" [type]=\"field.type\"\n [formControl]=\"formControl\" class=\"fql-bundle-field-input\" [tabIndex]=\"field.tabIndex\"\n [attr.disabled]=\"formControl.disabled ? '' : null\">\n <input *ngIf=\"mask\" [textMask]=\"{ mask: mask, guide: false}\" [id]=\"field.componentId\" type=\"text\"\n [formControl]=\"formControl\"\n class=\"fql-bundle-field-input\" [tabIndex]=\"field.tabIndex\"\n [attr.disabled]=\"formControl.disabled ? '' : null\">\n </div>\n </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵk"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":31,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵk"},"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}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLInputComponent","formQLComponent":true,"validators":[{"name":"Required","validator":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"Validators","line":43,"character":23},"member":"required"},"key":"required"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"formql-label","template":"<div *ngIf=\"field\">\n <label>{{field.label}}</label>\n </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵl"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":17,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵl"},"multi":true}]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLLabelComponent","formQLComponent":true,"validators":[]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"formql-textbox","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 <textarea [id]=\"field.componentId\" [formControl]=\"formControl\" class=\"fql-bundle-field-input\"\n [tabIndex]=\"field.tabIndex\" [attr.disabled]=\"formControl.disabled ? '' : null\">\n </textarea>\n </div>\n </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵm"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":25,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵm"},"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}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLTextareaComponent","formQLComponent":true,"validators":[{"name":"Required","validator":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"Validators","line":36,"character":23},"member":"required"},"key":"required"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"formql-select","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 <select [formControl]=\"formControl\" [id]=\"field.componentId\"\n class=\"fql-bundle-field-input\" [tabIndex]=\"field.tabIndex\"\n [attr.multiple]=\"field.type === 'multiple'\">\n <ng-container *ngIf=\"list\">\n <option *ngFor=\"let item of list\" [value]=\"item.value\">{{item.name}}</option>\n </ng-container>\n </select>\n </div>\n </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵn"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":30,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵn"},"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}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLSelectComponent","formQLComponent":true,"validators":[{"name":"Required","validator":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"Validators","line":42,"character":23},"member":"required"},"key":"required"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"formql-radio","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 class=\"fql-bundle-field-input\">\n <label *ngFor=\"let item of list\" class=\"fql-bundle-field-radio\">\n <input type=\"radio\" class=\"fql-bundle-field-radio\"\n [value]=\"item.value\" [formControl]=\"formControl\">{{item.name}}\n </label>\n </div>\n </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":22,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵo"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":27,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵo"},"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}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"componentName":"FormQLRadioComponent","formQLComponent":true,"validators":[{"name":"Required","validator":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"Validators","line":39,"character":23},"member":"required"},"key":"required"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵp"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":