{"__symbolic":"module","version":4,"metadata":{"BootstrapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"fb-bootstrap","template":"<fb-renderer (reset)=\"reset()\" [activeTable]=\"activeTable\" [availableModels]=\"availableModels\" [task]=\"task\" *ngIf=\"!loading\"></fb-renderer>\n<dgs-loading [loading]=\"loading\"></dgs-loading>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"reset":[{"__symbolic":"method"}],"initTask":[{"__symbolic":"method"}]}},"DevFormBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BootstrapComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":24,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@dotgov/z_core","name":"DGSCoreModule","line":25,"character":4},"member":"forRoot"},"arguments":[{"apiUrl":"http://moldova.api/"}]},{"__symbolic":"reference","module":"@dotgov/z_core","name":"DGSUICoreModule","line":26,"character":4},{"__symbolic":"reference","name":"FormBuilderModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":28,"character":4},"member":"forRoot"},"arguments":[{"positionClass":"toast-bottom-right","preventDuplicates":true,"enableHtml":true}]}],"providers":[],"exports":[{"__symbolic":"reference","name":"BootstrapComponent"}],"bootstrap":[{"__symbolic":"reference","name":"BootstrapComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":33,"character":12}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["_enviroment"],"defaults":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵbb"},"member":"CONFIG"}}],"value":{"ngModule":{"__symbolic":"reference","name":"DevFormBuilderModule"},"providers":[{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"FormBuilderModule"},"member":"forRoot"},"arguments":[{"__symbolic":"reference","name":"_enviroment"}]},"member":"providers"},{"provide":"enviroment","useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"_enviroment"},"right":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"ɵz"},"index":{"__symbolic":"reference","name":"ɵba"}}}}]}}}},"FormBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":62,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FBRendererComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__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"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":64,"character":12},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":64,"character":40},{"__symbolic":"reference","module":"@dotgov/z_core","name":"DGSUICoreModule","line":64,"character":53},{"__symbolic":"reference","module":"@dotgov/z_core","name":"DGSCoreModule","line":64,"character":70},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap","name":"TypeaheadModule","line":11,"character":2},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap","name":"AccordionModule","line":12,"character":2},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsDropdownModule","line":13,"character":2},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsDatepickerModule","line":14,"character":2},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap","name":"TabsModule","line":15,"character":2},"member":"forRoot"}},{"__symbolic":"reference","module":"ngx-pagination","name":"NgxPaginationModule","line":16,"character":2}],"providers":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":65,"character":14},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"FBRendererComponent"},{"__symbolic":"reference","name":"ɵe"},{"__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"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":67,"character":12}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["_enviroment"],"value":{"ngModule":{"__symbolic":"reference","name":"FormBuilderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@dotgov/z_core","name":"DGSCoreModule","line":75,"character":8},"member":"forRoot"},"arguments":[{"__symbolic":"reference","name":"_enviroment"}]},"member":"providers"},{"provide":"enviroment","useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"_enviroment"},"right":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"ɵz"},"index":{"__symbolic":"reference","name":"ɵba"}}}}]}}}},"FBRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@dotgov/z_core","name":"StorageService","line":23,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"fb-renderer","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<div class=\"formbuilder\">\n  <div class=\"bgdark\">\n    <div class=\"fbContainer\">\n      <div class=\"col-md-3 col-lg-2 fb-sidebar-left\">\n        <fb-controls-sidebar\n          (activeTabChanged)=\"activeSidebarTab = $event\"\n          (onTemplateDeleted)=\"templateDelete($event)\"\n          [activeTab]=\"activeSidebarTab\"\n          [loadingTemplates]=\"loadingTemplates\"\n          [model]=\"availableModels?.fieldCollection\"\n          [templates]=\"templateList\"\n        ></fb-controls-sidebar>\n      </div>\n      <div #mainContainer class=\"col-md-6 col-lg-7\">\n        <ng-container *ngIf=\"task\">\n          <ng-container *ngIf=\"task?.header\">\n            <input\n              (keyup)=\"formNameChanged($event.target.value)\"\n              [value]=\"task?.header?.title || null\"\n              class=\"label\"\n              placeholder=\"Form name here\"\n              type=\"text\"\n            />\n          </ng-container>\n          <form #formRenderer=\"ngForm\" id=\"formRenderer\" novalidate>\n            <tabset>\n              <tab\n                (select)=\"selectedTab = tab?.label\"\n                [active]=\"isActive(tab, tabIndex)\"\n                *ngFor=\"let tab of task?.tabs; let tabIndex = index\"\n              >\n                <ng-template tabHeading>\n                  <input\n                    (keyup)=\"tabNameChanged(tab, tabIndex, $event.target.value)\"\n                    [value]=\"tab?.title || ''\"\n                    class=\"label\"\n                    placeholder=\"tab name here\"\n                    type=\"text\"\n                  />\n                  <ng-container *ngIf=\"task.tabs.length > 1\">\n                    <i (click)=\"move(task, tabIndex, 'left')\" *ngIf=\"tabIndex !== 0\" class=\"fa fa-chevron-left mx-3\"></i>\n                    <i\n                      (click)=\"move(task, tabIndex, 'right')\"\n                      *ngIf=\"tabIndex !== task.tabs.length - 1\"\n                      class=\"fa fa-chevron-right mx-3\"\n                    ></i>\n                    <i (click)=\"removeTabHandler(tab, task, tabIndex)\" class=\"fa fa-trash mx-5\"></i>\n                  </ng-container>\n                  <i (click)=\"uploadAsTemplate(tab)\" class=\"fa fa-download mx-5\"></i>\n                  <i (click)=\"addNewTab(task)\" *ngIf=\"task.tabs.length - 1 === tabIndex\" class=\"fa fa-plus mx-5\"></i>\n                </ng-template>\n                <ngx-dnd-container\n                  (onTemplateAdded)=\"addTemplate($event)\"\n                  [model]=\"tab.sections\"\n                  [modelContainer]=\"tab\"\n                  [modelIndex]=\"tabIndex\"\n                  [removeOnSpill]=\"true\"\n                  *ngIf=\"tab\"\n                  class=\"root-container\"\n                  dropZone=\"builder-target\"\n                >\n                  <ng-template let-model=\"model\" let-template=\"template\">\n                    <fb-form-tab\n                      (onTemplateAdded)=\"addTemplate($event)\"\n                      [availableModels]=\"availableModels\"\n                      [control]=\"model\"\n                      [tabIndex]=\"0\"\n                      [task]=\"task\"\n                    ></fb-form-tab>\n                  </ng-template>\n                </ngx-dnd-container>\n              </tab>\n              <tab [active]=\"activeDragging && isTabActive\" *ngIf=\"activeDragging && isTabActive\">\n                <ng-template tabHeading>Import tab here</ng-template>\n                <ngx-dnd-container (drop)=\"onDrop($event)\" [model]=\"newRow\" [removeOnSpill]=\"true\" dropZone=\"builder-new-tab\">\n                  <ng-template let-cell=\"model\">\n                    <fb-form-tab [availableModels]=\"availableModels\" [control]=\"cell\" [task]=\"task\"></fb-form-tab>\n                  </ng-template>\n                </ngx-dnd-container>\n              </tab>\n            </tabset>\n            <div *ngIf=\"task?.hiddenCells\" class=\"hiddenCells\">\n              Hidden Cells\n              <ngx-dnd-container\n                (onTemplateAdded)=\"addTemplate($event)\"\n                [model]=\"task?.hiddenCells\"\n                [modelContainer]=\"task\"\n                [removeOnSpill]=\"true\"\n                class=\"root-container\"\n                dropZone=\"builder-target\"\n              >\n                <ng-template let-cell=\"model\">\n                  <fb-form-tab\n                    (onTemplateAdded)=\"addTemplate($event)\"\n                    [availableModels]=\"availableModels\"\n                    [control]=\"cell\"\n                    [task]=\"task\"\n                  ></fb-form-tab>\n                </ng-template>\n              </ngx-dnd-container>\n            </div>\n            <div class=\"container text-center my-5 d-block w-100\">\n              <div class=\"row\">\n                <ng-content select=\"custom-buttons\"></ng-content>\n                <div class=\"col-sm-12 col-md-3\">\n                  <button (click)=\"saveAll(true)\" class=\"w-100 text-center btn btn-primary\">Preview</button>\n                </div>\n                <div class=\"col-sm-12 col-md-3\">\n                  <button (click)=\"saveAll()\" class=\"w-100 text-center btn btn-primary\">Save All</button>\n                </div>\n                <div class=\"col-sm-12 col-md-3\">\n                  <button (click)=\"resetAll()\" class=\"w-100 text-center btn btn-primary\">Reset All</button>\n                </div>\n                <div class=\"col-sm-12 col-md-3\">\n                  <div [dropup]=\"true\" class=\"w-100 moreActions relative\" dropdown>\n                    <button class=\"col-md-12 text-center btn btn-primary\" dropdownToggle>More</button>\n                    <ul *dropdownMenu class=\"dropdown-menu no-transform\">\n                      <li role=\"menuitem\">\n                        <a (click)=\"exportToJson()\" class=\"dropdown-item\">\n                          <i class=\"fa fa-download\"></i>\n                          Export to JSON\n                        </a>\n                        <a (click)=\"importFromJson()\" class=\"dropdown-item\">\n                          <i class=\"fa fa-upload\"></i>\n                          Import to JSON\n                        </a>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </ng-container>\n        <dgs-loading [loading]=\"!task\"></dgs-loading>\n      </div>\n      <div class=\"col-md-3 fb-sidebar-right\">\n        <fb-control-properties-sidebar\n          (onTemplateAdded)=\"addTemplate($event)\"\n          [available]=\"availableModels?.fieldCollection\"\n          [model]=\"availableModels?.fieldCollection\"\n        ></fb-control-properties-sidebar>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[".hiddenCells{opacity:.8}input.label{display:unset!important;min-width:50px;font-size:13px;color:#000;text-align:left}"]}]}],"members":{"reset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"save":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"formRenderer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["formRenderer",{"static":false}]}]}],"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"task":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"templateList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"activeTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"availableModels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":89,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":90,"character":22},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@dotgov/z_core","name":"ApiService","line":92,"character":17}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"onTabDropped":[{"__symbolic":"method"}],"formNameChanged":[{"__symbolic":"method"}],"tabNameChanged":[{"__symbolic":"method"}],"addNewTab":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"removeTabHandler":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"addTemplate":[{"__symbolic":"method"}],"templateDelete":[{"__symbolic":"method"}],"resetAll":[{"__symbolic":"method"}],"saveAll":[{"__symbolic":"method"}],"exportToJson":[{"__symbolic":"method"}],"importFromJson":[{"__symbolic":"method"}],"uploadAsTemplate":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"documentKeydown":[{"__symbolic":"method"}],"documentKeyup":[{"__symbolic":"method"}],"updateTabNamingHTML":[{"__symbolic":"method"}],"loadTemplates":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@dotgov/z_core","name":"ApiService","line":19,"character":27}]}],"onEventTriggered":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"extractTemplate":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"fb-form-tab","viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":11,"character":29},"useExisting":{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":11,"character":60}}],"template":"<div\n  [attr.id]=\"(fieldType(activeModel?.fieldType) === 'SectionLayout' && 'section-' + control?.title) || ''\"\n  *ngIf=\"control\"\n  #mainContainer\n>\n  <span *ngIf=\"isSection\" class=\"page-header\">{{ control?.title }}</span>\n\n  <ng-container [ngSwitch]=\"controlGroupType(activeModel?.fieldType)\" *ngIf=\"activeModel?.fieldType\">\n    <!-- Design/Layout -->\n    <ng-container *ngSwitchCase=\"'design'\">\n      <!-- Switch control type -->\n      <ng-container [ngSwitch]=\"fieldType(activeModel?.fieldType)\">\n        <ng-container *ngSwitchCase=\"'HtmlContent'\">\n          <fb-controls-html-content [control]=\"control\"></fb-controls-html-content>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'CustomControl'\">\n          <fb-controls-custom-control [control]=\"control\"></fb-controls-custom-control>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'BootstrapRow'\"></ng-container>\n\n        <!-- Switch default -->\n        <ng-container *ngSwitchDefault>\n          <ng-container *ngTemplateOutlet=\"unknownControlTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <!-- Form -->\n    <ng-container *ngSwitchCase=\"'form'\">\n      <!-- Switch control type -->\n      <ng-container [ngSwitch]=\"fieldType(activeModel?.fieldType)\">\n        <ng-container *ngSwitchCase=\"'EditableGrid'\">\n          <fb-controls-editable-grid [control]=\"control\"></fb-controls-editable-grid>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'ProgressBar'\">\n          <fb-controls-progress-bar [control]=\"control\"></fb-controls-progress-bar>\n        </ng-container>\n\n        <!-- Switch default -->\n        <ng-container *ngSwitchDefault>\n          <ng-container *ngTemplateOutlet=\"unknownControlTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <!-- Inputs -->\n    <ng-container *ngSwitchCase=\"'input'\">\n      <!-- Switch control type -->\n      <ng-container [ngSwitch]=\"fieldType(activeModel?.fieldType)\">\n        <ng-container *ngSwitchCase=\"'Lookup'\">\n          <fb-controls-lookup [control]=\"control\"></fb-controls-lookup>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'Date'\">\n          <fb-controls-date [control]=\"control\"></fb-controls-date>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'DateTime'\">\n          <fb-controls-datetime [control]=\"control\"></fb-controls-datetime>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'ListField'\">\n          <fb-controls-list-field [control]=\"control\"></fb-controls-list-field>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'Picklist'\">\n          <fb-controls-list-field [control]=\"control\"></fb-controls-list-field>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'TextField'\">\n          <fb-controls-text-field [control]=\"control\"></fb-controls-text-field>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'CheckBox'\">\n          <fb-controls-check-box [control]=\"control\"></fb-controls-check-box>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'Toggle'\">\n          <fb-controls-toggle [control]=\"control\"></fb-controls-toggle>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'RadioButton'\">\n          <fb-controls-radio-button [control]=\"control\"></fb-controls-radio-button>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'NumberField'\">\n          <fb-controls-number-field [control]=\"control\"></fb-controls-number-field>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'MoneyField'\">\n          <fb-controls-number-field [control]=\"control\"></fb-controls-number-field>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'UploadFile'\">\n          <fb-controls-upload-file [control]=\"control\" [tabIndex]=\"tabIndex\" [task]=\"task\"></fb-controls-upload-file>\n        </ng-container>\n\n        <!-- Switch default -->\n        <ng-container *ngSwitchDefault>\n          <ng-container *ngTemplateOutlet=\"unknownControlTemplate\"></ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"unknownControlTemplate\"></ng-container>\n    </ng-container>\n  </ng-container>\n\n  <!-- Do recursive -->\n  <div *ngIf=\"control?.rows\" class=\"controls-row\">\n    <ng-container *ngFor=\"let row of control.rows; let rowIndex = index\">\n      <div [class]=\"columnsClass(row)\">\n        <ngx-dnd-container\n          (onTemplateAdded)=\"onTemplateAdded($event)\"\n          [activeModel]=\"activeModel\"\n          [model]=\"row?.cells\"\n          [modelContainer]=\"control\"\n          [modelIndex]=\"rowIndex\"\n          [removeOnSpill]=\"true\"\n          class=\"root-container\"\n          dropZone=\"builder-target\"\n        >\n          <ng-template let-cell=\"model\">\n            <fb-form-tab\n              (onTemplateAdded)=\"onTemplateAdded($event)\"\n              [availableModels]=\"availableModels\"\n              [control]=\"cell\"\n              [task]=\"task\"\n            ></fb-form-tab>\n          </ng-template>\n        </ngx-dnd-container>\n      </div>\n      <ngx-dnd-container\n        (drop)=\"onDrop($event, rowIndex)\"\n        [activeModel]=\"activeModel\"\n        [model]=\"newRow\"\n        [removeOnSpill]=\"true\"\n        *ngIf=\"activeDragging && isRowActive\"\n        dropZone=\"builder-new-row\"\n      >\n        <ng-template let-cell=\"model\">\n          <fb-form-tab\n            (onTemplateAdded)=\"onTemplateAdded($event)\"\n            [availableModels]=\"availableModels\"\n            [control]=\"cell\"\n            [task]=\"task\"\n          ></fb-form-tab>\n        </ng-template>\n      </ngx-dnd-container>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"wrongElement\">\n    <div class=\"alert alert-info\" role=\"alert\">\n      <div>Can you remove me, please? ( free space here )</div>\n    </div>\n  </ng-container>\n</div>\n<!-- Custom containers -->\n\n<ng-template #unknownControlTemplate>\n  <div class=\"alert alert-info\" role=\"alert\">\n    <div>Unkown element</div>\n    <div>group: {{ controlGroupType(activeModel?.fieldType) }}</div>\n    <div>fieldType: {{ fieldType(activeModel?.fieldType) || 'undefined' }}</div>\n  </div>\n</ng-template>\n","styles":[".formTab{padding:15px;border:1px solid #ddd;margin:0 0 5px;background-color:#f7f7f7}.formTab .formTab{padding:0;border:0;margin:10px 0 0;background-color:transparent}.formTab .page-header{padding:0;margin:-5px 0 15px;display:block;position:relative;color:#90a4ae;border-bottom:1px solid #90a4ae}.ngx-dnd-container,.ngx-dnd-item,.root-container{width:calc(100% - 3px)}.alert{margin:0!important}.fb-col .ngx-dnd-container{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;width:100%;min-width:100%}.fb-col{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;min-width:100%;position:relative}.fb-col fb-form-tab{padding:0 5px;display:block;width:100%}.fb-col fb-form-tab .controls-row{margin:0;padding:0}.fb-col fb-form-tab div{max-width:100%}.fb-columns-0 .ngx-dnd-item,.fb-columns-1 .ngx-dnd-item{width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}.fb-columns-2 .ngx-dnd-item{width:calc(50% - 10px);min-width:calc(50% - 10px);max-width:calc(50% - 10px)}.fb-columns-3 .ngx-dnd-item{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);min-width:calc(33.33% - 10px)}.fb-columns-4 .ngx-dnd-item{width:calc(25% - 10px);max-width:calc(25% - 10px);min-width:calc(25% - 10px)}"]}]}],"members":{"task":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"availableModels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":29},{"__symbolic":"reference","name":"ɵa"}]}],"templateAddEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3},"arguments":["onTemplateAdded"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"onRowDropped":[{"__symbolic":"method"}],"onTemplateAdded":[{"__symbolic":"method"}],"fieldType":[{"__symbolic":"method"}],"controlGroupType":[{"__symbolic":"method"}],"columnsClass":[{"__symbolic":"method"}],"setupModel":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"fb-controls-sidebar","template":"<div class=\"sidebarContainer\">\n  <div class=\"search-container\">\n    <div class=\"input-group search col-md-10\">\n      <input [(ngModel)]=\"filter\" [typeahead]=\"typeaheads\" class=\"form-control\" name=\"search\" placeholder=\"Search for\" required />\n    </div>\n    <div class=\"col-md-2 filter\" dropdown>\n      <i aria-controls=\"dropdown-basic\" class=\"fa fa-filter\" dropdownToggle></i>\n      <ul *dropdownMenu aria-labelledby=\"button-basic\" class=\"dropdown-menu\" id=\"dropdown-basic\" role=\"menu\">\n        <li *ngFor=\"let sorting of sortings\" role=\"menuitem\">\n          <a (click)=\"sort(sorting)\" class=\"dropdown-item\">\n            {{ sorting.label }}\n            <i [ngClass]=\"{ 'fa': true, 'fa-sort-down': sorting.asc, 'fa-sort-up': sorting.asc === false }\"></i>\n          </a>\n        </li>\n        <li>\n          <a (click)=\"resetSortings()\" class=\"dropdown-item\">\n            Reset\n            <i class=\"fa fa-remove\"></i>\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"d-block controls-container\">\n    <tabset [justified]=\"true\">\n      <tab (select)=\"activeTab = 'basic'\" [active]=\"(filter && basicControlTypes.length) || active === 'basic'\" heading=\"Basic\">\n        <accordion *ngIf=\"basicControlTypes.length; else noResultsTemplate\">\n          <accordion-group [heading]=\"type\" [isOpen]=\"!!filter\" *ngFor=\"let type of basicControlTypes\" class=\"controls-type\">\n            <ngx-dnd-container [copy]=\"true\" [dropZones]=\"['builder-target']\" [model]=\"fieldsByType(type, true)\" class=\"source\">\n              <ng-template let-item=\"model\">\n                <div class=\"text-center\">\n                  <i [class]=\"item.iconClass\"></i>\n                  {{ item.name || item.label }}\n                </div>\n              </ng-template>\n            </ngx-dnd-container>\n          </accordion-group>\n        </accordion>\n      </tab>\n      <tab (select)=\"activeTab = 'custom'\" [active]=\"(filter && customControlTypes.length) || active === 'custom'\" heading=\"Custom\">\n        <accordion *ngIf=\"customControlTypes.length; else noResultsTemplate\">\n          <accordion-group\n            (isOpenChange)=\"toggleList(type)\"\n            [heading]=\"type\"\n            [isOpen]=\"!!filter\"\n            *ngFor=\"let type of customControlTypes\"\n            class=\"controls-type\"\n          >\n            <ngx-dnd-container\n              [copy]=\"true\"\n              [dropZones]=\"['builder-target']\"\n              [model]=\"fieldsByType(type, false)\"\n              *ngIf=\"renderList(type)\"\n              class=\"source\"\n            >\n              <ng-template let-item=\"model\">\n                <div class=\"text-center\">{{ item.name || item.label }}</div>\n              </ng-template>\n            </ngx-dnd-container>\n          </accordion-group>\n        </accordion>\n      </tab>\n      <tab (select)=\"activeTab = 'templates'\" [active]=\"(filter && basicControlTypes.length) || active === 'templates'\" heading=\"Templates\">\n        <accordion *ngIf=\"templateControlTypes.length; else noResultsTemplate\">\n          <accordion-group\n            (isOpenChange)=\"renderTemplates(type, $event)\"\n            [heading]=\"type\"\n            [isOpen]=\"!!filter\"\n            *ngFor=\"let type of templateControlTypes\"\n            class=\"controls-type\"\n          >\n            <ngx-dnd-container\n              (onTemplateDeleted)=\"templateDelete($event, type)\"\n              [copy]=\"true\"\n              [dropZones]=\"['builder-new-row', 'builder-target', 'builder-new-tab']\"\n              [isTemplate]=\"true\"\n              [model]=\"downloadedTemplates[type]\"\n              *ngIf=\"readyToRenderTemplates(type)\"\n              class=\"source\"\n            ></ngx-dnd-container>\n            <dgs-loading [loading]=\"loadingTemplate(type)\"></dgs-loading>\n          </accordion-group>\n        </accordion>\n      </tab>\n    </tabset>\n  </div>\n</div>\n\n<ng-template #noResultsTemplate>\n  <div class=\"text-center mt-5\">\n    <h4 *ngIf=\"filter\">There is nothing with text '{{ filter }}'</h4>\n    <h4 *ngIf=\"!filter\">Whooops... Looks like we have no data for this tab.</h4>\n  </div>\n</ng-template>\n<ng-template #notEnoughtRights>\n  <div class=\"text-center\">\n    <h4>Sorry, you have not enought rights to access this content.</h4>\n  </div>\n</ng-template>\n","styles":[".sidebarContainer{position:-webkit-sticky;position:sticky;top:0;right:0;bottom:0;left:0;max-height:100vh;overflow-y:auto}.sidebarContainer .search-container{padding-top:10px}"]}]}],"members":{"activeTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["activeTab"]}]}],"activeTabChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3},"arguments":["activeTabChanged"]}]}],"templateControlTypes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["templates"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"templateDeleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3},"arguments":["onTemplateDeleted"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":64,"character":27},{"__symbolic":"reference","name":"ɵa"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"templateDelete":[{"__symbolic":"method"}],"toggleList":[{"__symbolic":"method"}],"renderList":[{"__symbolic":"method"}],"readyToRenderTemplates":[{"__symbolic":"method"}],"loadingTemplate":[{"__symbolic":"method"}],"renderTemplates":[{"__symbolic":"method"}],"initBasicFields":[{"__symbolic":"method"}],"initCustomFields":[{"__symbolic":"method"}],"fieldsByType":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"updateSortings":[{"__symbolic":"method"}],"resetSortings":[{"__symbolic":"method"}],"initSortings":[{"__symbolic":"method"}],"initTypeAheads":[{"__symbolic":"method"}],"reloadTemplates":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"fb-control-properties-sidebar","template":"<form #propertiesForm=\"ngForm\">\n  <ng-container *ngIf=\"controlProperties?.length; else noActiveTemplate\">\n    <tabset [justified]=\"true\">\n      <tab [heading]=\"tab?.name\" *ngFor=\"let tab of controlProperties\">\n        <div *ngFor=\"let property of tab.properties\" class=\"form-group\">\n          <ng-container *ngIf=\"property\">\n            <ng-container *ngIf=\"property.type === 'string'\">\n              <label [attr.for]=\"property.id\" class=\"text-upper\">{{ property.name }}:</label>\n              <input\n                [attr.id]=\"property.id\"\n                [attr.readonly]=\"isReadonly(property) ? true : null\"\n                [name]=\"property?.name\"\n                class=\"form-control\"\n                ngModel\n                type=\"text\"\n              />\n            </ng-container>\n            <ng-container *ngIf=\"property.type === 'text'\">\n              <label [attr.for]=\"property.id\" class=\"text-upper\">{{ property.name }}:</label>\n              <textarea\n                [attr.id]=\"property.id\"\n                [attr.readonly]=\"isReadonly(property) ? true : null\"\n                [name]=\"property?.name\"\n                class=\"form-control\"\n                ngModel\n              ></textarea>\n            </ng-container>\n            <ng-container *ngIf=\"property.type === 'int' || property.type === 'number'\">\n              <label [attr.for]=\"property.id\" class=\"text-upper\">{{ property.name }}:</label>\n              <input\n                [attr.id]=\"property.id\"\n                [attr.readonly]=\"isReadonly(property) ? true : null\"\n                [name]=\"property?.name\"\n                class=\"form-control\"\n                ngModel\n                type=\"number\"\n              />\n            </ng-container>\n            <ng-container *ngIf=\"property.type === 'boolean'\">\n              <div class=\"checkbox\">\n                <label>\n                  <input [attr.id]=\"property.id\" [name]=\"property?.name\" ngModel type=\"checkbox\" />\n                  {{ property.name }}\n                </label>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n      </tab>\n    </tabset>\n    <button (click)=\"save()\" class=\"col-md-2 text-center btn btn-primary\">Save</button>\n    <button (click)=\"reset()\" class=\"col-md-2 text-center btn btn-primary\">Reset</button>\n    <button (click)=\"export()\" *ngIf=\"canExport\" class=\"col-md-2 text-center btn btn-primary\">Export</button>\n  </ng-container>\n</form>\n\n<ng-template #noActiveTemplate>\n  <div class=\"text-center\">Click on some control to get this bar completed.</div>\n</ng-template>\n","styles":[".text-upper{text-transform:uppercase}form{position:-webkit-sticky;position:sticky;top:0;right:0;bottom:0;left:0;max-height:100vh;overflow-y:auto}"]}]}],"members":{"available":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"templateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3},"arguments":["onTemplateAdded"]}]}],"propertiesForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["propertiesForm",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"isReadonly":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setupProperties":[{"__symbolic":"method"}],"updateForm":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-text-field","styleUrls":[],"template":"{{ control?.title }}\n<input [placeholder]=\"control?.name\" class=\"form-control\" readonly=\"true\" type=\"text\" />\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵf":{"__symbolic":"class","members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":4,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"DefaultProperties":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"referenceName":{"type":"string","source":"control.name"},"title":{"type":"string","source":"control.title"},"fieldType":{"type":"string","source":"model.fieldType"},"eventJs":{"type":"text","source":"model.eventJs"},"class":{"type":"string","source":"model.css"},"id":{"type":"string","source":"model.id"},"rowSpan":{"type":"string","source":"control.rowSpan"},"dbTypeName":{"type":"string","source":"model.dbTypeName"},"description":{"type":"string","source":"model.description"},"placeholder":{"type":"string","source":"model.placeholder"},"tooltip":{"type":"text","source":"model.tooltip"},"uiMask":{"type":"string","source":"model.uiMask"},"format":{"type":"string","source":"model.format"},"bindings":{"type":"list","source":"model.bindings"},"extract":{"type":"object","source":"model.bindings"},"min":{"type":"int","source":"model.maxLength"},"max":{"type":"int","source":"model.minLength"}}]}},"BooleansProperties":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"hidden":{"type":"boolean","source":"control.properties.isHidden"},"disabled":{"type":"boolean","source":"control.properties.disabled"},"required":{"type":"boolean","source":"control.properties.required"},"readonly":{"type":"boolean","source":"model.readonly"},"isRequiredForGrid":{"type":"boolean","source":"model.isRequiredForGrid"},"isRequiredForForm":{"type":"boolean","source":"model.isRequiredForForm"},"isValidForGrid":{"type":"boolean","source":"model.isValidForGrid"},"isValidForForm":{"type":"boolean","source":"model.isValidForForm"},"allowCreate":{"type":"boolean","source":"model.allowCreate"},"isValidForReport":{"type":"boolean","source":"model.isValidForReport"},"isExtractable":{"type":"boolean","source":"model.isExtractable"},"isSingleLookup":{"type":"boolean","source":"model.isSingleLookup"},"isDynamicDropDown":{"type":"boolean","source":"model.isDynamicDropDown"},"isNonValueType":{"type":"boolean","source":"model.isNonValueType"},"hasRelation":{"type":"boolean","source":"model.hasRelation"}}]}}}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-lookup","styleUrls":[],"template":"{{ control?.title }}\n<input [placeholder]=\"control?.name\" class=\"form-control\" readonly=\"true\" type=\"text\" />\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-date","styleUrls":[],"template":"{{ control?.title }}\n<input [placeholder]=\"control?.name\" class=\"form-control\" readonly=\"true\" type=\"text\" />\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-check-box","template":"<label>\n  <input disabled=\"true\" type=\"checkbox\" />\n  <span>{{ control?.title }}</span>\n</label>\n","styles":["input[type=checkbox],input[type=checkbox]:after{line-height:1.5em;content:'';display:inline-block;width:20px;height:20px;background:#e0e0e0;border-radius:5px;border:none;outline:0;font-size:small;text-align:center}label span{line-height:30px;margin-left:5px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-html-content","template":"<div *ngIf=\"control\" class=\"controlBox\">\n  <h4>Custom HTML HERE</h4>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-list-field","template":"<div *ngIf=\"control\" class=\"controlBox\">\n  <span class=\"controlName\">{{ control?.title }}</span>\n  <div class=\"input-group\">\n    <select [attr.multiple]=\"control?.isMultiple ? true : null\" [disabled]=\"true\" class=\"form-control\" type=\"text\">\n      <option [innerText]=\"option.label\" [value]=\"option.value\" *ngFor=\"let option of options\"></option>\n      <option disabled=\"true\" readonly=\"true\" selected=\"true\">---- Picklist ----</option>\n    </select>\n  </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-datetime","styleUrls":[],"template":"{{ control?.title }}\n<input [placeholder]=\"control?.name\" class=\"form-control\" readonly=\"true\" type=\"text\" />\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-editable-grid","template":"<div>editable to be donehere</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-progress-bar","template":"<div *ngIf=\"control\" class=\"controlBox\">Progress bar to be done here</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-radio-button","template":"<div *ngIf=\"control\" class=\"controlBox\">\n  <div class=\"input-group\">\n    <div class=\"radio\">\n      <label>\n        <input [disabled]=\"true\" type=\"radio\" />\n        <span [attr.id]=\"'label-' + control.name\">{{ control?.title }}</span>\n      </label>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-toggle","template":"<div *ngIf=\"control\" class=\"controlBox\">\n  <div class=\"input-group\">\n    <div class=\"switch\">\n      <input [disabled]=\"true\" class=\"cmn-toggle cmn-toggle-round-flat\" type=\"checkbox\" />\n      <label [attr.for]=\"'input-' + control.name\"></label>\n      <span [attr.id]=\"'label-' + control.name\">{{ control?.title }}</span>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-upload-file","template":"<div class=\"wrapper\">\n  <span>File Upload</span>\n</div>\n","styles":[".wrapper{position:absolute;z-index:101;right:0;top:0;bottom:0;left:0;height:100%;width:100%;text-align:center;display:table;opacity:.9;background:rgba(0,0,0,.1)}span{width:100%;height:100%;display:table-cell;vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fb-controls-number-field","template":"{{ control?.title }}\n<input [placeholder]=\"control?.name\" class=\"form-control\" readonly=\"true\" type=\"text\" />\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"PROPERTIES":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"freeze"},"arguments":[{"common":{},"booleans":{}}]}}}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵy"}],"exports":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵy"}],"providers":[{"__symbolic":"reference","name":"ɵv"}]}]}],"members":{}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"ngx-dnd-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":31,"character":17},"member":"None"},"template":"<div [ngClass]=\"{ 'fb-row': !isTemplate }\" *ngIf=\"model || modelContainer\">\n  <div *ngIf=\"!disabled && !copy\" class=\"actions-menu\">\n    <button *ngIf=\"hasRows\" class=\"btn btn-primary\">\n      <i (click)=\"addNew()\" class=\"fa fa-plus\"></i>\n    </button>\n    <button *ngIf=\"hasRows\" class=\"btn btn-danger\">\n      <i (click)=\"delete()\" class=\"fa fa-times\"></i>\n    </button>\n    <button *ngIf=\"canMoveUp\" class=\"btn btn-default\">\n      <i (click)=\"moveUp()\" class=\"fa fa-chevron-up\"></i>\n    </button>\n    <button *ngIf=\"canMoveDown\" class=\"btn btn-default\">\n      <i (click)=\"moveDown()\" class=\"fa fa-chevron-down\"></i>\n    </button>\n    <button *ngIf=\"hasRows\" class=\"btn btn-light\">\n      <i (click)=\"export()\" class=\"fa fa-upload\"></i>\n    </button>\n  </div>\n  <div\n    [activeModel]=\"activeModel\"\n    [copy]=\"copy\"\n    [disabled]=\"disabled\"\n    [dropZone]=\"dropZone\"\n    [model]=\"model\"\n    [modelContainer]=\"modelContainer\"\n    [modelIndex]=\"modelIndex\"\n    [ngClass]=\"{ 'gu-empty': !model?.length, 'text-center': isTemplate }\"\n    [removeOnSpill]=\"removeOnSpill\"\n    class=\"ngx-dnd-container\"\n    ngxDroppable\n  >\n    <ng-container *ngIf=\"model\">\n      <ng-container *ngFor=\"let item of model; let modelIndex = index\">\n        <ngx-dnd-item\n          (onTemplateDeleted)=\"templateDeleted($event)\"\n          [activeModel]=\"activeModel\"\n          [class]=\"itemClass(item)\"\n          [copy]=\"copy\"\n          [disabled]=\"disabled\"\n          [droppableItemClass]=\"droppableItemClass\"\n          [dropZone]=\"generateDropZone(item)\"\n          [dropZones]=\"generateDropZones(item)\"\n          [isTemplate]=\"isTemplate\"\n          [model]=\"item\"\n          [modelContainer]=\"model\"\n          [modelIndex]=\"modelIndex\"\n          [moves]=\"shouldMove() && moves\"\n          [removeOnSpill]=\"removeOnSpill\"\n          ngxDraggable\n        ></ngx-dnd-item>\n      </ng-container>\n    </ng-container>\n    <ng-content *ngIf=\"!model\"></ng-content>\n  </div>\n</div>\n","styles":[".ngx-dnd-container{position:relative;min-height:40px;background-color:#fff}.ngx-dnd-container.gu-empty{border:2px dotted red}.ngx-dnd-container:nth-child(odd){border-color:rgba(0,0,0,.2)!important}.ngx-dnd-container .ex-moved{background-color:#e74c3c}.ngx-dnd-container .ex-over{background-color:rgba(255,255,255,.3)}.ngx-dnd-container .handle{padding:0 5px;margin-right:5px;cursor:move;background-color:rgba(0,0,0,.4)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ngx-dnd-item{position:relative;border:1px dotted #ccc}",".ngx-dnd-item{display:block;padding:5px;margin:5px;border:1px solid rgba(143,162,162,.43);transition:opacity .4s ease-in-out}.ngx-dnd-item.has-handle [ngxDragHandle],.ngx-dnd-item.has-handle [ngxdraghandle],.ngx-dnd-item:not(.has-handle):not(.move-disabled){cursor:move;cursor:grab;cursor:-webkit-grab}.ngx-dnd-item .ngx-dnd-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ngx-dnd-item:hover{border:1px solid #00f}.gu-mirror{position:fixed!important;z-index:9999!important;margin:0!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}",".formTab{padding:15px;border:1px solid #ddd;margin:0 0 5px;background-color:#f7f7f7}.formTab .formTab{padding:0;border:0;margin:10px 0 0;background-color:transparent}.formTab .page-header{padding:0;margin:-5px 0 15px;display:block;position:relative;color:#90a4ae;border-bottom:1px solid #90a4ae}.ngx-dnd-container,.ngx-dnd-item,.root-container{width:calc(100% - 3px)}.alert{margin:0!important}.fb-col .ngx-dnd-container{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;width:100%;min-width:100%}.fb-col{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;min-width:100%;position:relative}.fb-col fb-form-tab{padding:0 5px;display:block;width:100%}.fb-col fb-form-tab .controls-row{margin:0;padding:0}.fb-col fb-form-tab div{max-width:100%}.fb-columns-0 .ngx-dnd-item,.fb-columns-1 .ngx-dnd-item{width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}.fb-columns-2 .ngx-dnd-item{width:calc(50% - 10px);min-width:calc(50% - 10px);max-width:calc(50% - 10px)}.fb-columns-3 .ngx-dnd-item{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);min-width:calc(33.33% - 10px)}.fb-columns-4 .ngx-dnd-item{width:calc(25% - 10px);max-width:calc(25% - 10px);min-width:calc(25% - 10px)}"]}]}],"members":{"dropZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"isTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"modelIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"modelContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"activeModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"copy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"removeOnSpill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"droppableItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"dropZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"moves":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":80,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":80,"character":16},{"static":false}]}]}],"droppable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":84,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵu"},{"static":false}]}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"over":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"out":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"templateAddEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3},"arguments":["onTemplateAdded"]}]}],"templateDeleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3},"arguments":["onTemplateDeleted"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":113,"character":3},"arguments":["click"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"generateDropZone":[{"__symbolic":"method"}],"generateDropZones":[{"__symbolic":"method"}],"shouldMove":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"templateDeleted":[{"__symbolic":"method"}],"itemClass":[{"__symbolic":"method"}],"addNew":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"moveDown":[{"__symbolic":"method"}],"moveUp":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[ngxDroppable]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"modelIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"modelContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"activeModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"copy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"removeOnSpill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"ngxDroppable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"over":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"out":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"dropZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":56,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":56,"character":56},{"__symbolic":"reference","name":"ɵv"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"register":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"registerDraggable":[{"__symbolic":"method"}],"removeDraggable":[{"__symbolic":"method"}],"createDrakeOptions":[{"__symbolic":"method"}],"registerEvents":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ngx-dnd-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"template":"<ng-container [ngSwitch]=\"type\" *ngIf=\"!isTemplate\">\n  <ng-container *ngSwitchCase=\"'array'\">\n    <ngx-dnd-container\n      [activeModel]=\"activeModel\"\n      [copy]=\"copy\"\n      [droppableItemClass]=\"droppableItemClass\"\n      [dropZone]=\"dropZone\"\n      [dropZones]=\"dropZones\"\n      [model]=\"model\"\n      [modelIndex]=\"modelIndex\"\n      [removeOnSpill]=\"removeOnSpill\"\n      [template]=\"container.template\"\n    ></ngx-dnd-container>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'object'\">\n    <ng-template [ngTemplateOutlet]=\"container.template\" [ngTemplateOutletContext]=\"data\" *ngIf=\"container.template\"></ng-template>\n    <ng-container *ngIf=\"!container.template\">\n      <div class=\"ngx-dnd-content\">{{ model.title }}</div>\n\n      <ngx-dnd-container\n        [activeModel]=\"activeModel\"\n        [copy]=\"copy\"\n        [droppableItemClass]=\"droppableItemClass\"\n        [dropZone]=\"dropZone\"\n        [dropZones]=\"dropZones\"\n        [model]=\"model.cells\"\n        [modelContainer]=\"model\"\n        [modelIndex]=\"modelIndex\"\n        [removeOnSpill]=\"removeOnSpill\"\n        [template]=\"container.template\"\n        *ngIf=\"model.cells && !model.rows\"\n      ></ngx-dnd-container>\n      <ngx-dnd-container\n        [activeModel]=\"activeModel\"\n        [copy]=\"copy\"\n        [droppableItemClass]=\"droppableItemClass\"\n        [dropZone]=\"dropZone\"\n        [dropZones]=\"dropZones\"\n        [model]=\"model.rows\"\n        [modelContainer]=\"model\"\n        [modelIndex]=\"modelIndex\"\n        [removeOnSpill]=\"removeOnSpill\"\n        [template]=\"container.template\"\n        *ngIf=\"model.rows\"\n      ></ngx-dnd-container>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'undefined'\"></ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <ng-template [ngTemplateOutlet]=\"container.template\" [ngTemplateOutletContext]=\"data\" *ngIf=\"container.template\"></ng-template>\n    <div *ngIf=\"!container.template\" class=\"ngx-dnd-content\">{{ model }}</div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"isTemplate\">\n  {{ model?.name || model?.template?.title || model?.template?.label || model?.template?.name || rowData }}\n  <i (click)=\"deleteTemplate()\" class=\"fa fa-times right\"></i>\n</ng-container>\n","styles":[".ngx-dnd-item{display:block;padding:5px;margin:5px;border:1px solid rgba(143,162,162,.43);transition:opacity .4s ease-in-out}.ngx-dnd-item.has-handle [ngxDragHandle],.ngx-dnd-item.has-handle [ngxdraghandle],.ngx-dnd-item:not(.has-handle):not(.move-disabled){cursor:move;cursor:grab;cursor:-webkit-grab}.ngx-dnd-item .ngx-dnd-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ngx-dnd-item:hover{border:1px solid #00f}.gu-mirror{position:fixed!important;z-index:9999!important;margin:0!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}",".ngx-dnd-container{position:relative;min-height:40px;background-color:#fff}.ngx-dnd-container.gu-empty{border:2px dotted red}.ngx-dnd-container:nth-child(odd){border-color:rgba(0,0,0,.2)!important}.ngx-dnd-container .ex-moved{background-color:#e74c3c}.ngx-dnd-container .ex-over{background-color:rgba(255,255,255,.3)}.ngx-dnd-container .handle{padding:0 5px;margin-right:5px;cursor:move;background-color:rgba(0,0,0,.4)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ngx-dnd-item{position:relative;border:1px dotted #ccc}",".formTab{padding:15px;border:1px solid #ddd;margin:0 0 5px;background-color:#f7f7f7}.formTab .formTab{padding:0;border:0;margin:10px 0 0;background-color:transparent}.formTab .page-header{padding:0;margin:-5px 0 15px;display:block;position:relative;color:#90a4ae;border-bottom:1px solid #90a4ae}.ngx-dnd-container,.ngx-dnd-item,.root-container{width:calc(100% - 3px)}.alert{margin:0!important}.fb-col .ngx-dnd-container{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;width:100%;min-width:100%}.fb-col{display:inline-flex;flex-basis:0;flex-grow:1;max-width:100%;min-width:100%;position:relative}.fb-col fb-form-tab{padding:0 5px;display:block;width:100%}.fb-col fb-form-tab .controls-row{margin:0;padding:0}.fb-col fb-form-tab div{max-width:100%}.fb-columns-0 .ngx-dnd-item,.fb-columns-1 .ngx-dnd-item{width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}.fb-columns-2 .ngx-dnd-item{width:calc(50% - 10px);min-width:calc(50% - 10px);max-width:calc(50% - 10px)}.fb-columns-3 .ngx-dnd-item{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);min-width:calc(33.33% - 10px)}.fb-columns-4 .ngx-dnd-item{width:calc(25% - 10px);max-width:calc(25% - 10px);min-width:calc(25% - 10px)}"]}]}],"members":{"dropZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"dropZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"droppableItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"removeOnSpill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"copy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"classString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵa"}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"modelIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"modelContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"isTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"activeModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"templateDeleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":126,"character":3},"arguments":["onTemplateDeleted"]}]}],"templateAddEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":127,"character":3},"arguments":["onTemplateAdded"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":129,"character":3},"arguments":["click"]}]}],"isHidden":[{"__symbolic":"method"}],"deleteTemplate":[{"__symbolic":"method"}],"onTemplateAdded":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[ngxDraggable]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"ngxDraggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"dropZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_moves":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["moves"]}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":26},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵu"}]}],"onMove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":56,"character":3},"arguments":["touchmove",["$event"]]}]}],"onDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":64,"character":3},"arguments":["touchstart",["$event"]]}]}],"onUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":73,"character":3},"arguments":["touchend",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateElements":[{"__symbolic":"method"}],"canMove":[{"__symbolic":"method"}],"moves":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[ngxDragHandle]"}]}],"members":{}},"ɵz":{"production":false,"developmentMode":false},"ɵba":"____FormBuilderData","ɵbb":{"__symbolic":"class","members":{},"statics":{"API":{"__symbolic":"function","parameters":[],"value":"http://moldova.api/"},"CONFIG":{"__symbolic":"function","parameters":[],"value":{"apiUrl":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵbb"},"member":"API"}},"debug":true,"formBuilder":true}}}}},"origins":{"BootstrapComponent":"./app/fb/components/bootstrap/bootstrap.component","DevFormBuilderModule":"./app/fb/dev.module","FormBuilderModule":"./app/fb/fb.module","FBRendererComponent":"./app/fb/components/renderer/renderer.component","ɵa":"./app/dnd/services/builder.service","ɵb":"./app/fb/components/FormTab/form-tab.component","ɵc":"./app/fb/components/controls-sidebar/controls-sidebar.component","ɵd":"./app/fb/components/control-properties-sidebar/control-properties-sidebar.component","ɵe":"./app/fb/components/controls/text-field/text-field.component","ɵf":"./app/fb/components/controls/abstract.control","ɵg":"./app/fb/components/controls/lookup/lookup.component","ɵh":"./app/fb/components/controls/date/date.component","ɵi":"./app/fb/components/controls/check-box/check-box.component","ɵj":"./app/fb/components/controls/html-content/html-content.component","ɵk":"./app/fb/components/controls/list-field/list-field.component","ɵl":"./app/fb/components/controls/date-time/date-time.component","ɵm":"./app/fb/components/controls/editable-grid/editable-grid.component","ɵn":"./app/fb/components/controls/progress-bar/progress-bar.component","ɵo":"./app/fb/components/controls/radio-button/radio-button.component","ɵp":"./app/fb/components/controls/toggle/toggle.component","ɵq":"./app/fb/components/controls/upload-file/upload-file.component","ɵr":"./app/fb/components/controls/number-field/number-field.component","ɵs":"./app/dnd/ngx-dnd.module","ɵt":"./app/dnd/components/container/container.component","ɵu":"./app/dnd/directives/ngx-droppable.directive","ɵv":"./app/dnd/services/drake-store.service","ɵw":"./app/dnd/components/item/item.component","ɵx":"./app/dnd/directives/ngx-draggable.directive","ɵy":"./app/dnd/directives/ngx-drag-handle.directive","ɵz":"./environments/environment","ɵba":"./app/constants","ɵbb":"./app/fb/environment"},"importAs":"@dotgov/z_formbuilder"}