{"__symbolic":"module","version":4,"metadata":{"DynamicFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":52,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"BoInstanceSelectorComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__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"},{"__symbolic":"reference","name":"ɵs"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":68,"character":4},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","module":"ng-zorro-antd/date-picker","name":"NzDatePickerModule","line":70,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/time-picker","name":"NzTimePickerModule","line":71,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":78,"character":4},{"__symbolic":"reference","module":"@greetgo/popover","name":"PopoverModule","line":79,"character":4},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":81,"character":4}],"exports":[{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"BoInstanceSelectorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵh"},{"__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"},{"__symbolic":"reference","name":"ɵs"}]}]}],"members":{}},"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-dynamic-form","exportAs":"appDynamicForm","providers":[{"__symbolic":"reference","name":"ɵa"}],"template":"<div class=\"dynamic-form-for-quill\">\n  <ng-container *ngFor=\"let field of dynamicFormControl.fields; trackBy: getId\">\n\n    <div fxLayout=\"column\" class=\"block\" *ngIf=\"!field.tabId\">\n\n      <div *ngIf=\"field.type !== FormFieldType.CHECKBOX && field.type !== FormFieldType.TAB_GROUP\" class=\"label-block\">\n        {{field.label}}:\n      </div>\n\n      <app-dff-common fxFlex=\"80\" [field]=\"field\"\n                      (initialized)=\"onFieldInit(field, $event)\">\n      </app-dff-common>\n\n    </div>\n\n  </ng-container>\n</div>\n","styles":[".block{margin-bottom:15px}.label-block{font-size:13px;line-height:16px;margin-bottom:10px}"]}]}],"members":{"dynamicFormControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getId":[{"__symbolic":"method"}],"onFieldInit":[{"__symbolic":"method"}]}},"BoInstanceSelectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-bo-instance-selector","template":"<div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\n\n  <ng-container *ngIf=\"config.type === ViewType.MULTIPLE || config.type === ViewType.SINGLE\">\n    <app-multiple [chosenIds]=\"chosenIds\"\n                  [type]=\"config.type\"\n                  [isEditable]=\"config.isEditable\"\n                  [businessFields]=\"businessFields\"\n                  [businessObjectId]=\"businessObjectId\"\n                  (boInstanceDeleted)=\"boInstanceDeleted.emit($event)\"\n                  (boInstanceAdded)=\"boInstanceAdded.emit($event)\">\n    </app-multiple>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.type ===  ViewType.TABLE\">\n    <app-table [businessObjectId]=\"businessObjectId\"\n               [businessFields]=\"businessFields\"\n               [chosenIds]=\"chosenIds\"\n               [config]=\"config\"\n               (boiAmountChanged)=\"boiAmountChanged.emit($event)\"\n               (boInstanceCreated)=\"boInstanceCreated.emit($event)\"\n               (boiDialogOpenEvent)=\"boiDialogOpenEvent.emit($event)\"\n               (costCalcEnabledChanged)=\"onCostCalcEnabledChanged($event)\"\n               (costCalcFieldIdChanged)=\"onCostCalcFieldIdChanged($event)\"\n               (costCalcPriceLabelChanged)=\"onCostCalcPriceLabelChanged($event)\"\n               (boInstanceDeleted)=\"boInstanceDeleted.emit($event)\"\n               (boInstanceAdded)=\"boInstanceAdded.emit($event)\"\n               (businessFieldToShowChanged)=\"businessFieldToShowChanged.emit($event)\">\n    </app-table>\n  </ng-container>\n\n  <ng-container *ngIf=\"config.type === ViewType.FIELDS\">\n    <app-bo-fields [businessObjectId]=\"businessObjectId\"\n                   [businessFields]=\"businessFields\"\n                   [chosenIds]=\"chosenIds\"\n                   [ownerBoId]=\"config.ownerBoId\"\n                   [ownerBoInstanceId]=\"config.ownerBoInstanceId\"\n                   [ownerFieldId]=\"config.ownerFieldId\"\n                   (boInstanceAdded)=\"boInstanceAdded.emit($event)\"\n                   (boInstanceDeleted)=\"boInstanceDeleted.emit($event)\"\n                   (allBoInstanceDeleted)=\"allBoInstanceDeleted.emit()\">\n    </app-bo-fields>\n  </ng-container>\n\n</div>\n","styles":[""]}]}],"members":{"businessFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"businessObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"chosenIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"boInstanceCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"boiAmountChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"boInstanceAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"boInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"boiDialogOpenEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"businessFieldToShowChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"allBoInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"costCalcEnabledChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"costCalcFieldIdChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"costCalcPriceLabelChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onCostCalcEnabledChanged":[{"__symbolic":"method"}],"onCostCalcFieldIdChanged":[{"__symbolic":"method"}],"onCostCalcPriceLabelChanged":[{"__symbolic":"method"}]}},"BoInstanceSelectorConfig":{"__symbolic":"interface"},"DYNAMIC_FORMS_SERVICE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":41},"arguments":["DynamicFormsService"]},"DynamicFormsService":{"__symbolic":"interface"},"DynamicFormControl":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DynamicFormConfig"}]}],"setValue":[{"__symbolic":"method"}],"saveBoInstance":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"closeAutocompleteFor":[{"__symbolic":"method"}],"showAutocompleteFor":[{"__symbolic":"method"}],"autocompleteClick":[{"__symbolic":"method"}],"reduceValidStatus":[{"__symbolic":"method"}],"markAsTouched":[{"__symbolic":"method"}],"saveBoiAmount":[{"__symbolic":"method"}],"openBoiDialog":[{"__symbolic":"method"}],"completeValueChanged":[{"__symbolic":"method"}],"getOrElseThrow":[{"__symbolic":"method"}]}},"DynamicFormConfig":{"__symbolic":"interface"},"AccessRightState":{"__symbolic":"interface"},"AttachmentRecord":{"__symbolic":"interface"},"BoAutocompleteOption":{"__symbolic":"interface"},"BoAutocompleteOptionsRequest":{"__symbolic":"interface"},"BoFieldWithValue":{"__symbolic":"interface"},"BoInstance":{"__symbolic":"interface"},"BoInstanceDialogType":{"VIEW":"VIEW","EDIT":"EDIT","CREATE":"CREATE"},"BoInstanceSelectorFilter":{"__symbolic":"interface"},"BoInstanceSelectorRecord":{"__symbolic":"interface"},"BoInstanceSelectorRequest":{"__symbolic":"interface"},"BoInstanceToSave":{"__symbolic":"interface"},"BusinessFieldInstance":{"__symbolic":"interface"},"BusinessFieldRef":{"__symbolic":"interface"},"BusinessFieldViewType":{"SINGLE":"SINGLE","MULTIPLE":"MULTIPLE","TABLE":"TABLE","FIELDS":"FIELDS"},"BusinessObjectDetails":{"__symbolic":"interface"},"FieldOption":{"__symbolic":"interface"},"FileRecord":{"__symbolic":"interface"},"FormFieldInstance":{"__symbolic":"interface"},"FormFieldType":{"TIME":"TIME","FULL_DATE":"FULL_DATE","YEAR_AND_MONTH":"YEAR_AND_MONTH","YEAR":"YEAR","INPUT_TEXT":"INPUT_TEXT","INPUT_PHONE":"INPUT_PHONE","INPUT_EMAIL":"INPUT_EMAIL","INPUT_NUMBER":"INPUT_NUMBER","TEXTAREA":"TEXTAREA","CHECKBOX":"CHECKBOX","DATE":"DATE","PERIOD":"PERIOD","DROPDOWN_SINGLE":"DROPDOWN_SINGLE","FILE_UPLOAD":"FILE_UPLOAD","USER_DROPDOWN_MULTI":"USER_DROPDOWN_MULTI","CHECKBOX_GROUP":"CHECKBOX_GROUP","RADIO_BUTTON_GROUP":"RADIO_BUTTON_GROUP","BUSINESS_OBJECT":"BUSINESS_OBJECT","TAB_GROUP":"TAB_GROUP"},"TableInstanceRecord":{"__symbolic":"interface"},"DynamicFormOwnerData":{"__symbolic":"interface"},"BoInstanceAmountToSave":{"__symbolic":"interface"},"BoiDialogData":{"__symbolic":"interface"},"ToDisplayValueReq":{"__symbolic":"interface"},"FieldTab":{"__symbolic":"interface"},"LoadBoInstanceRequest":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"changeValue":[{"__symbolic":"method"}],"autocompleteClick":[{"__symbolic":"method"}],"reduceValidStatus":[{"__symbolic":"method"}],"saveBoiAmount":[{"__symbolic":"method"}],"saveBoInstance":[{"__symbolic":"method"}],"openBioDialog":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-dff-common","template":"\n    <ng-template #content>\n    </ng-template>\n\n    <ng-container *ngIf=\"component && this.fieldRef.touched\">\n      <div *ngFor=\"let error of this.fieldRef.errors\" style=\"color:red; font-size: 11px\">\n        {{error | translate}}\n      </div>\n    </ng-container>\n  "}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"initialized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"vc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":43,"character":31},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":48,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"resolve":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-autocomplete-option","template":"<div class=\"option-row\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [class.active]=\"active\"\n     (click)=\"emitAutoCompleteOptionClicked(option)\">\n  {{option.fieldDisplayValue}}\n</div>\n","styles":[".option-row{height:3rem;padding:.5rem}.active,.option-row:hover{background-color:#efefef}"]}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"autoCompleteOptionClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"setActiveStyles":[{"__symbolic":"method"}],"setInactiveStyles":[{"__symbolic":"method"}],"emitAutoCompleteOptionClicked":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-multiple","template":"<div *ngIf=\"chosenRecords\"\n     class=\"container\" fxLayout=\"row\"\n     fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\n\n  <div *ngIf=\"isEditable && chosenRecords.length === 0 ; else notEmpty\"\n       #buttonOrigin class=\"empty\"\n       (click)=\"showPopover(buttonOrigin, overlay)\">\n    {{'choose' |  translate}}\n  </div>\n\n  <ng-template #notEmpty>\n\n    <div fxLayout=\"row wrap\" fxLayoutGap=\"0.5rem\">\n\n      <div class=\"instance-value\" fxLayoutAlign=\"center center\"\n           *ngFor=\"let field of chosenRecords; let i = index\"\n           [class.active]=\"i === 0\">\n\n        <span>{{values(field.displayValues)}}</span>\n\n        <mat-icon svgIcon=\"no-color-close-x\" class=\"default-icon\"\n                  *ngIf=\"isEditable\" (click)=\"deleteBoInstance(field)\">\n        </mat-icon>\n\n      </div>\n\n    </div>\n\n    <div #iconOrigin *ngIf=\"isEditable\">\n      <mat-icon class=\"default-icon vert-dots-button\" svgIcon=\"no-color-vert-dots\"\n                [class.active-icon]=\"popoverOpened\"\n                (click)=\"showPopover(iconOrigin, overlay)\">\n      </mat-icon>\n    </div>\n\n  </ng-template>\n\n  <!--  OVERLAY -->\n  <ng-template #overlay>\n\n\n    <div class=\"overlay-inner\">\n\n      <div class=\"search-block\" fxLayout=\"row\"\n           fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\n\n        <div fxLayoutAlign=\"center center\">\n          <mat-icon svgIcon=\"search\"></mat-icon>\n        </div>\n        <input placeholder=\"{{'search_field' | translate}}\"\n               ngModel (ngModelChange)=\"searchValueChanged.next($event)\">\n\n      </div>\n\n      <div *ngIf=\"isMultiple()\" class=\"choose-all\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-checkbox fxFlex [ngModel]=\"isAllChosen\" (change)=\"toggleAllChosen($event)\">\n          {{'choose_all' | translate}}\n        </mat-checkbox>\n\n        <span>{{chosenIds.length}} / {{allBoInstanceIds.length}}</span>\n      </div>\n\n      <div class=\"instance-list\" fxLayout=\"column\" fxLayoutGap=\"0.3rem\">\n\n        <div *ngIf=\"searchRecords.length === 0\" class=\"not-found\">\n          {{'not_found' | translate}}\n        </div>\n\n        <ng-container *ngIf=\"isMultiple(); else single\">\n          <mat-checkbox *ngFor=\"let record of searchRecords\"\n                        [checked]=\"record.checked\"\n                        (change)=\"toggleBoInstance(record, $event)\">\n            {{values(record.displayValues)}}\n          </mat-checkbox>\n        </ng-container>\n\n        <ng-template #single>\n          <app-custom-radio-button *ngFor=\"let rec of searchRecords\"\n                                   [checked]=\"rec.checked\"\n                                   (changed)=\"selectBoInstance(rec)\">\n            {{values(rec.displayValues)}}\n          </app-custom-radio-button>\n        </ng-template>\n\n      </div>\n\n    </div>\n\n  </ng-template>\n\n</div>\n","styles":[".vert-dots-button{height:16px;margin-top:10px;width:16px}.instance-value{border:1px solid #74a1e3;border-radius:35px;font-size:13px;margin-top:5px;padding:.3rem}.instance-value span{border-bottom:1px solid #000;margin-left:.5rem;margin-right:.5rem}.instance-value mat-icon{height:12px;width:12px}.instance-value.active{background:#74a1e3;color:#fff}.instance-value.active span{border-bottom:1px solid #fff}.empty{border-bottom:1px dashed #74a1e3;color:#74a1e3;cursor:pointer;font-size:.9rem}.overlay-inner{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:18rem;min-height:6rem;min-width:12rem}.instance-list,.search-block{padding:.5rem}.search-block{border-bottom:1px solid #efefef;height:3rem}.search-block mat-icon{height:16px;width:16px}.search-block input{border:none}.instance-list{font-size:13px;overflow:hidden}.not-found{margin:.5rem}.choose-all{color:#b2b2b2;font-size:11px;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"businessFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"businessObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"chosenIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isEditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"boInstanceAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"boInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"},{"__symbolic":"reference","module":"@greetgo/popover","name":"Popover","line":37,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"values":[{"__symbolic":"method"}],"showPopover":[{"__symbolic":"method"}],"loadSearchRecords":[{"__symbolic":"method"}],"loadByIds":[{"__symbolic":"method"}],"asRequest":[{"__symbolic":"method"}],"toggleBoInstance":[{"__symbolic":"method"}],"selectBoInstance":[{"__symbolic":"method"}],"addBoInstance":[{"__symbolic":"method"}],"deleteBoInstance":[{"__symbolic":"method"}],"isSingle":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isStrArraysEqual":[{"__symbolic":"method"}],"updateIsAllChosen":[{"__symbolic":"method"}],"toggleAllChosen":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-table","template":"<div fxLayout=\"column\" class=\"table\" *ngIf=\"chosenRecords\" [class.has-cost]=\"config.costCalcEnabled\">\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"end center\" class=\"headers-row\">\n\n    <div [fxFlex]=\"100 / headerLength\" class=\"header\" fxLayout=\"row\"\n         *ngFor=\"let field of headers; let i = index\" fxLayoutAlign=\"start center\">\n\n      <span fxFlex=\"90\" [title]=\"field.label\">{{field.label}}</span>\n\n    </div>\n\n    <ng-container *ngIf=\"!!config.costCalcEnabled\">\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <span fxFlex=\"90\">{{'amount' | translate}}</span>\n      </div>\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n        <input [class.not-chosen]=\"!config.costCalcFieldId\" fxFlex=\"85\" type=\"text\" #input\n               class=\"cost-calc-price-label-input\" (ngModelChange)=\"onCostCalcPriceLabelChanged(input.value)\"\n               [ngModel]=\"config.costCalcPriceLabel\" [title]=\"config.costCalcPriceLabel\"\n               [disabled]=\"!config.isEditable\">\n\n        <div #origin class=\"price-settings-icon\" [class.not-chosen]=\"!config.costCalcFieldId\"\n             *ngIf=\"config.canChangeSettings\"\n             (click)=\"showPriceChooserPopover(origin, priceChooserOverlay)\">\n          <mat-icon svgIcon=\"no-color-settings\"></mat-icon>\n        </div>\n\n      </div>\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <span fxFlex=\"90\">{{'cost' | translate}}</span>\n      </div>\n\n    </ng-container>\n\n    <div *ngIf=\"config.canChangeSettings\" #buttonOrigin\n         class=\"add-field-button\" fxLayoutAlign=\"center center\">\n\n      <mat-icon svgIcon=\"no-color-vert-dots\" class=\"default-icon\"\n                [class.active-icon]=\"popoverOpened\"\n                (click)=\"showPopover(buttonOrigin, fieldsOverlay)\">\n      </mat-icon>\n\n    </div>\n\n  </div>\n\n  <div *ngFor=\"let row of chosenRecords\" fxLayout=\"row\" class=\"records-row\">\n\n    <div [fxFlex]=\"100 / headerLength\" *ngFor=\"let col of row.displayValues\" fxLayoutAlign=\"start center\"\n         [title]=\"col\" class=\"record regular\" (click)=\"openBoiDetailsForView(row.boInstanceId)\">\n      {{col}}\n    </div>\n\n    <ng-container *ngIf=\"!!config.costCalcEnabled\">\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n        <input fxFlex=\"85\" type=\"number\" min=\"0\" [disabled]=\"!config.isEditable\"\n               class=\"cost-calc-price-label-input\"\n               (blur)=\"saveRowAmount(row)\"\n               [(ngModel)]=\"row.amount\" [title]=\"row.amount\">\n\n      </div>\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <span>{{row.price}}</span>\n      </div>\n\n      <div [fxFlex]=\"100 / headerLength\" class=\"header cost-calc\" [class.is-editable]=\"config.isEditable\"\n           fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <span fxFlex=\"90\">{{row.cost}}</span>\n      </div>\n\n    </ng-container>\n\n    <div fxLayout=\"row\" class=\"record-buttons\" fxLayoutGap=\".5rem\" *ngIf=\"config.isEditable\"\n         fxLayoutAlign=\"start center\">\n\n      <mat-icon *ngIf=\"row.canDelete\" svgIcon=\"no-color-minus\" class=\"delete-icon\"\n                (click)=\"deleteBoInstance(row)\"></mat-icon>\n      <mat-icon *ngIf=\"row.canEdit\" svgIcon=\"no-color-edit\" class=\"edit-icon\"\n                (click)=\"openBoiDetailsForEdit(row.boInstanceId)\"></mat-icon>\n\n    </div>\n\n  </div>\n\n</div>\n\n<div fxLayout=\"row\" fxLayoutAlign=\"end center\" *ngIf=\"config.costCalcEnabled\">\n\n  <div [fxFlex]=\"100 / headerLength\" class=\"cost-total regular\" [class.is-editable]=\"config.isEditable\"\n       fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <span>{{totalCost}}</span>\n  </div>\n\n</div>\n\n<div #addButtonOrigin class=\"add-button\" fxLayoutAlign=\"center center\"\n     *ngIf=\"config.isEditable\"\n     (click)=\"showCreatePopover(addButtonOrigin, BOIAddOverlay)\">\n  <mat-icon svgIcon=\"add-blue\"></mat-icon>\n  <button>{{'add' | translate}}</button>\n</div>\n\n<!--  OVERLAY -->\n<ng-template #fieldsOverlay>\n\n  <div class=\"overlay-container\">\n\n    <div class=\"search-block\" fxLayout=\"row\"\n         fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\n\n      <div fxLayoutAlign=\"center center\">\n        <mat-icon svgIcon=\"search\"></mat-icon>\n      </div>\n      <input placeholder=\"{{'search_field' | translate}}\"\n             ngModel (ngModelChange)=\"filterFields($event)\">\n\n    </div>\n\n    <div class=\"instance-list scroll-bar\" fxLayout=\"column\" fxLayoutGap=\"0.3rem\">\n\n      <div *ngIf=\"searchBusinessFields.length === 0\" class=\"not-found\">\n        {{'not_found' | translate}}\n      </div>\n\n      <mat-checkbox *ngFor=\"let record of searchBusinessFields\"\n                    [checked]=\"record.toShow\"\n                    (change)=\"toggleToShow(record, $event)\">\n        {{record.label}}\n      </mat-checkbox>\n\n    </div>\n\n    <div class=\"add-counting\" *ngIf=\"config.costCalcEnabled != null\">\n      <mat-checkbox [checked]=\"config.costCalcEnabled\"\n                    (change)=\"onCostCalcEnabledChanged($event)\">\n        {{'add_counting' | translate}}\n      </mat-checkbox>\n    </div>\n\n  </div>\n\n</ng-template>\n\n<!--  BoiAddOverlay  -->\n<ng-template #BOIAddOverlay>\n  <div class=\"bo-add-overlay-container scroll-bar\" *ngIf=\"boDetails\" fxLayout=\"column\">\n\n    <app-create-boi-overlay [boDetails]=\"boDetails\"\n                            [ownerFieldId]=\"config.ownerFieldId\"\n                            [ownerBoInstanceId]=\"config.ownerBoInstanceId\"\n                            [ownerBoId]=\"config.ownerBoId\"\n                            [businessObjectId]=\"businessObjectId\"\n                            [costCalcEnabled]=\"config.costCalcEnabled\"\n                            [costCalcFieldId]=\"config.costCalcFieldId\"\n                            [boiDraftId]=\"config.boiDraftId\"\n                            [headers]=\"headers\"\n                            (boInstanceCreated)=\"boInstanceCreated.emit($event)\"\n                            (boiAmountChanged)=\"boiAmountChanged.emit($event)\"\n                            (boInstanceAdded)=\"onBoInstanceAdded($event)\"\n                            (closeClicked)=\"onOverlayCloseClick()\"\n                            (saveClicked)=\"onOverlaySaveClick()\"\n    >\n    </app-create-boi-overlay>\n\n  </div>\n</ng-template>\n\n<!--  PriceChooserOverlay  -->\n<ng-template #priceChooserOverlay>\n  <div class=\"price-chooser-overlay\">\n    <div class=\"search-block\" fxLayout=\"row\"\n         fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\n\n      <div fxLayoutAlign=\"center center\">\n        <mat-icon svgIcon=\"search\"></mat-icon>\n      </div>\n      <input placeholder=\"{{'search_field' | translate}}\"\n             ngModel (ngModelChange)=\"filterPriceFields($event)\">\n\n    </div>\n\n    <div class=\"price-fields-list scroll-bar\" fxLayout=\"column\" fxLayoutGap=\"0.3rem\">\n\n      <div *ngIf=\"priceFields.length === 0\" class=\"not-found\">\n        {{'not_found' | translate}}\n      </div>\n\n      <div *ngFor=\"let record of priceFields\" id=\"price-field-chooser\">\n\n        <app-custom-radio-button [value]=\"record.fieldId\"\n                                 [checked]=\"config.costCalcFieldId === record.fieldId\"\n                                 (change)=\"onCostCalcFieldIdChanged(record)\">\n          {{record.label}}\n        </app-custom-radio-button>\n\n      </div>\n    </div>\n\n  </div>\n</ng-template>\n","styles":[".cost-calc-price-label-input{background:none;border:none}.add-button mat-icon,.add-field-button mat-icon,.cancel-icon,.checked-icon,.price-settings-icon mat-icon,.record-buttons mat-icon,.search-block mat-icon{height:16px;width:16px}.price-chooser-overlay{border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}:host{font-size:13px;width:100%}.table{border:1px solid #d5d5d5;border-radius:5px}.table.has-cost{border-radius:5px 5px 0 5px}.header{border-left:1px solid #d5d5d5;color:rgba(35,35,35,.6);height:30px;padding-left:.5rem;padding-right:.5rem}.header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header:first-child{border-left:none}.record{border-left:1px solid #d5d5d5;color:#74a1e3;cursor:pointer;height:30px;overflow:hidden;padding-left:.5rem;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.record:first-child{border-left:none}.cost-total{border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-radius:0 0 5px 5px;border-right:1px solid #d5d5d5;color:rgba(35,35,35,.6);height:30px;padding-left:.5rem;padding-right:.5rem}.cost-total.is-editable{background:#eaeaea}.add-field-button{position:absolute;right:0}.overlay-container{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:13px;min-height:6rem;min-width:12rem}.add-counting,.instance-list,.price-fields-list,.search-block{padding:.5rem}.search-block{height:3rem}.search-block input{border:none}.instance-list{border-bottom:1px solid #efefef;border-top:1px solid #efefef;max-height:15rem;overflow-x:hidden}.not-found{margin:.5rem}.add-counting{font-weight:700}.not-chosen,.not-chosen mat-icon{color:#ff4141}.cost-calc{color:rgba(35,35,35,.6)}.cost-calc.is-editable{background:#eaeaea}.cost-calc-price-label-input{color:rgba(35,35,35,.6);padding-right:.5rem}.add-button{float:right;margin-top:.5rem}.add-button button{background:none;border:none;color:#bababa}.add-button button:focus{outline:none}.bo-add-overlay-container{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:block;max-height:500px;min-height:10rem;min-width:12rem;padding:1rem;width:28rem}.checked-icon{color:#6ccd6a}.cancel-icon{color:#ff4141}.records-row{border-top:1px solid #d5d5d5;overflow:hidden;position:relative}.records-row:hover .record-buttons{opacity:1;right:0}.record-buttons{background:#fff;height:30px;opacity:0;position:absolute;right:-50px;transition:right .2s,opacity .2s}.record-buttons mat-icon{color:#d5d5d5;transition:color .2s}.record-buttons .delete-icon:hover{color:#ff4141}.record-buttons .edit-icon:hover{color:#74a1e3}.headers-row{height:30px;position:relative}.price-chooser-overlay{background:#fff;font-size:13px}.price-fields-list{border-top:1px solid #efefef;max-height:15rem;overflow-x:hidden}"]}]}],"members":{"businessFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"chosenIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"businessObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"boInstanceAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"boInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"boInstanceCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"boiAmountChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"boiDialogOpenEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"businessFieldToShowChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"costCalcEnabledChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"costCalcFieldIdChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"costCalcPriceLabelChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":5},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"},{"__symbolic":"reference","module":"@greetgo/popover","name":"Popover","line":65,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"loadByIds":[{"__symbolic":"method"}],"recalculateEachRecordCost":[{"__symbolic":"method"}],"asRequest":[{"__symbolic":"method"}],"showPriceChooserPopover":[{"__symbolic":"method"}],"getPriceFields":[{"__symbolic":"method"}],"showPopover":[{"__symbolic":"method"}],"showCreatePopover":[{"__symbolic":"method"}],"filterFields":[{"__symbolic":"method"}],"toggleToShow":[{"__symbolic":"method"}],"refreshHeaders":[{"__symbolic":"method"}],"recalculateTotalCost":[{"__symbolic":"method"}],"saveAmountIfNeed":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"deleteBoInstance":[{"__symbolic":"method"}],"openBoiDetails":[{"__symbolic":"method"}],"openBoiDetailsForEdit":[{"__symbolic":"method"}],"openBoiDetailsForView":[{"__symbolic":"method"}],"onCostCalcEnabledChanged":[{"__symbolic":"method"}],"onCostCalcFieldIdChanged":[{"__symbolic":"method"}],"onCostCalcPriceLabelChanged":[{"__symbolic":"method"}],"filterPriceFields":[{"__symbolic":"method"}],"saveRowAmount":[{"__symbolic":"method"}],"onBoInstanceAdded":[{"__symbolic":"method"}],"onOverlayCloseClick":[{"__symbolic":"method"}],"onOverlaySaveClick":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-bo-fields","template":"<app-dynamic-form *ngIf=\"formControl\" [dynamicFormControl]=\"formControl\">\n</app-dynamic-form>\n","styles":[""]}]}],"members":{"businessFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"businessObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"chosenIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"ownerBoId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"ownerBoInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"ownerFieldId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"boInstanceAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"boInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"allBoInstanceDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":5},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}],null],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadBoDetails":[{"__symbolic":"method"}],"completeForm":[{"__symbolic":"method"}],"initFields":[{"__symbolic":"method"}],"loadBoInstance":[{"__symbolic":"method"}],"initValues":[{"__symbolic":"method"}],"fieldValueChanged":[{"__symbolic":"method"}],"fillAutocompleteOptions":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-create-boi-overlay","template":"<div fxLayout=\"row\" fxLayoutGap=\"1rem\">\n\n  <span fxFlex=\"90\">Добавление нового бизнес-объекта `{{boDetails.name}}`</span>\n\n  <div fxLayoutGap=\"0.3rem\" fxFlex=\"10\" fxLayoutAlign=\"start end\">\n    <mat-icon svgIcon=\"no-color-checked\" class=\"checked-icon\"\n              (click)=\"saveBoInstance()\">\n    </mat-icon>\n    <mat-icon svgIcon=\"no-color-cancel\" class=\"cancel-icon\"\n              (click)=\"close()\">\n    </mat-icon>\n  </div>\n\n</div>\n\n<app-dynamic-form *ngIf=\"formControl\" [dynamicFormControl]=\"formControl\">\n</app-dynamic-form>\n\n<div *ngIf=\"costCalcEnabled\" fxLayout=\"column\" class=\"amount\">\n  <label>{{'amount' | translate}}: </label>\n  <input type=\"number\" class=\"custom-input-style\" [min]=\"1\"\n         [(ngModel)]=\"boInstanceAmount\">\n</div>\n","styles":[".cancel-icon,.checked-icon{height:16px;width:16px}.amount{font-size:13px;margin-top:2rem}.checked-icon{color:#6ccd6a}.cancel-icon{color:#ff4141}"]}]}],"members":{"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"businessObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"boDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"costCalcEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"costCalcFieldId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"ownerBoId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"ownerFieldId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"ownerBoInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"boiDraftId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"boInstanceAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"boiAmountChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"boInstanceCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"closeClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"saveClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":15},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}]],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"createFormControlConfig":[{"__symbolic":"method"}],"createBoiToSave":[{"__symbolic":"method"}],"prepareFields":[{"__symbolic":"method"}],"onCtrlEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":3},"arguments":["keydown.control.enter"]}]}],"fillAutocompleteOptions":[{"__symbolic":"method"}],"createReq":[{"__symbolic":"method"}],"loadBoInstance":[{"__symbolic":"method"}],"completeForm":[{"__symbolic":"method"}],"getDisplayValues":[{"__symbolic":"method"}],"getPrice":[{"__symbolic":"method"}],"saveBoInstance":[{"__symbolic":"method"}],"handleCompletedBoiAmount":[{"__symbolic":"method"}],"saveAmount":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"prepareBoiToSave":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-dff-textarea","template":"<quill-editor [modules]=\"quillConfig\"\n              [ngModel]=\"value\"\n              (ngModelChange)=\"changeValue($event)\"\n              [readOnly]=\"field.isReadonly\"\n              [styles]=\"{height: '150px'}\"\n              bounds=\".dynamic-form-for-quill\"\n              placeholder=\"{{'type_text' | translate}}\">\n</quill-editor>\n","styles":[":host{display:grid}quill-editor{border:1px solid #d5d5d5}"]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":15},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":35}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"setValue":[{"__symbolic":"method"}],"showAutocomplete":[{"__symbolic":"method"}],"closeAutocomplete":[{"__symbolic":"method"}],"touch":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"runValidators":[{"__symbolic":"method"}],"writeValue0":[{"__symbolic":"method"}],"validateRequired":[{"__symbolic":"method"}],"validateUnique":[{"__symbolic":"method"}],"initCheckUnique":[{"__symbolic":"method"}],"scrollToElement":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-dff-input","template":"<input type=\"text\"\n       #origin (keydown)=\"onKeydown($event)\"\n       (blur)=\"touch()\" [type]=\"getInputType(field.type)\"\n       [readonly]=\"field.isReadonly\"\n       [ngModel]=\"value\" (ngModelChange)=\"changeValue($event)\">\n<ng-template #overlay>\n  <ng-container *ngIf=\"innerService.needAutocomplete && autocompleteOptions\">\n\n    <div fxLayout=\"column\" class=\"overlay\"\n         [style.width]=\"origin.offsetWidth + 'px'\">\n\n      <app-autocomplete-option *ngFor=\"let option of autocompleteOptions; trackBy: getId\"\n                               [option]=\"option\"\n                               (autoCompleteOptionClicked)=\"autoCompleteOptionClicked($event)\">\n      </app-autocomplete-option>\n\n    </div>\n\n  </ng-container>\n</ng-template>\n","styles":["input{border:1px solid #d4d4d4!important;border-radius:5px!important;height:1.5rem;width:100%}input:focus{border:1px solid #74a1e3!important;border-radius:5px!important}.overlay{background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.2);min-height:2rem}"]}]}],"members":{"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["overlay",{"static":true}]}]}],"origin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["origin",{"static":true}]}]}],"optionItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":5},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_SERVICE"}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"DynamicFormsService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":11},{"__symbolic":"reference","module":"@greetgo/popover","name":"Popover","line":46,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":40}]}],"getInputType":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"showAutocomplete":[{"__symbolic":"method"}],"closeAutocomplete":[{"__symbolic":"method"}],"autoCompleteOptionClicked":[{"__symbolic":"method"}],"getId":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-dff-checkbox","template":"<div fxLayout=\"row\" fxLayoutGap=\".5rem\" fxLayoutAlign=\"start center\">\n\n  <app-custom-checkbox [ngModel]=\"value\" (ngModelChange)=\"changeValue($event); value = $event\"\n                       [disabled]=\"field.isReadonly\">\n  </app-custom-checkbox>\n\n  <span class=\"label\" [class.non-active]=\"!value\">{{field.label}}</span>\n\n</div>","styles":[":host{font-size:13px}.label{color:#74a1e3}.label.non-active{color:#b2b2b2}"]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-dff-checkbox-group","template":"<div fxLayout=\"column\">\n  <mat-checkbox *ngFor=\"let box of field.options\"\n                [disabled]=\"field.isReadonly\"\n                [(ngModel)]=\"box.checked\"\n                (change)=\"changed()\">\n    {{box.label}}\n  </mat-checkbox>\n</div>\n","styles":[""]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"isAllChecked":[{"__symbolic":"method"}],"isOneChecked":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-dff-date-and-time","template":"<div class=\"full-date-picker-form\">\n  <div class=\"date\">\n    <nz-date-picker *ngIf=\"day\"\n                    nzFormat=\"dd\"\n                    class=\"day-picker\"\n                    [(ngModel)]=\"currentDate\"\n                    [nzDisabled]=\"field.isReadonly\" [ngClass]=\"{'readonly':field.isReadonly}\"\n                    (click)=\"changeTouched()\"\n                    (ngModelChange)=\"updateValue()\"\n                    nzPlaceHolder=\"{{'day' | translate}}\">\n    </nz-date-picker>\n\n    <nz-month-picker *ngIf=\"month\"\n                     [nzDisabled]=\"field.isReadonly\" [ngClass]=\"{'readonly':field.isReadonly}\"\n                     class=\"month-picker\"\n                     nzFormat=\"{{format}}\"\n                     [(ngModel)]=\"currentDate\"\n                     (ngModelChange)=\"updateValue()\"\n                     (click)=\"changeTouched()\"\n                     nzPlaceHolder=\"{{'month' | translate}}\"\n    ></nz-month-picker>\n\n    <nz-year-picker *ngIf=\"year\"\n                    [nzDisabled]=\"field.isReadonly\" [ngClass]=\"{'readonly':field.isReadonly}\"\n                    class=\"year-picker\"\n                    [(ngModel)]=\"currentDate\"\n                    (ngModelChange)=\"updateValue()\"\n                    (click)=\"changeTouched()\"\n                    nzPlaceHolder=\"{{'year' | translate}}\">\n    </nz-year-picker>\n\n    <nz-time-picker *ngIf=\"time\"\n                    [nzDisabled]=\"field.isReadonly\" [ngClass]=\"{'readonly':field.isReadonly}\"\n                    class=\"time-picker\"\n                    [(ngModel)]=\"currentDate\"\n                    nzFormat=\"HH:mm\"\n                    (ngModelChange)=\"updateValue()\"\n                    (click)=\"changeTouched()\"\n                    nzPlaceHolder=\"HH:mm\">\n    </nz-time-picker>\n  </div>\n</div>\n","styles":["::ng-deep.full-date-picker-form{width:100%!important}::ng-deep.date{display:inline-flex}::ng-deep.date .year-picker{margin-bottom:5px!important;margin-right:10px!important;text-align-last:center!important;width:60px}::ng-deep.date .day-picker,::ng-deep.date .month-picker.readonly,::ng-deep.date .time-picker,::ng-deep.date .year-picker.readonly{background:transparent!important;border:none!important}::ng-deep.date .month-picker{background:transparent!important;border:none!important;width:100px}::ng-deep.date .day-picker,::ng-deep.date .month-picker,::ng-deep.date .time-picker{margin-bottom:5px!important;margin-right:10px!important;text-align-last:center!important}::ng-deep.date .day-picker,::ng-deep.date .time-picker{width:60px}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setComponentsOfDate":[{"__symbolic":"method"}],"changeTouched":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-dff-period","template":"<div class=\"inputs\" fxLayout=\"row\">\n\n  <input matInput [readonly]=\"field.isReadonly\"\n         [(ngModel)]=\"startDate\" (ngModelChange)=\"updateValue()\"\n         (click)=\"startDatePicker.open()\"\n         [matDatepicker]=\"startDatePicker\"\n         placeholder=\"{{'period_start' | translate}}\"\n         class=\"tac custom-input-style\" fxFlex=\"15\">\n\n  <mat-datepicker #startDatePicker></mat-datepicker>\n\n  <p class=\"label-task-form\">&nbsp;</p>\n\n  <input matInput [readonly]=\"field.isReadonly\"\n         [(ngModel)]=\"endDate\" (ngModelChange)=\"updateValue()\"\n         (click)=\"endDatePicker.open()\"\n         [matDatepicker]=\"endDatePicker\"\n         placeholder=\"{{'period_end' | translate}}\"\n         fxFlex=\"15\" class=\"tac right-period custom-input-style\">\n\n  <mat-datepicker #endDatePicker></mat-datepicker>\n\n</div>\n","styles":[".right-period{margin-left:.5rem}.period{padding:.5rem 0}"]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"normalizeDates":[{"__symbolic":"method"}],"normalizeDate":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-dff-radio-button-group","template":"<div [id]=\"field.fieldId\">\n\n  <app-custom-radio-button *ngFor=\"let option of field.options\"\n                           [checked]=\"value === option.id\"\n                           (changed)=\"changed(option.id)\"\n                           [name]=\"field.fieldId\">\n    {{option.label}}\n  </app-custom-radio-button>\n\n</div>\n","styles":[":host{font-size:13px}"]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-dff-select","template":"<mat-select placeholder=\"{{'select'|translate}}\"\n            class=\"select\"\n            panelClass=\"select-window-task\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateValue()\"\n            [disabled]=\"field.isReadonly\">\n  <mat-option *ngFor=\"let option of field.options\" [value]=\"option.id\">\n    {{option.label}}\n  </mat-option>\n</mat-select>\n","styles":["::ng-deep .select span{border-bottom:1px dashed #74a1e3;color:#74a1e3;font-size:.8125rem}.select-p{margin-bottom:0!important}"]}]}],"members":{"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-dff-file-upload","template":"<section class=\"add-file-section\">\n\n  <input #fileInput hidden\n         type=\"file\" (change)=\"fileChanged($event)\"/>\n\n  <button class=\"upload-button\" [disabled]=\"field.isReadonly\" (click)=\"fileInput.click()\"\n          [class.is-readonly]=\"field.isReadonly\">\n    <span>{{'attach_file' | translate}}</span>\n  </button>\n\n</section>\n\n<div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n  <div *ngFor=\"let file of fileList\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\".5rem\">\n\n  <span class=\"file-name\" (click)=\"onDownloadClick(file?.id)\">\n    {{file?.name}}\n  </span>\n\n    <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <mat-progress-bar *ngIf=\"file.percentDone && file.percentDone !==  100\"\n                        mode=\"determinate\"\n                        [value]=\"file.percentDone\">\n      </mat-progress-bar>\n\n      <div class=\"delete-icon\" (click)=\"removeById(file?.id)\" fxLayoutAlign=\"center center\"\n           [class.is-readonly]=\"field.isReadonly\">\n        <mat-icon svgIcon=\"no-color-delete\"></mat-icon>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[".upload-button{background:none;border:none;padding:0}.delete-icon mat-icon{height:16px;width:16px}:host{font-size:13px}.file-name,.upload-button{border-bottom:1px dashed #74a1e3;color:#74a1e3}.file-name,.upload-button{cursor:pointer}.delete-icon mat-icon{color:#d5d5d5;transition:color .15s}.delete-icon mat-icon:hover{color:red}.add-file-section{margin-bottom:.5rem}.is-readonly{cursor:not-allowed}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"fileChanged":[{"__symbolic":"method"}],"uploadOneFile":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}],"onUpload":[{"__symbolic":"method"}],"onComplete":[{"__symbolic":"method"}],"getFileRecord":[{"__symbolic":"method"}],"onDownloadClick":[{"__symbolic":"method"}],"removeById":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-dff-business-object","template":"<app-bo-instance-selector [businessObjectId]=\"field.businessObjectId\"\n                          [businessFields]=\"fields\"\n                          [chosenIds]=\"ids\"\n                          [config]=\"selectorConfig\"\n                          (boInstanceAdded)=\"addBoInstance($event)\"\n                          (boInstanceDeleted)=\"deleteBoInstance($event)\"\n                          (boInstanceCreated)=\"saveBoToSave($event)\"\n                          (boiAmountChanged)=\"saveBoiAmount($event)\"\n                          (boiDialogOpenEvent)=\"openBoiDialog($event)\"\n                          (allBoInstanceDeleted)=\"clearIds()\">\n</app-bo-instance-selector>\n","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"createSelectorConfig":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"addBoInstance":[{"__symbolic":"method"}],"deleteBoInstance":[{"__symbolic":"method"}],"clearIds":[{"__symbolic":"method"}],"toBusinessFieldRef":[{"__symbolic":"method"}],"saveBoiAmount":[{"__symbolic":"method"}],"saveBoToSave":[{"__symbolic":"method"}],"openBoiDialog":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-dff-tab-group","template":"<div class=\"tabs scroll-bar-x\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n  <div class=\"tab\" *ngFor=\"let tab of field.tabs\" [class.active]=\"tab.isActive\"\n       fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\".5rem\"\n       (click)=\"activateTab(tab)\">\n\n    <span>{{tab.label}}</span>\n\n  </div>\n\n</div>\n\n<div class=\"fields\">\n  <ng-container *ngFor=\"let field of innerService.dynamicFormControl.fields; trackBy: getId\">\n    <div fxLayout=\"column\" class=\"block\" *ngIf=\"field.tabId && field.tabId === activeTabId\">\n\n      <div *ngIf=\"field.type !== FormFieldType.CHECKBOX\" class=\"label-block\">\n        {{field.label}}:\n      </div>\n\n      <app-dff-common fxFlex=\"80\" [field]=\"field\"\n                      (initialized)=\"onFieldInit(field, $event)\">\n      </app-dff-common>\n\n    </div>\n  </ng-container>\n</div>\n","styles":[".block{margin-bottom:15px}.label-block{font-size:13px;line-height:16px;margin-bottom:10px}.tab{background:#efefef;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;cursor:pointer;font-family:PT Root UI Medium;font-size:13px;padding:.5rem;transition:background-color .25s}.tab.active{background:#fff}.tab:first-child{border-left:1px solid #e4e4e4;border-radius:5px 0 0 0}.tab:last-child{border-radius:0 5px 0 0}.fields{border:1px solid #e4e4e4;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;padding:.5rem}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onFieldInit":[{"__symbolic":"method"}],"getId":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵu"}],"exports":[{"__symbolic":"reference","name":"ɵu"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4}]}]}],"members":{}},"ɵu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-custom-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":14},"useExisting":{"__symbolic":"reference","name":"ɵu"},"multi":true}],"template":"<input type=\"checkbox\" [id]=\"rnd\"\n       [ngModel]=\"value\" (ngModelChange)=\"checkBoxChanged()\" [disabled]=\"disabled\"/>\n<label [for]=\"rnd\" [class.disabled]=\"disabled\">Toggle</label>\n<input type=\"checkbox\"/>\n","styles":["input[type=checkbox]{display:none;height:0;width:0}label{background:#fff;border:1px solid #e1e1e1;border-radius:2rem;cursor:pointer;display:block;height:calc(.7rem + 2px);position:relative;text-indent:-9999px;width:1.8rem}label:after{background:#74a1e3;border:1px solid #fff;border-radius:50%;content:\"\";height:.7rem;left:0;position:absolute;top:0;transition:.2s;width:.7rem}input:checked+label{background:#fff}input:checked+label:after{left:100%;transform:translateX(-100%)}.disabled:after{background:#d5d5d5}"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"checkBoxChanged":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","arity":1,"members":{"onChange":[{"__symbolic":"method"}],"onTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵx"}],"exports":[{"__symbolic":"reference","name":"ɵx"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-custom-radio-button","template":"<div class=\"radio\">\n  <input [id]=\"id\" name=\"radio\" type=\"radio\" [checked]=\"checked\"\n         (change)=\"onChange()\" [name]=\"name\">\n  <label [for]=\"id\" class=\"radio-label\">\n    <ng-content></ng-content>\n  </label>\n</div>\n","styles":[".radio input[type=radio]{opacity:0;position:absolute}.radio input[type=radio]+.radio-label:before{background:#e7e7e7;border-radius:100%;content:\"\";cursor:pointer;display:inline-block;height:16px;position:relative;top:2px;transition:all .25s ease;width:16px}.radio input[type=radio]:checked+.radio-label:before{background-color:#74a1e3;border:1px solid #74a1e3;box-shadow:inset 0 0 0 3px #e7e7e7}.radio input[type=radio]:focus+.radio-label:before{border-color:#74a1e3;outline:none}.radio input[type=radio]:disabled+.radio-label:before{background:#a7a7a7;border-color:#a7a7a7;box-shadow:inset 0 0 0 3px #e7e7e7}.radio input[type=radio]+.radio-label:empty:before{margin-right:0}"]}]}],"members":{"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"onChange":[{"__symbolic":"method"}]}}},"origins":{"DynamicFormsModule":"./lib/dynamic-forms.module","DynamicFormComponent":"./lib/dynamic-form.component","BoInstanceSelectorComponent":"./lib/bo-instance-selector/bo-instance-selector.component","BoInstanceSelectorConfig":"./lib/bo-instance-selector/BoInstanceSelectorConfig","DYNAMIC_FORMS_SERVICE":"./lib/DynamicFormsService","DynamicFormsService":"./lib/DynamicFormsService","DynamicFormControl":"./lib/DynamicFormControl","DynamicFormConfig":"./lib/DynamicFormConfig","AccessRightState":"./model/AccessRightState","AttachmentRecord":"./model/AttachmentRecord","BoAutocompleteOption":"./model/BoAutocompleteOption","BoAutocompleteOptionsRequest":"./model/BoAutocompleteOptionsRequest","BoFieldWithValue":"./model/BoFieldWithValue","BoInstance":"./model/BoInstance","BoInstanceDialogType":"./model/BoInstanceDialogType","BoInstanceSelectorFilter":"./model/BoInstanceSelectorFilter","BoInstanceSelectorRecord":"./model/BoInstanceSelectorRecord","BoInstanceSelectorRequest":"./model/BoInstanceSelectorRequest","BoInstanceToSave":"./model/BoInstanceToSave","BusinessFieldInstance":"./model/BusinessFieldInstance","BusinessFieldRef":"./model/BusinessFieldRef","BusinessFieldViewType":"./model/BusinessFieldViewType","BusinessObjectDetails":"./model/BusinessObjectDetails","FieldOption":"./model/FieldOption","FileRecord":"./model/FileRecord","FormFieldInstance":"./model/FormFieldInstance","FormFieldType":"./model/FormFieldType","TableInstanceRecord":"./model/TableInstanceRecord","DynamicFormOwnerData":"./model/DynamicFormOwnerData","BoInstanceAmountToSave":"./model/BoInstanceAmountToSave","BoiDialogData":"./model/BoiDialogData","ToDisplayValueReq":"./model/ToDisplayValueReq","FieldTab":"./model/FieldTab","LoadBoInstanceRequest":"./model/LoadBoInstanceRequest","ɵa":"./lib/dynamic-form-inner.service","ɵb":"./lib/dff-common.component","ɵc":"./lib/autocomplete-option.component","ɵd":"./lib/bo-instance-selector/multiple.component","ɵe":"./lib/bo-instance-selector/table.component","ɵf":"./lib/bo-instance-selector/bo-fields.component","ɵg":"./lib/bo-instance-selector/create-boi-overlay.component","ɵh":"./lib/dff-textarea.component","ɵi":"./lib/abstract-dynamic-form-field.directive","ɵj":"./lib/dff-input.component","ɵk":"./lib/dff-checkbox.component","ɵl":"./lib/dff-checkbox-group.component","ɵm":"./lib/dff-date-and-time.component","ɵn":"./lib/dff-period.component","ɵo":"./lib/dff-radio-button-group.component","ɵp":"./lib/dff-select.component","ɵq":"./lib/dff-file-upload.component","ɵr":"./lib/dff-business-object.component","ɵs":"./lib/dff-tab-group.component","ɵt":"./lib/checkbox/checkbox.module","ɵu":"./lib/checkbox/checkbox.component","ɵv":"./lib/checkbox/BaseControlValueAccessor","ɵw":"./lib/custom-radio-button/custom-radio-button.module","ɵx":"./lib/custom-radio-button/custom-radio-button.component"},"importAs":"@mybpm/dynamic-forms"}