npm - @bnsights/bbsf-controls - Versions diffs - 1.0.49 → 1.0.52 - Mend

@bnsights/bbsf-controls 1.0.49 → 1.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/bnsights-bbsf-controls.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"options":{"__symbolic":"error","message":"Variable not initialized","line":80,"character":11,"module":"./lib/controls/bbsf-controls.module"},"AppInjector":{"__symbolic":"error","message":"Variable not initialized","line":82,"character":11,"module":"./lib/controls/bbsf-controls.module"},"BBSFControlsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":92,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DateInputComponent"},{"__symbolic":"reference","name":"FileUploadComponent"},{"__symbolic":"reference","name":"MultiLingualTextBoxComponent"},{"__symbolic":"reference","name":"TextboxComponent"},{"__symbolic":"reference","name":"TextAreaComponent"},{"__symbolic":"reference","name":"MultiLingualTextAreaComponent"},{"__symbolic":"reference","name":"CheckBoxComponent"},{"__symbolic":"reference","name":"DropdownListComponent"},{"__symbolic":"reference","name":"PhoneComponent"},{"__symbolic":"reference","name":"ToggleslideComponent"},{"__symbolic":"reference","name":"HtmlEditorComponent"},{"__symbolic":"reference","name":"MultiLingualHtmlEditorComponent"},{"__symbolic":"reference","name":"ImageUploaderComponent"},{"__symbolic":"reference","name":"ProfileImageUploaderComponent"},{"__symbolic":"reference","name":"CalendarComponent"},{"__symbolic":"reference","name":"MapAutoCompleteComponent"},{"__symbolic":"reference","name":"AutocompleteTextBoxComponent"},{"__symbolic":"reference","name":"TagsInputComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"JwPaginationComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"ConfirmationModalComponent"},{"__symbolic":"reference","name":"RepeaterComponent"},{"__symbolic":"reference","name":"RepeaterFieldBuilderComponent"},{"__symbolic":"reference","name":"NgTemplateNameDirective"},{"__symbolic":"reference","name":"RepeaterItemFieldComponent"},{"__symbolic":"reference","name":"RepeaterTableComponent"},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":129,"character":4},{"__symbolic":"reference","module":"ngx-infinite-scroll","name":"InfiniteScrollModule","line":130,"character":4},{"__symbolic":"reference","module":"@ng-select/ng-select","name":"NgSelectModule","line":131,"character":4},{"__symbolic":"reference","module":"ngx-tags-input","name":"NgxTagsInputModule","line":132,"character":4},{"__symbolic":"reference","module":"ngx-typeahead","name":"NgxTypeaheadModule","line":133,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@agm/core","name":"AgmCoreModule","line":134,"character":4},"member":"forRoot"},"arguments":[{"apiKey":"AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY","libraries":["places"]}]},{"__symbolic":"reference","module":"@angular-material-extensions/google-maps-autocomplete","name":"MatGoogleMapsAutocompleteModule","line":139,"character":4},{"__symbolic":"reference","module":"@fullcalendar/angular","name":"FullCalendarModule","line":140,"character":4},{"__symbolic":"reference","module":"angular-cropperjs","name":"AngularCropperjsModule","line":141,"character":4},{"__symbolic":"reference","module":"ngx-image-cropper","name":"ImageCropperModule","line":142,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":143,"character":4},{"__symbolic":"reference","module":"ngx-dropzone","name":"NgxDropzoneModule","line":144,"character":4},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":145,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":146,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-mask","name":"NgxMaskModule","line":147,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"ngx-summernote","name":"NgxSummernoteModule","line":148,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":149,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":150,"character":4},{"__symbolic":"reference","module":"angular2-multiselect-dropdown","name":"AngularMultiSelectModule","line":151,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-multiselect-dropdown","name":"NgMultiSelectDropDownModule","line":152,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeModule","line":153,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlNativeDateTimeModule","line":154,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":155,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-block-ui","name":"BlockUIModule","line":156,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":157,"character":4},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule","line":158,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":159,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":160,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":161,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-permissions","name":"NgxPermissionsModule","line":162,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":163,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store-devtools","name":"StoreDevtoolsModule","line":164,"character":4},"member":"instrument"}},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":165,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":166,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":167,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerModule","line":168,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@fullcalendar/angular","name":"FullCalendarModule","line":169,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/typeahead","name":"TypeaheadModule","line":170,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@kolkov/angular-editor","name":"AngularEditorModule","line":171,"character":4},{"__symbolic":"reference","module":"angular-ng-autocomplete","name":"AutocompleteLibModule","line":172,"character":4},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFUtilitiesModule","line":173,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-inline-svg","name":"InlineSVGModule","line":174,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sweetalert2/ngx-sweetalert2","name":"SweetAlert2Module","line":175,"character":4}],"providers":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":182,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":183,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":184,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":185,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":186,"character":4},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"},{"__symbolic":"reference","name":"RenderComponentService"},{"provide":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OWL_DATE_TIME_LOCALE","line":190,"character":15},"useValue":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ControlUtility"},"member":"getLocal"}}}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":194,"character":4}],"exports":[{"__symbolic":"reference","name":"DateInputComponent"},{"__symbolic":"reference","name":"FileUploadComponent"},{"__symbolic":"reference","name":"MultiLingualTextBoxComponent"},{"__symbolic":"reference","name":"TextboxComponent"},{"__symbolic":"reference","name":"TextAreaComponent"},{"__symbolic":"reference","name":"MultiLingualTextAreaComponent"},{"__symbolic":"reference","name":"CheckBoxComponent"},{"__symbolic":"reference","name":"DropdownListComponent"},{"__symbolic":"reference","name":"PhoneComponent"},{"__symbolic":"reference","name":"ToggleslideComponent"},{"__symbolic":"reference","name":"HtmlEditorComponent"},{"__symbolic":"reference","name":"MultiLingualHtmlEditorComponent"},{"__symbolic":"reference","name":"ImageUploaderComponent"},{"__symbolic":"reference","name":"ProfileImageUploaderComponent"},{"__symbolic":"reference","name":"CalendarComponent"},{"__symbolic":"reference","name":"MapAutoCompleteComponent"},{"__symbolic":"reference","name":"AutocompleteTextBoxComponent"},{"__symbolic":"reference","name":"TagsInputComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"JwPaginationComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"ConfirmationModalComponent"},{"__symbolic":"reference","name":"RepeaterComponent"},{"__symbolic":"reference","name":"RepeaterFieldBuilderComponent"},{"__symbolic":"reference","name":"NgTemplateNameDirective"},{"__symbolic":"reference","name":"RepeaterItemFieldComponent"},{"__symbolic":"reference","name":"RepeaterTableComponent"},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":233,"character":32},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":233,"character":61}]}]}},"TextboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-TextBox","template":"<div class=\"b-control b-textbox\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\" [ngClass]=\"(options.NoMargin==true)?'':'NoMargin'\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" ngIf=\"!options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n <div class=\"input-group align-items-center\" ngIf=\"MaskPattern!=null&&MaskPattern!=''\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPosition==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input [mask]=\"MaskPattern\" placeHolderCharacter=\" \" [showMaskTyped]=\"true\" [validation]=\"true\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n type=\"{{getInputType(options.Type)}}\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinput>\r\n <div class=\"input-group-append\">\r\n <span class=\"input-group-text\" ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n\r\n </div>\r\n\r\n <div class=\"input-group align-items-center\" ngIf=\"MaskPattern==null\|\|MaskPattern==''\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPosition==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\" type=\"{{getInputType(options.Type)}}\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinput>\r\n <div class=\"input-group-append\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n </div>\r\n <div class=\"text-danger Required-text\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n ngIf=\"(TextBoxFormControl.invalid && TextBoxFormControl.touched)\">\r\n {{getErrorValidation(TextBoxFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":71},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"DateInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"BBSF-DateTimePicker","providers":[{"provide":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeIntl","line":21,"character":15},"useClass":{"__symbolic":"reference","name":"DefaultIntl"}}],"template":"<div class=\"b-control b-date-picker\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <input autocomplete=\"off\" (dateTimeChange)=\"onDateSelect($event)\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"{{options.Name}}\" [owlDateTime]=\"dt1\" [owlDateTimeTrigger]=\"dt1\"\r\n [class.is-invalid]=\"DatePickerFormControl.invalid && DatePickerFormControl.touched\"\r\n [min]=\"options.StartDate\" [max]=\"options.EndDate\" [hour12Timer]=\"options.Hour12Timer\" [selectMode]=\"getSelectMode(options.SelectMode)\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" #Dateinput>\r\n\r\n <owl-date-time [pickerType]=\"getPickerType(options.PickerType)\"\r\n [startView]=\"getStartView(options.StartView)\" [firstDayOfWeek]=\"options.FirstDayOfWeek\"\r\n [hour12Timer]=\"options.Hour12Timer\" #dt1></owl-date-time>\r\n \r\n <div class=\"input-group-append\">\r\n <span class=\"input-group-text\" [owlDateTimeTrigger]=\"dt1\">\r\n <span class=\"svg-icon\">\r\n <svg id=\"Group_356\" data-name=\"Group 356\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 48 48\">\r\n <path id=\"Path_6737\" data-name=\"Path 6737\" d=\"M11.583,1a1,1,0,0,0-2,0V5.7h2Z\" style=\"\"></path>\r\n <path id=\"Path_6738\" data-name=\"Path 6738\" d=\"M38.417,1a1,1,0,0,0-2,0V5.7h2Z\"></path>\r\n <path id=\"Path_6739\" data-name=\"Path 6739\" d=\"M0,43.146C0,45.822,1.826,48,4.07,48H43.928C46.174,48,48,45.822,48,43.146V17.121H0Z\" fill=\"#d5d5d5\"></path>\r\n <path id=\"Path_6740\" data-name=\"Path 6740\" d=\"M43.929,5.7H38.417v5.512a1,1,0,1,1-2,0V5.7H11.583v5.512a1,1,0,1,1-2,0V5.7H4.07C1.826,5.7,0,7.877,0,10.555v4.566H48V10.555C48,7.877,46.174,5.7,43.929,5.7Z\" fill=\"#595959\"></path>\r\n </svg>\r\n </span>\r\n </span>\r\n <!--<span class=\"input-group-text\" ngIf=\"options.EnableCopyToClipboard\"\r\n (click)=\"copyInputMessage(Dateinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>-->\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(DatePickerFormControl.invalid && DatePickerFormControl.touched)\">\r\n {{getErrorValidation(DatePickerFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"control-desc\"ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n \r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":183}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":27,"character":31},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":27,"character":220},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":27,"character":267},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":27,"character":311},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":27,"character":346},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":27,"character":402},{"__symbolic":"reference","name":"DateTimeAdapter","module":"ng-pick-datetime","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"getSelectMode":[{"__symbolic":"method"}],"getPickerType":[{"__symbolic":"method"}],"getStartView":[{"__symbolic":"method"}],"onDateSelect":[{"__symbolic":"method"}],"subscribeDateChanges":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"FileUploadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-FileUplaod","template":"\r\n<div class=\"b-control b-fileupload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"col-form-label col-sm-12 mb-2\" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'\r\n ngIf=\"(ValidationMessage!=null&&ValidationMessage!='')\">\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n\r\n\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div>\r\n\r\n <div ng2FileDrop ngIf=\"(options.IsDropZone)&&(!((options.IsMultipleFile==false)&&(uploader.queue.length)>0))\"\r\n [ngClass]=\"{'another-file-over-class': hasAnotherDropZoneOver}\" (onFileDrop)=\"onFileChange()\"\r\n (fileOver)=\"fileOverAnother($event)\" [uploader]=\"uploader\" [accept]=\"AcceptedType\"\r\n class=\"well my-drop-zoneform-control bnsights-control {{options.ExtraClasses}}\"\r\n (change)=\"onFileChange()\" id=\"{{options.Name}}\" multiple=\"{{options.IsMultipleFile?'multiple':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" type=\"file\" formControlName=\"{{options.Name}}\"\r\n id=\"options.Name\" #fileInput\r\n [class.is-invalid]=\"fileUploadFormControl.invalid && fileUploadFormControl.touched\">\r\n\r\n\r\n <div class=\"dragndrop text-center\">\r\n <p class=\"drag-icon mb-3\">\r\n <i class=\"fas fa-cloud-download-alt\"></i>\r\n </p>\r\n <p>\r\n {{UtilityService.getResourceValue(\"DragAndDropHere\")}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(!options.IsDropZone)&&!((uploader.queue.length>0)&&(!options.IsMultipleFile))\">\r\n <button type=\"button\" class=\"btn btn-light btn-sm file-fake-input mb-3\" (click)=\"fileInput.click();\">\r\n <i class=\"icon fa fa-cloud-upload-alt\"></i>\r\n {{UtilityService.getResourceValue(\"Upload\")}}\r\n </button>\r\n <input ng2FileSelect [uploader]=\"uploader\" [accept]=\"AcceptedType\"\r\n class=\"fileSelector customFileUploadPlacment hidden v-required-multiplefiles d-none\" id=\"file\"\r\n multiple=\"{{options.IsMultipleFile?'multiple':''}}\" name=\"file\" type=\"file\" value=\"\"\r\n autocomplete=\"off\" (change)=\"onFileChange()\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\"\r\n id=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\" type=\"file\"\r\n formControlName=\"{{options.Name}}\" id=\"options.Name\" #fileInput\r\n [class.is-invalid]=\"fileUploadFormControl.invalid && fileUploadFormControl.touched\">\r\n </div>\r\n\r\n </div>\r\n\r\n <div ngFor=\"let item of uploader.queue\">\r\n <div class=\"fileInfoContainer ui-file btn-group mb-3\">\r\n <a href=\"{{ item?._file?.url}}\" download>\r\n <button type=\"button\" class=\"download-link btn btn-light btn-sm\">\r\n <span>\r\n <i class=\"icon fa fa-download\"></i>\r\n <span class=\"upload-file-info\">{{ item?.file?.name }}</span>\r\n </span>\r\n </button>\r\n </a>\r\n <span class=\"removeUIFile remove-link btn btn-xs btn-danger d-flex align-items-center justify-content-center\"\r\n (click)=\"item.remove();removeFromControlValue(item)\">\r\n <i class=\"fa fa-times px-0\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(fileUploadFormControl.invalid && fileUploadFormControl.touched)\">\r\n {{getErrorValidation(fileUploadFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n\r\n <div class=\"col-md-9 col-sm-9\">\r\n\r\n <div>\r\n <label>\r\n {{options.LabelDescription}}\r\n </label>\r\n </div>\r\n\r\n\r\n </div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"OnChange":[{"__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":"Optional","line":43,"character":15}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":43,"character":52},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":43,"character":108},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":44,"character":67},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":45,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"fileOverAnother":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-MultiLingualTextBox","template":"<div class=\"b-control b-multilangual-textbox\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultiLanguagegroup\">\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowEnglishTextBox\">\r\n <label class=\"b-label col-form-label col-sm-12\"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group align-items-center\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPositionEN==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"English\"\r\n [hidden]=\"options.IsHideEnglishFields\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"EnglishFormControl.invalid && EnglishFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.English\"\r\n #userinputEnglish>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideEnglishFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\" ngIf=\"(EnglishFormControl.invalid && EnglishFormControl.touched)\">\r\n {{getErrorValidation(EnglishFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showEnglishCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') \|\|(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"EnglishFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowArabicTextBox\">\r\n <label class=\"b-label col-form-label col-sm-12\"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group align-items-center\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPositionEN==1)?'right-icon':'left-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control\" dir=\"rtl\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicFormControl.invalid && ArabicFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.Arabic\"\r\n (change)=\"trimControlValue('Ar')\" #userinputArabic>\r\n\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideArabicFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\" ngIf=\"(ArabicFormControl.invalid && ArabicFormControl.touched)\">\r\n {{getErrorValidation(ArabicFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showArabicCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')\|\|(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"ArabicFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":78}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":57},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":115},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":21,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":21,"character":103},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":22,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"resetError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}],"onArabicFocus":[{"__symbolic":"method"}],"onEnglishFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"TextAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-TextArea","template":"<div class=\"b-control b-textarea\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n ngIf=\"!options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"TextAreaFormControl.invalid && TextAreaFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" rows=\"{{options.Rows}}\" (keyup)=\"onTextChange()\" cols=\"{{options.Cols}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #TextAreainput></textarea>\r\n <div class=\"input-group-append\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(TextAreainput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} words</div>\r\n </div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(TextAreaFormControl.invalid && TextAreaFormControl.touched)\">\r\n {{getErrorValidation(TextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc text-dark\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- <div ngIf=\"TextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":17,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":18,"character":32},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":18,"character":76},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":19,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualTextAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MultiLingualTextArea","template":"<div class=\"b-control b-multilangual-textarea\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultiLanguageTextAreagroup\">\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowEngishTextArea\">\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue+\"in English\"}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"English\" [hidden]=\"options.IsHideEnglishFields\"\r\n [class.is-invalid]=\"EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaEnglish>\r\n </textarea>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideEnglishFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputTextAreaEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched)\">\r\n {{getErrorValidation(EnglishTextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showEnglishCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') \|\|(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n\r\n <!-- <div ngIf=\"EnglishTextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowArabicTextArea\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue+\"in Arabic\"}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control\" dir=\"rtl\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" rows=\"{{options.Rows}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (change)=\"trimControlValue('Ar')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaArabic>\r\n </textarea>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideArabicFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputTextAreaArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched)\">\r\n {{getErrorValidation(ArabicTextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showArabicCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')\|\|(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"ArabicTextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":79}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":58},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":116},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":21,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":118},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}],"onArabicFocus":[{"__symbolic":"method"}],"onEnglishFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"CheckBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"BBSF-CheckBox","template":"<div class=\"b-control b-checkbox\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"form-check form-check-custom form-check-solid b-label\">\r\n <input class=\"form-check-input {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" [checked]=\"options.Value==true?true:null\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"CheckBoxFormControl.invalid && CheckBoxFormControl.touched\"\r\n id=\"{{options.Name}}\" type=\"checkbox\" value=\"options.Value==true?true:null\">\r\n <span class=\"form-check-label\">{{options.LabelValue}}</span>\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n \r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(CheckBoxFormControl.invalid && CheckBoxFormControl.touched)\">\r\n {{getErrorValidation(CheckBoxFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- <div ngIf=\"CheckBoxFormControl.valid\">{{resetError()}} </div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n </div>\r\n</div>\r\n","styles":[".form-check-input{width:1.75rem;height:1.75rem;margin-top:-.125rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);background-size:60% 60%;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:initial;margin-right:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:.45em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#b5b5c3;outline:0;box-shadow:none}.form-check-input:checked{background-color:#009ef7;border-color:#009ef7}.form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#009ef7;border-color:#009ef7;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":18,"character":138},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":18,"character":180},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":18,"character":214},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":18,"character":268}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"DropdownListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-DropdownList","template":"<div class=\"b-control b-dropdown-list\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <ng-select ngIf=\"options.DisableBootstrapSelect==false\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n [bindValue]=\"options.ItemTempletkey\" [bindLabel]=\"options.ItemTempletvalue\" [items]=\"options.DataSource\"\r\n [notFoundText]=\"'No data found.'\" [maxSelectedItems]=\"options.LimitSelection\"\r\n [searchable]=\"options.AllowSearchFilter\" [multiple]=\"!options.SingleSelection\" [readonly]=\"options.IsDisabled\"\r\n [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n [(ngModel)]=\"options.SelectedItems\" (change)=\"onItemSelect()\" (clear)=\"Clear()\"\r\n [class.is-invalid]=\"DropdownListFormControl.invalid && DropdownListFormControl.touched\"\r\n [closeOnSelect]=\"options.SingleSelection ? true : false\">\r\n\r\n <ng-template ngIf=\"options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <div class=\"ks-cboxtags\">\r\n <input id=\"item-{{index}}\" type=\"checkbox\" [ngModelOptions]=\"{standalone: true}\" [ngModel]=\"item$.selected\"\r\n class=\" \" /> <label class=\"ng-option-label mb-0\" id={{item.key}}>{{item.value}}</label>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ngIf=\"!options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <label class=\"ng-option-label mb-0\" id={{item.key}}>{{item.value}}</label>\r\n </ng-template>\r\n\r\n </ng-select>\r\n\r\n <select ngIf=\"options.DisableBootstrapSelect\" class=\"form-control bnsights-control\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" (change)=\"onItemSelect()\" [(ngModel)]=\"options.SelectedItems\" [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n <option value=\"\" disabled>--{{UtilityService.getResourceValue(\"select\")}}--</option>\r\n <option ngFor=\"let item of options.DataSource\" value=\"{{item.key}}\" [ngValue]=\"item.key\">\r\n {{item.value}}\r\n </option>\r\n </select>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(DropdownListFormControl.invalid && DropdownListFormControl.touched)\">\r\n {{getErrorValidation(DropdownListFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <!-- <div ngIf=\"DropdownListFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".cuppa-dropdown{background-color:#fff}.arrow-up,.arrow-down{border-left:none!important;border-right:none!important}.dropdown-list{padding-top:0!important}.c-token{background-color:#6495ed}.pure-checkbox .selected-item{background-color:#6495ed;color:#fff}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":110}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":147},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":197},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":27},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":77},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"Clear":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onDeselect":[{"__symbolic":"method"}],"onDeselectAll":[{"__symbolic":"method"}],"onDropDownClose":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"PhoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"BBSF-Phone","template":"<div class=\"b-control b-phone\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <ngx-intl-tel-input dir=\"{{options.ForceDirection==2?'rtl':''}}\" [cssClass]=\"options.ExtraClasses\" [preferredCountries]=\"options.PreferredCountries\"\r\n [enableAutoCountrySelect]=\"true\" [enablePlaceholder]=\"options.EnablePlaceholder\" [searchCountryFlag]=\"options.AllowSearch\"\r\n [searchCountryField]=\"[SearchCountryField.Iso2, SearchCountryField.Name]\"\r\n [selectFirstCountry]=\"options.SelectFirstCountry\" [selectedCountryISO]=\"options.SelectedCountryISO\"\r\n \t\t\t\t[separateDialCode]=\"separateDialCode\"\r\n [maxLength]=\"15\" \r\n [phoneValidation]=\"options.PhoneValidation\" [id]=\"options.Name\"\r\n name=\"{{options.Name}}\" formControlName=\"{{options.Name}}\"\r\n (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"PhoneFormControl.invalid && PhoneFormControl.touched\" aria-invalid=\"true\">\r\n </ngx-intl-tel-input>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(PhoneFormControl.invalid && PhoneFormControl.touched)\">\r\n {{getErrorValidation(PhoneFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <!-- <div ngIf=\"PhoneFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".iti{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":29},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":73},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ToggleslideComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-Toggleslide","template":"<div class=\"b-control b-toggle-slide\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n </label>\r\n <mat-slide-toggle [(ngModel)]=\"SlideValue\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" [cssClass]=\"(options.ViewType==1)?'':'col-md-9'\"\r\n formControlName=\"{{options.Name}}\" disableRipple=\"true\" disabled=\"{{options.IsDisabled}}\" (change)=\"changeValueToggle()\">\r\n </mat-slide-toggle>\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n </div>\r\n</div>\r\n","styles":[".mat-slide-toggle{padding-left:10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:#e3f4fe}.mat-slide-toggle-thumb-container{width:25px;height:25px;top:1px;left:-2px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#009ef7}.mat-slide-toggle-thumb{height:25px;width:25px;border-radius:50%}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#009ef7}.mat-slide-toggle-bar{width:55px;height:30px;border-radius:3.25rem}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":55}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":35},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":35},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":78},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"resetError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"changeValueToggle":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"HtmlEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"BBSF-HtmlEditor","template":"<div class=\"b-control b-html-editor\">\r\n <div class=\"form-group row validate <!--is-invalid-->\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 col-md-12\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12 col-md-12\">\r\n <!-- <div [ngxSummernoteDisabled]=\"options.IsDisabled\" ngDefaultControl [ngxSummernote]=\"Config\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"{{options.Name}}\" (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" \r\n ></div>\r\n -->\r\n <angular-editor (change)=\"onValueChanged()\" id=\"{{options.Name}}\" [class.is-invalid]=\"HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched\" class=\"form-control bnsights-control {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" formControlName=\"{{options.Name}}\" [config]=\"editorConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(HtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":18,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":34},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":19,"character":78},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualHtmlEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MultiLingualHtmlEditor","template":"<div class=\"b-control b-multilangual-html-editor\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultilingualHtmlEditorgroup\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"row\" ngIf=\"ShowEnglishHtmlEditor\">\r\n <label class=\"b-label col-form-label col-sm-12 \" \r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\"\r\n [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue+\"in English\"}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n \r\n <angular-editor class=\"form-control bnsights-control {{options.ExtraClasses_EN}} \" (change)=\"onTextChange('en')\" [class.is-invalid]=\"EnglishHtmlEditorFormControl.invalid && EnglishHtmlEditorFormControl.touched\"\r\n formControlName=\"English\" [config]=\"editorEnglishConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(EnglishHtmlEditorFormControl.invalid && EnglishHtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(EnglishHtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"row\" ngIf=\"ShowArabicHtmlEditor\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue+\"in Arabic\"}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n \r\n\r\n <angular-editor dir=\"rtl\" class=\"form-control bnsights-control {{options.ExtraClasses_AR}} \" (change)=\"onTextChange('ar')\" [class.is-invalid]=\"ArabicHtmlEditorFormControl.invalid && ArabicHtmlEditorFormControl.touched\"\r\n formControlName=\"Arabic\" [config]=\"editorArabicConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ArabicHtmlEditorFormControl.invalid && ArabicHtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(ArabicHtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n \r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":81}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":60},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":118},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":21,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":118},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ImageUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-ImageUpload","template":"<div class=\"b-control b-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">* </span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div ngIf=\"options.AllowDropZone\" style=\"max-width:200px !important; max-height: 200px !important;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" style=\"max-width: 200px !important;\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ImageUploadClassSelector\" ngIf=\"!options.AllowDropZone\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" ngIf=\"files.length==0\">\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n <div style=\"border: none !important; max-width:200px !important; max-height: 200px !important;\" class=\" fileSelector customImageUploadPlacment d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n </div>\r\n\r\n\r\n <div id=\"mdlSample\" class=\"modal fade\" role=\"dialog\" style=\"z-index: 11 !important ;\"\r\n [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n {{UtilityService.getResourceValue(\"CropImage\")}}\r\n </h4>\r\n <button type=\"button\" class=\"btn-close\" aria-hidden=\"true\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"openModal(false)\"></button>\r\n </div>\r\n <div class=\"modal-body py-5\">\r\n <div ngIf=\"imageUrl\">\r\n <angular-cropper #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div style=\"text-align:center;\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"0.1\" title=\"Zoom In\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(0.1)\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"-0.1\" title=\"Zoom Out\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(-0.1)\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"-10\" data-second-option=\"0\" title=\"Move Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(-10, 0)\" aria-describedby=\"tooltip631939\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"10\" data-second-option=\"0\" title=\"Move Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(10, 0)\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"-10\" title=\"Move Up\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, -10)\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"10\" title=\"Move Down\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, 10)\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"-45\" title=\"Rotate Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(-45)\" aria-describedby=\"tooltip236044\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"45\" title=\"Rotate Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(45)\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-default\" (click)=\"openModal(false)\">\r\n <i class=\"fa fa-times fa-fw\"></i> {{UtilityService.getResourceValue(\"CancelLabel\")}}\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-success\">\r\n <i class=\"fa fa-check fa-fw\"></i>\r\n {{UtilityService.getResourceValue(\"Crop\")}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(ImageUploadFormControl.invalid && ImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ImageUploadFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.ImageUploadClassSelector img{cursor:pointer}.d-inline-flex.h-auto.m-0.overflow-hidden.w-auto.ng-untouched.ng-pristine.ng-valid{border-radius:40px;border-color:#c7c7c7}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"angularCropper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["angularCropper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":49,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":49,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":50,"character":37},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":50,"character":80},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":51,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showImageUploader":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"getBlobFile":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}],"moveImage":[{"__symbolic":"method"}],"zoomImage":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ProfileImageUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"BBSF-ProfileImageUploader","template":"<div class=\"b-control b-profile-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\"></i>\r\n </ejs-tooltip>\r\n\r\n\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div ngIf=\"options.AllowDropZone\" class=\"ProfileDropBox d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" style=\"width:200px;height:200px;overflow:inherit;\" ngx-dropzone\r\n [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" (change)=\"onFileChange($event)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"rounded-circle w-100 h-100 m-0\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"w-100 rounded-circle\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n <ngx-dropzone-image-preview ngFor=\"let f of files\" ngProjectAs=\"ngx-dropzone-preview\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n class=\"w-100 h-100 m-0\">\r\n\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ProfileImageUploadClassSelector\" ngIf=\"!options.AllowDropZone\" >\r\n <ngx-dropzone-label style=\" border: none !important;width:200px;height:200px;overflow:inherit;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0\" ngIf=\"files.length==0\" >\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n \r\n <div class=\"ProfileDropBox rounded-circle {{options.ExtraClasses}}\" style=\" border: none !important;width:200px;height:200px;overflow:inherit;\" ngx-dropzone\r\n [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" (change)=\"onFileChange($event)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched\">\r\n \r\n <ngx-dropzone-image-preview class=\"rounded-circle w-100 h-100 m-0\" ngFor=\"let f of files\" ngProjectAs=\"ngx-dropzone-preview\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n >\r\n\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n </div>\r\n\r\n\r\n <div id=\"mdlSample\" class=\"modal fade\" role=\"dialog\" style=\"z-index: 11 !important ;\"\r\n [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n Crop Image\r\n </h4>\r\n </div>\r\n <div class=\"modal-body py-5\">\r\n <div ngIf=\"imageUrl\">\r\n <angular-cropper class=\"ProfileDropBox\" #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div style=\"text-align:center;\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"0.1\" title=\"Zoom In\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(0.1)\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"-0.1\" title=\"Zoom Out\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(-0.1)\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"-10\" data-second-option=\"0\" title=\"Move Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(-10, 0)\" aria-describedby=\"tooltip631939\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"10\" data-second-option=\"0\" title=\"Move Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(10, 0)\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"-10\" title=\"Move Up\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, -10)\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"10\" title=\"Move Down\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, 10)\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"-45\" title=\"Rotate Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(-45)\" aria-describedby=\"tooltip236044\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"45\" title=\"Rotate Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(45)\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-default\" (click)=\"openModal(false)\">\r\n <i class=\"fa fa-times fa-fw\"></i> Cancel\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-success\">\r\n <i class=\"fa fa-check fa-fw\"></i>\r\n Crop\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n \r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ProfileImageUploadFormControl.errors\|keyvalue)}}\r\n</div>\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-body{padding:2px 16px}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"angularCropper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["angularCropper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":52,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":53,"character":44},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":53,"character":88},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":54,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showImageUploader":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"getProfileImageBlobFile":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}],"moveImage":[{"__symbolic":"method"}],"zoomImage":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"BBSF-Calendar","template":"\r\n<div class=\"b-control b-calendar\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <!-- <full-calendar #calendar\r\n [defaultDate]=\"options.DefaultDate\"\r\n [defaultView]=\"DefaultView\"\r\n [header]=\"{\r\n left: 'prev,next today',\r\n center: 'title',\r\n right: CalendarViews\r\n }\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n [locales]=\"locales\"\r\n [plugins]=\"calendarPlugins\"\r\n [weekends]=\"calendarWeekends\"\r\n [events]=\"calendarEvents\"\r\n (dateClick)=\"OnDayClickFunction($event)\"\r\n (eventClick)=\"OnEventClickFunction($event)\"\r\n id=\"{{options.Name}}\"></full-calendar> -->\r\n\r\n\r\n <full-calendar\r\n ngIf=\"options.CalendarVisible\"\r\n [options]='calendarOptions'\r\n id=\"{{options.Name}}\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n ></full-calendar>\r\n\r\n </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":101}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":29,"character":138},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":29,"character":181},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":29,"character":223},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":29,"character":257},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":29,"character":311}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"calendarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["calendar",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"OnDayClickFunction":[{"__symbolic":"method"}],"OnEventClickFunction":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MapAutoCompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MapAutoComplete","template":"<div class=\"b-control b-map-auto-complete\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n value=\"{{MapAutoCompleteModel}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n \r\n [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n matGoogleMapsAutocomplete #search\r\n (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n (onLocationSelected)=\"LocationSelected($event)\"\r\n (onGermanAddressMapped)=\"GermanAddressMapped($event)\" />\r\n\r\n \r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n {{getErrorValidation(MapAutoCompleteFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":68}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@agm/core","name":"MapsAPILoader","line":22,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":23,"character":20},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":23,"character":105},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":24,"character":39},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":24,"character":83},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":24,"character":118},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":25,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"searchElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["search",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"AutocompleteSelected":[{"__symbolic":"method"}],"LocationSelected":[{"__symbolic":"method"}],"GermanAddressMapped":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"AutocompleteTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-AutocompleteTextBox","template":"<div class=\"b-control b-auto-complete-textbox\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <!-- <input \r\n[(ngModel)]=\"Search\"\r\n value=\"{{Search}}\" \r\n autocomplete=\"off\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\"\r\n typeaheadOptionField=\"{{Value}}\"\r\n [typeahead]=\"suggestions$\"\r\n [typeaheadAsync]=\"true\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" (typeaheadOnSelect)=\"handleResultSelected($event)\" (blur)=\"onBlur($event.target.value)\" /> -->\r\n <!-- \r\n <input ngxTypeahead autocomplete=\"off\"\r\n value=\"{{Search}}\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" [taUrl]=\"options.ActionURL\"\r\n [taParams]=\"options.Params\" taQueryParam=\"{{QueryParam}}\" taApi=\"{{Api}}\" taListItemLabel=\"{{Value}}\" (taSelected)=\"handleResultSelected($event)\"> -->\r\n\r\n\r\n\r\n <ng-autocomplete ngIf=\"!options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n [notFoundTemplate]=\"notFoundTemplate\" class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n </ng-autocomplete>\r\n\r\n <ng-autocomplete ngIf=\"options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n </ng-autocomplete>\r\n\r\n\r\n\r\n <ng-template #itemTemplate let-item>\r\n <img ngIf=\"options.ItemWithImage\" style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\" src=\"{{(item.image?item.image:avatarImage)}}\" />\r\n <a [innerHTML]=\"item.value\"></a>\r\n </ng-template>\r\n\r\n <ng-template #notFoundTemplate let-notFound>\r\n <div [innerHTML]=\"notFound\"></div>\r\n </ng-template>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched)\">\r\n {{getErrorValidation(AutocompleteTextBoxControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":45}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":23,"character":28},{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":23,"character":115},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":25,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":25,"character":63},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":25,"character":106},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":26,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"selectEvent":[{"__symbolic":"method"}],"onChangeSearch":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"TagsInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-TagsInput","template":"<div class=\"b-control b-tags-input\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <div class=\"form-group row\" [formGroup]=\"TagsFormGroup\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <b-tags-input id=\"typeahead-http\" type=\"text\" class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" [disabled]=\"options.IsDisabled\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"tags\"\r\n [class.is-invalid]=\"TagsFormControl.invalid && TagsFormControl.touched\" placeholder=\"{{options.Placeholder}}\"\r\n id=\"{{options.Name}}\" (onTagsChanged)=\"onTagsChanged($event)\" [(ngModel)]=\"tags\"\r\n removeLastOnBackspace=\"{{options.RemoveLastOnBackspace}}\" (onNoOptionsMatch)=\"onNoOptionsMatch($event)\"\r\n [options]=\"searchFunctionFactory(SearchKey.selected)\" #SearchKey\r\n scrollableOptions=\"{{options.ScrollableOptions}}\" scrollableOptionsInView=\"{{options.MaxSearchResultsCount}}\"\r\n (keypress)=\"AddTag($event.key,SearchKey)\" [ViewMode]=\"options.TagInputMode\"\r\n maxTags=\"{{options.MaxNumberTags}}\" minLengthBeforeOptions=\"{{options.MinSearchLength}}\"\r\n [showDescription]=\"options.ShowDescription\" [defaultImageURL]=\"options.DefaultImgUrl\" name=\"tags\">\r\n </b-tags-input>\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(TagsFormControl.invalid && TagsFormControl.touched)\">\r\n {{getErrorValidation(TagsFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":21,"character":133}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":21,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":21,"character":109},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":21,"character":170},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":21,"character":217},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":22,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":22,"character":78},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"searchFunctionFactory":[{"__symbolic":"method"}],"AddTag":[{"__symbolic":"method"}],"onTagsChanged":[{"__symbolic":"method"}],"onNoOptionsMatch":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"JwPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"jw-pagination","template":"\n <ul ngIf=\"pager.pages && pager.pages.length\" class=\"pagination\">\n <li ngIf=\"ShowFirstAndLast\" [ngClass]=\"{disabled:pager.currentPage === 1}\" class=\"page-item first-item\">\n <a (click)=\"setPage(1)\" class=\"page-link\">❮❮</a>\n </li>\n <li [ngClass]=\"{disabled:pager.currentPage === 1}\" class=\"page-item previous-item\">\n <a (click)=\"setPage(pager.currentPage - 1)\" class=\"page-link\">❮</a>\n </li>\n <li ngFor=\"let page of pager.pages\" [ngClass]=\"{active:pager.currentPage === page}\" class=\"page-item number-item\">\n <a (click)=\"setPage(page)\" class=\"page-link\">{{page}}</a>\n </li>\n <li [ngClass]=\"{disabled:pager.currentPage === pager.totalPages}\" class=\"page-item next-item\">\n <a (click)=\"setPage(pager.currentPage + 1)\" class=\"page-link\">❯</a>\n </li>\n <li ngIf=\"ShowFirstAndLast\" [ngClass]=\"{disabled:pager.currentPage === pager.totalPages}\" class=\"page-item last-item\">\n <a (click)=\"setPage(pager.totalPages)\" class=\"page-link\">❯❯</a>\n </li>\n</ul>\n"}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"changePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"initialPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"maxPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"ShowFirstAndLast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"paginate":[{"__symbolic":"method"}]}},"PagingComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"BBSF-Paging","template":"<div class=\"b-control b-paging\" ngIf=\"(result.length > 0)\">\r\n <div class=\"d-flex justify-content-between align-items-center\" ngIf=\"!options.IsLoadMoreControl\">\r\n <div class=\"b-pagination\">\r\n <jw-pagination [items]=\"items\" ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\"\r\n (changePage)=\"onChangePage($event)\" [pageSize]=\"options.PageSize\" [ShowFirstAndLast]=\"options.ShowFirstAndLast\"\r\n [initialPage]=\"1\" [maxPages]=\"10\"></jw-pagination>\r\n </div>\r\n <div class=\"b-pages d-flex\" ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\" >\r\n <select (change)=\"changePageSize($event)\" ngIf=\"options.ShowPageSizeOption\">\r\n <option>10</option>\r\n <option>20</option>\r\n <option>50</option>\r\n <option>100</option>\r\n <option>200</option>\r\n </select>\r\n <div class=\"b-items ml-3\">\r\n <strong>{{totalRow}}</strong> {{itemsText}} {{utilityService.getResourceValue(\"In\")}} <strong> {{Pages}}</strong> {{pagesText}}\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"row\" style=\"align-self:center; align-items: center; text-align: center;\" ngIf=\"options.IsLoadMoreControl\">\r\n <div class=\"search-results\" infinite-scroll [infiniteScrollDistance]=\"ScrollDistance\"\r\n [infiniteScrollUpDistance]=\"ScrollUpDistance\" [infiniteScrollThrottle]=\"Throttle\" (scrolled)=\"options.IsInfiniteScroll==true?onScrollDown():null\"\r\n [scrollWindow]=\"options.ScrollWindow\" [infiniteScrollContainer]=\"options.InfiniteScrollContainer\">\r\n </div>\r\n <button class=\"btn btn-info\" (click)=\"onScrollDown()\" ngIf=\"!(result.length==totalRow)\">{{utilityService.getResourceValue(\"LoadMore\")}}</button>\r\n </div>\r\n</div>\r\n","styles":[".ngx-pager-container{text-align:center;padding:25px 0 0}.ngx-pager-container li{display:inline-block;margin:0 4px}.ngx-pager-container li a{display:block;width:26px;height:26px;border:1px solid #707070;text-align:center;color:#3e4e59;font-size:14px;line-height:24px;border-radius:5px;text-decoration:none}.ngx-pager-container li a:hover{color:#fff;background:#0a0e03}.ngx-pager-container li.invisible{display:none}.ngx-pager-container li.active{background:#0a0e03;border-radius:5px}.ngx-pager-container li.active a{border:none;color:#fff}\n"]}]}],"members":{"Items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":47,"character":37},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":47,"character":67},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":47,"character":95},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":47,"character":189}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onDropDownChange":[{"__symbolic":"method"}],"onChangePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"onScrollDown":[{"__symbolic":"method"}],"getItemList":[{"__symbolic":"method"}],"castItems":[{"__symbolic":"method"}],"setText":[{"__symbolic":"method"}],"clearFilters":[{"__symbolic":"method"}],"getFiltersValue":[{"__symbolic":"method"}]}},"RadioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-RadioButton","template":"<div class=\"b-control b-radio-button\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n <div class=\"col-md-12\">\r\n\r\n <!-- <label ngFor=\"let item of options.Items\">\r\n <input type=\"radio\" value=\"{{item.Value}}\"\r\n [checked]=\"options.Value!= null&&(options.Value.Value == item.Value)\"\r\n class=\"{{options.ExtraClasses}}\r\n \"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"RadioButtonFormControl.invalid && RadioButtonFormControl.touched\"\r\n id=\"{{options.Name}}\">\r\n <span class=\"ml-2\">{{item.Text}}</span>\r\n </label> -->\r\n\r\n <div class=\"custom-control custom-radio custom-control-inline\" ngFor=\"let item of options.Items\">\r\n <input type=\"radio\" id=\"{{options.Name}}{{item.Value}}\" class=\"custom-control-input {{options.ExtraClasses}}\"\r\n [value]=\"item.Value\" checked=\"{{(options.Value!=null)&&(options.Value.Value == item.Value)}}\" (change)=\"onValueChanged()\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\">\r\n <label class=\"custom-control-label\" for=\"{{options.Name}}{{item.Value}}\">{{item.Text}}</label>\r\n </div>\r\n\r\n <!-- <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span> -->\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(RadioButtonFormControl.invalid && RadioButtonFormControl.touched)\">\r\n {{getErrorValidation(RadioButtonFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".kt-checkbox-list .kt-checkbox{text-align:left;display:block}.form-group label{font-size:1rem;font-weight:400}.kt-checkbox{position:relative;padding-left:30px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.custom-radio .custom-control-label:after{top:3px;left:-20px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":35},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":79},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ConfirmationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-ConfirmationModal","template":""}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"confirmationModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["confirmationModal",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":26,"character":37},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":26,"character":75},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":26,"character":101}]}],"ngOnInit":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"setTextValues":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}]}},"FormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-Form","template":"<form id=\"{{fromName}}\" [FormGroup]=\"options.FormGroup\" (ngSubmit)=\"submit()\" > \r\n \r\n <ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\r\n</form>"}]}],"members":{"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":23,"character":78},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":23,"character":128},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":23,"character":176},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":23,"character":210},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":23,"character":242}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"randomString":[{"__symbolic":"method"}]}},"RepeaterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"BBSF-repeater","template":"<ng-container ngFor='let item of items ; index as i'>\r\n {{setCurrentIndex(i)}}\r\n <ng-container ngTemplateOutlet=\"currentTemplate; context: repeaterContext\">\r\n </ng-container>\r\n\r\n</ng-container>\r\n\r\n<ng-container ngTemplateOutlet=\"add\">\r\n</ng-container>\r\n\r\n<ng-template ngFor=\"let RepeaterField of options.RepeaterStructure ; index as i\" name=\"R{{i}}\" let-Index=\"itemIndex\"\r\n let-control=\"controlIndex\">\r\n <repeater-field-builder ngIf=\"RepeaterField\" [RepeaterField]=\"RepeaterField\" [itemNumber]=\"Index\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"control\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n</ng-template>\r\n\r\n<ng-template #delete let-item=\"itemIndex\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}}\" type=\"button\" (click)=\"deleteItem(item)\"\r\n [disabled]=\"items.length ==options.MinRequiredItems&&options.IsRequired\"> <span\r\n [innerHTML]=\"options.DeleteButtonText\"></span></button>\r\n</ng-template>\r\n\r\n<ng-template #add>\r\n <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\" (click)=\"addItem()\"><span\r\n [innerHTML]=\"options.AddButtonText\"></span></button>\r\n</ng-template>\r\n\r\n\r\n\r\n\r\n\r\n<!-- <ng-template adHost></ng-template> -->\r\n","styles":[""]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"initialTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"NgTemplateNameDirective"}]}]}],"delete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["delete",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCurrentIndex":[{"__symbolic":"method"}]}},"RepeaterTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"BBSF-repeater-table","template":"<div class=\"b-control b-repeater-table\">\r\n <table class=\"{{options.RepeaterTableExtraClasses}}\">\r\n <thead>\r\n <tr class=\"{{options.RepeaterTableRowExtraClasses}}\">\r\n <th ngFor=\"let item of options.RepeaterStructure\" class=\"min-w-150px\">{{item.HeaderTitle}}</th>\r\n <th>{{utilityService.getResourceValue(options.ActionLabelKey)}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr ngFor=\"let item of items ; index as i\">\r\n <td ngFor=\"let RepeaterField of options.RepeaterStructure ; index as r\">\r\n <repeater-field-builder [RepeaterField]=\"RepeaterField\" [itemNumber]=\"i\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"r\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n </td>\r\n <td class=\"d-flex align-items-center\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}}\" type=\"button\" (click)=\"deleteItem(i)\"\r\n [disabled]=\"(items.length ==options.MinRequiredItems&&options.IsRequired) \|\|(originalItems.length-1>=i)\">\r\n <span [innerHTML]=\"options.DeleteButtonText\"></span></button>\r\n </td>\r\n </tr>\r\n </tbody>\r\n <tfoot>\r\n <tr>\r\n <td colspan=\"4\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 d-grid gap-2\"> \r\n <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\" (click)=\"addItem()\"><span\r\n [innerHTML]=\"options.AddButtonText\"></span></button>\r\n </div>\r\n </div>\r\n </td>\r\n </tr>\r\n </tfoot>\r\n </table>\r\n</div>"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":17,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}]}},"RepeaterFieldBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"repeater-field-builder","template":"<ng-container #Item></ng-container>\r\n"}]}],"members":{"Item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["Item",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":40,"character":29}}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"itemNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"controlNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"RepeaterField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"itemsValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RenderComponentService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":49,"character":94}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"RepeaterItemFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"repeater-item-field","template":"<ng-container ngFor=\"let template of templates ; index as i\">\r\n <ng-container ngIf=\"i==filedIndex\" [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext] ={itemIndex:itemIndex,controlIndex:i}></ng-container>\r\n </ng-container>","styles":[""]}]}],"members":{"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"filedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"itemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ErrorMassageValidation":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":35}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http","line":13,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":13,"character":72},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":13,"character":114}]}],"getErrorMassageValidation":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ControlUtility":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":11,"character":94},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":11,"character":144}]}],"getErrorValidation":[{"__symbolic":"method"}],"patternValidator":[{"__symbolic":"method"}],"patchControlValue":[{"__symbolic":"method"}],"arabicValidator":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"CopyInputMessage":[{"__symbolic":"method"}],"getErrorValidationMassage":[{"__symbolic":"method"}],"scrollToGlobalErrorMassage":[{"__symbolic":"method"}],"setAttributeForControl":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"RemoveRequiredValidation":[{"__symbolic":"method"}],"AddRequiredValidation":[{"__symbolic":"method"}],"addRequiredToControl":[{"__symbolic":"method"}],"removeRequiredFromControl":[{"__symbolic":"method"}],"RemoveCustomValidation":[{"__symbolic":"method"}],"AddCustomValidation":[{"__symbolic":"method"}],"IsValid":[{"__symbolic":"method"}]}},"OnPagingFiltersChangeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"ChangeValue":[{"__symbolic":"method"}],"ClearValue":[{"__symbolic":"method"}],"GetValue":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"environment":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"assign"},"arguments":[{},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Environment"}]},"GlobalSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"RenderComponentService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":3}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":8,"character":51}]}],"renderDynamicComponent":[{"__symbolic":"method"}]}},"DefaultIntl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeIntl","line":6,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":7,"character":38}]}]}},"ControlOptionsBase":{"__symbolic":"class","members":{}},"MultilingualControlOptionsBase":{"__symbolic":"class","members":{}},"CustomValidation":{"__symbolic":"class","members":{}},"CustomValidator":{"__symbolic":"class","members":{}},"DatePickerOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"TextBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FileUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FileUploadModel":{"__symbolic":"class","members":{}},"MultipleFileUploadModel":{"__symbolic":"class","members":{}},"MultiLingualTextBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"RangeNumber":{"__symbolic":"class","members":{}},"EnglishArabicDTO":{"__symbolic":"class","members":{"English":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"class-transformer","name":"Expose","line":3,"character":5},"arguments":[{"name":"english"}]}]}],"Arabic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"class-transformer","name":"Expose","line":4,"character":5},"arguments":[{"name":"arabic"}]}]}]}},"Attribute":{"__symbolic":"class","members":{}},"TextAreaOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MultiLingualTextAreaOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"CheckBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"DropdownListItem":{"__symbolic":"class","members":{}},"DropdownOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"PhoneOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ToggleSlideOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"HtmlEditorOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MultiLingualHtmlEditorOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"FileDTO":{"__symbolic":"interface"},"ImageUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ProfileImageUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ProfilePictureDTO":{"__symbolic":"class","members":{}},"SaveDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"CancelDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"EditPersonalImage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"UploadPersonalImage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"CalendarOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"CalendarEventDTO":{"__symbolic":"class","members":{}},"MapAutoCompleteOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MapAutocompleteDTO":{"__symbolic":"class","members":{}},"AutocompleteDTO":{"__symbolic":"class","members":{}},"AutocompleteOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"TagsInputDTO":{"__symbolic":"class","members":{}},"TagsInputOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FilterItem":{"__symbolic":"class","members":{}},"PagingDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"PagingOptions":{"__symbolic":"class","arity":1,"members":{}},"RadioButtonOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"RadioButtonItem":{"__symbolic":"class","members":{}},"FormOptions":{"__symbolic":"class","members":{}},"ConfirmationModalOptions":{"__symbolic":"class","members":{}},"RepeaterField":{"__symbolic":"class","members":{}},"RepeaterOptions":{"__symbolic":"class","members":{}},"NgTemplateNameDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"ng-template[name]"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"BBSFDateTimePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"bbsfDateTime"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":8,"character":31}]}],"transform":[{"__symbolic":"method"}]}},"BBSFDatePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"bbsfDate"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":8,"character":31}]}],"transform":[{"__symbolic":"method"}]}},"InputType":{"Text":1,"Password":2,"Email":3,"Number":4,"EID":5},"MenuListType":{"AdminType":1,"UserType":2},"ControlLayout":{"Vertical":1,"Horizontal":2},"ForceDirection":{"English":1,"Arabic":2},"PickerType":{"Both":1,"Calendar":2,"Timer":3},"StartView":{"Month":1,"Year":2,"MultiYear":3},"SelectMode":{"Single":1,"Range":2},"Country":{"Afghanistan":"af","Albania":"al","Algeria":"dz","AmericanSamoa":"as","Andorra":"ad","Angola":"ao","Anguilla":"ai","AntiguaAndBarbuda":"ag","Argentina":"ar","Armenia":"am","Aruba":"aw","Australia":"au","Austria":"at","Azerbaijan":"az","Bahamas":"bs","Bahrain":"bh","Bangladesh":"bd","Barbados":"bb","Belarus":"by","Belgium":"be","Belize":"bz","Benin":"bj","Bermuda":"bm","Bhutan":"bt","Bolivia":"bo","BosniaAndHerzegovina":"ba","Botswana":"bw","Brazil":"br","BritishIndianOceanTerritory":"io","BritishVirginIslands":"vg","Brunei":"bn","Bulgaria":"bg","BurkinaFaso":"bf","Burundi":"bi","Cambodia":"kh","Cameroon":"cm","Canada":"ca","CapeVerde":"cv","CaribbeanNetherlands":"bq","CaymanIslands":"ky","CentralAfricanRepublic":"cf","Chad":"td","Chile":"cl","China":"cn","ChristmasIsland":"cx","Cocos":"cc","Colombia":"co","Comoros":"km","CongoDRCJamhuriYaKidemokrasiaYaKongo":"cd","CongoRepublicCongoBrazzaville":"cg","CookIslands":"ck","CostaRica":"cr","CôteDIvoire":"ci","Croatia":"hr","Cuba":"cu","Curaçao":"cw","Cyprus":"cy","CzechRepublic":"cz","Denmark":"dk","Djibouti":"dj","Dominica":"dm","DominicanRepublic":"do","Ecuador":"ec","Egypt":"eg","ElSalvador":"sv","EquatorialGuinea":"gq","Eritrea":"er","Estonia":"ee","Ethiopia":"et","FalklandIslands":"fk","FaroeIslands":"fo","Fiji":"fj","Finland":"fi","France":"fr","FrenchGuiana":"gf","FrenchPolynesia":"pf","Gabon":"ga","Gambia":"gm","Georgia":"ge","Germany":"de","Ghana":"gh","Gibraltar":"gi","Greece":"gr","Greenland":"gl","Grenada":"gd","Guadeloupe":"gp","Guam":"gu","Guatemala":"gt","Guernsey":"gg","Guinea":"gn","GuineaBissau":"gw","Guyana":"gy","Haiti":"ht","Honduras":"hn","HongKong":"hk","Hungary":"hu","Iceland":"is","India":"in","Indonesia":"id","Iran":"ir","Iraq":"iq","Ireland":"ie","IsleOfMan":"im","Israel":"il","Italy":"it","Jamaica":"jm","Japan":"jp","Jersey":"je","Jordan":"jo","Kazakhstan":"kz","Kenya":"ke","Kiribati":"ki","Kosovo":"xk","Kuwait":"kw","Kyrgyzstan":"kg","Laos":"la","Latvia":"lv","Lebanon":"lb","Lesotho":"ls","Liberia":"lr","Libya":"ly","Liechtenstein":"li","Lithuania":"lt","Luxembourg":"lu","Macau":"mo","Macedonia":"mk","Madagascar":"mg","Malawi":"mw","Malaysia":"my","Maldives":"mv","Mali":"ml","Malta":"mt","MarshallIslands":"mh","Martinique":"mq","Mauritania":"mr","Mauritius":"mu","Mayotte":"yt","Mexico":"mx","Micronesia":"fm","Moldova":"md","Monaco":"mc","Mongolia":"mn","Montenegro":"me","Montserrat":"ms","Morocco":"ma","Mozambique":"mz","Myanmar":"mm","Namibia":"na","Nauru":"nr","Nepal":"np","Netherlands":"nl","NewCaledonia":"nc","NewZealand":"nz","Nicaragua":"ni","Niger":"ne","Nigeria":"ng","Niue":"nu","NorfolkIsland":"nf","NorthKorea":"kp","NorthernMarianaIslands":"mp","Norway":"no","Oman":"om","Pakistan":"pk","Palau":"pw","Palestine":"ps","Panama":"pa","PapuaNewGuinea":"pg","Paraguay":"py","Peru":"pe","Philippines":"ph","Poland":"pl","Portugal":"pt","PuertoRico":"pr","Qatar":"qa","Réunion":"re","Romania":"ro","Russia":"ru","Rwanda":"rw","SaintBarthélemy":"bl","SaintHelena":"sh","SaintKittsAndNevis":"kn","SaintLucia":"lc","SaintMartin":"mf","SaintPierreAndMiquelon":"pm","SaintVincentAndTheGrenadines":"vc","Samoa":"ws","SanMarino":"sm","SãoToméAndPríncipe":"st","SaudiArabia":"sa","Senegal":"sn","Serbia":"rs","Seychelles":"sc","SierraLeone":"sl","Singapore":"sg","SintMaarten":"sx","Slovakia":"sk","Slovenia":"si","SolomonIslands":"sb","Somalia":"so","SouthAfrica":"za","SouthKorea":"kr","SouthSudan":"ss","Spain":"es","SriLanka":"lk","Sudan":"sd","Suriname":"sr","SvalbardAndJanMayen":"sj","Swaziland":"sz","Sweden":"se","Switzerland":"ch","Syria":"sy","Taiwan":"tw","Tajikistan":"tj","Tanzania":"tz","Thailand":"th","TimorLeste":"tl","Togo":"tg","Tokelau":"tk","Tonga":"to","TrinidadAndTobago":"tt","Tunisia":"tn","Turkey":"tr","Turkmenistan":"tm","TurksAndCaicosIslands":"tc","Tuvalu":"tv","USVirginIslands":"vi","Uganda":"ug","Ukraine":"ua","UnitedArabEmirates":"ae","UnitedKingdom":"gb","UnitedStates":"us","Uruguay":"uy","Uzbekistan":"uz","Vanuatu":"vu","VaticanCity":"va","Venezuela":"ve","Vietnam":"vn","WallisAndFutuna":"wf","WesternSahara":"eh","Yemen":"ye","Zambia":"zm","Zimbabwe":"zw","ÅlandIslands":"ax"},"FontSize":{"fontname":"fontname","fontsize":"fontsize","color":"color"},"Insert":{"table":"table","picture":"picture","link":"link","video":"video","hr":"hr"},"Misc":{"codeview":"codeview","undo":"undo","redo":"redo"},"Para":{"style":"style","ul":"ul","ol":"ol","paragraph":"paragraph","height":"height"},"Style":{"bold":"bold","italic":"italic","underline":"underline","clear":"clear"},"FileType":{"PDF":"application/pdf","Word":"application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document ","Excel":"application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","ImageTypes":"image/png,image/bmp,image/jpeg","PNG":"image/png","JPG":"image/jpeg","JPEG":"image/jpeg","ZIP":"application/zip","RAR":"application/x-rar-compressed","VIDEO":"video/webm,video/ogg,video/mp4,video/quicktime,video/x-msvideo,video/x-ms-wmv","License":"application/BN","Xml":"text/xml","OctetSteam":"application/octet-stream","Txt":"text/plain","JSON":"application/json","PowerPoint":"application/vnd.ms-powerpoint,applicationapplication/vnd.openxmlformats-officedocument.presentationml.presentation","SVG":"image/svg+xml","None":""},"ImageType":{"ImageTypes":"image/png,image/bmp,image/jpeg","PNG":"image/png","JPG":"image/jpeg","JPEG":"image/jpeg","SVG":"image/svg+xml","None":""},"LanguageMode":{"Both_Languages_are_visible":1,"English_Language_only_is_visible":2,"Arabic_Language_only_is_visible":3,"Both_Languages_but_only_English_is_required":4,"Both_Languages_but_only_Arabic_is_required":5,"Current_Language_only_is_visible_and_required":6,"Both_Languages_are_visible_but_only_current_language_is_required":7},"CalendarView":{"Month":1,"Weekly":2,"Daily":3,"Agenda":4},"FilterType":{"TextBox":1,"DropdownList":2,"AutocompleteTextBox":3,"DatePicker":4,"TagInput":5,"CheckBox":6,"Other":7},"IconPosition":{"left":1,"right":2},"PagingActionMode":{"Reinitialize":0,"Update":1},"StyleConfirmationMode":{"Danger":0,"Warning":1,"Success":2},"PermissionSets":{"Admin":1,"BusinessAdmin":2,"Customer":3},"DataType":{"Text":"7F35E246-7C93-4666-8031-3CE9D2262DB9","Email":"E4F974F6-682F-4CAC-8597-C94E8BF60539","Number":"962060E2-539C-4257-88E5-0259EB8A64F4","Name":"54FE6A3E-1F71-42B8-8C99-06279ED8AA2F","Mobile":"266E2903-D105-4847-AC9B-002AE884A31E","MultilineText":"97F904E0-991B-4F68-B227-217A7B87B8B3","HTML":"57335E2B-E286-401A-A374-72888C3FB753","Image":"1AE5FF1F-856E-41DA-923E-07966F6F8FFE","File":"ACDFEFA7-B406-45B8-9264-78AA440D94B5","MultiFile":"11FAC9EB-D1BB-4F73-9386-64A6C89A70AC","Boolean":"7F89617B-5863-4741-A948-106BBE82D38D","Date":"41182659-A638-4FF0-8E3F-66B89B0B544C","DateTime":"8D899956-8187-4EA1-92EB-B62D50A66323","Time":"B8C225ED-17C3-4AE0-A0E8-3C722B38D8A7","Location":"C486F9C5-0065-4A81-AFA1-03946DBD2214","SingleSelect":"1A63B4B7-DEDE-48C8-8407-10E4170BF761","MulipleSelect":"2CB28735-9D0B-4FBE-A504-8793A4544F94","Goal":"108310CE-9FE1-4914-AB6B-2CF6284472AD","Challenge":"48C419CE-5306-4F6B-87A3-F016E522D9E3","CoverPhoto":"9CC8C0BB-C670-466F-A632-8632FF5C1296","InnovationLab":"4B914ED0-8B36-4E24-B85E-9A04C9F266BE","Country":"342AA701-76C7-4E5D-8056-407BFC86F888","AreaOfFocus":"06a4cfb7-216a-4a60-8388-7a859aab90b4"},"LanguageValidation":{"English":1,"Arabic":2},"TagInputView":{"WithImage":1,"WithoutImage":2,"WithInitial":3},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":174,"character":1},"arguments":[{"selector":"b-tags-input","template":"\n \n<div class=\"tags-input\">\n<span class=\"tags-input__tag label label-primary badge badge-primary\" ngFor=\"let tag of tags\">\n\n<span [ngSwitch]=\"ViewMode\">\n<span ngSwitchCase=\"tagInputViewEnum.WithImage\">\n<img style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\"\nsrc=\"{{(tag.imageURL?tag.imageURL:defaultImageURL)}}\" />\n</span>\n\n<span ngSwitchCase=\"tagInputViewEnum.WithInitial\">\n<div class=\"user-initials\">{{calculateInitials(tag.name)}}</div>\n</span>\n\n<span ngSwitchDefault>\n</span>\n\n</span>\n {{tag[displayField]}}\n <span ngIf=\"isDeleteable(tag)\" role=\"button\" class=\"tags-input__tag-remove-btn\" (click)=\"removeTag(tag)\"\n (touch)=\"removeTag(tag)\">\n <span aria-hidden=\"true\">×</span>\n <span class=\"sr-only\">Close</span>\n </span>\n</span>\n\n<input ngIf=\"options === null; else withTypeahead\" class=\"tags-input__input-field\" type=\"text\"\n [placeholder]=\"getPlaceholder()\" name=\"tags\" (keyup.enter)=\"addTag(tagInput)\"\n (keydown.backspace)=\"removeLastTag(tagInput)\" [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\"\n [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\" #tagInput />\n\n<ng-template #withTypeahead>\n <span [ngSwitch]=\"ViewMode\">\n\n <span ngSwitchCase=\"tagInputViewEnum.WithImage\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithImage\" [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchCase=\"tagInputViewEnum.WithoutImage\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutImage\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchCase=\"tagInputViewEnum.WithInitial\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutInitial\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchDefault>\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutImage\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n </span>\n\n</ng-template>\n\n<ng-template #itemTemplateWithImage let-model=\"item\" let-index=\"index\">\n <img\n style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\"\n src=\"{{(model.imageURL?model.imageURL:defaultImageURL)}}\" />\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n\n<ng-template #itemTemplateWithoutImage let-model=\"item\" let-index=\"index\">\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n\n<ng-template #itemTemplateWithoutInitial let-model=\"item\" let-index=\"index\">\n <div class=\"user-image\">\n <div class=\"user-initials\">{{calculateInitials(model.name)}}</div>\n </div>\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p *ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n</div>\n","styles":["\n :host {\n overflow: auto;\n white-space: nowrap;\n }\n\n .tags-input {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n }\n\n .tags-input__tag {\n display: inline-block;\n margin-bottom: 2px;\n margin-right: 5px;\n padding-right: 0.3em;\n }\n\n .tags-input__tag-remove-btn {\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n margin: -3px 0 0 3px;\n padding: 0;\n vertical-align: top;\n }\n\n .tags-input__input-field {\n border: none;\n flex-grow: 1;\n outline: none;\n }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":164,"character":11},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}]}]}],"members":{"maxTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"removeLastOnBackspace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"canDeleteTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"canAddTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"ViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"showDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}}]}],"defaultImageURL":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"minLengthBeforeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}}]}],"scrollableOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"scrollableOptionsInView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":3}}]}],"onTagsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":199,"character":3}}]}],"onMaxTagsReached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":200,"character":3}}]}],"onNoOptionsMatch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":3}}]}],"getPlaceholder":[{"__symbolic":"method"}],"tagsChanged":[{"__symbolic":"method"}],"removeLastTag":[{"__symbolic":"method"}],"addTag":[{"__symbolic":"method"}],"addPredefinedTag":[{"__symbolic":"method"}],"removeTag":[{"__symbolic":"method"}],"maximumOfTagsReached":[{"__symbolic":"method"}],"isDeleteable":[{"__symbolic":"method"}],"typeaheadOnSelect":[{"__symbolic":"method"}],"typeaheadOnNoMatch":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"calculateInitials":[{"__symbolic":"method"}]}}},"origins":{"options":"./lib/controls/bbsf-controls.module","AppInjector":"./lib/controls/bbsf-controls.module","BBSFControlsModule":"./lib/controls/bbsf-controls.module","TextboxComponent":"./lib/controls/TextBox/TextBox.component","DateInputComponent":"./lib/controls/DateTimePicker/DateTimePicker.component","FileUploadComponent":"./lib/controls/FileUplaod/FileUplaod.component","MultiLingualTextBoxComponent":"./lib/controls/MultiLingualTextBox/MultiLingualTextBox.component","TextAreaComponent":"./lib/controls/TextArea/TextArea.component","MultiLingualTextAreaComponent":"./lib/controls/MultiLingualTextArea/MultiLingualTextArea.component","CheckBoxComponent":"./lib/controls/CheckBox/CheckBox.component","DropdownListComponent":"./lib/controls/DropdownList/DropdownList.component","PhoneComponent":"./lib/controls/Phone/Phone.component","ToggleslideComponent":"./lib/controls/Toggleslide/toggleslide.component","HtmlEditorComponent":"./lib/controls/HtmlEditor/HtmlEditor.component","MultiLingualHtmlEditorComponent":"./lib/controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.component","ImageUploaderComponent":"./lib/controls/ImageUpload/ImageUpload.component","ProfileImageUploaderComponent":"./lib/controls/ProfileImageUploader/ProfileImageUploader.component","CalendarComponent":"./lib/controls/Calendar/Calendar.component","MapAutoCompleteComponent":"./lib/controls/MapAutoComplete/MapAutoComplete.component","AutocompleteTextBoxComponent":"./lib/controls/AutocompleteTextBox/AutocompleteTextBox.component","TagsInputComponent":"./lib/controls/TagsInput/TagsInput.component","JwPaginationComponent":"./lib/controls/Paging/JwPagination.component","PagingComponent":"./lib/controls/Paging/Paging.component","RadioButtonComponent":"./lib/controls/RadioButton/RadioButton.component","ConfirmationModalComponent":"./lib/controls/ConfirmationModal/ConfirmationModal.component","FormComponent":"./lib/controls/Form/Form.component","RepeaterComponent":"./lib/controls/Repeater/repeater/repeater.component","RepeaterTableComponent":"./lib/controls/Repeater/repeater-table/repeater-table.component","RepeaterFieldBuilderComponent":"./lib/controls/Repeater/repeater-field-builder/repeater-field-builder.component","RepeaterItemFieldComponent":"./lib/controls/Repeater/repeater-item-field/repeater-item-field.component","ErrorMassageValidation":"./lib/Shared/services/validationErrorMassage.service","ControlUtility":"./lib/Shared/services/ControlUtility","OnPagingFiltersChangeService":"./lib/Shared/services/OnPagingFiltersChange.service","environment":"./lib/Shared/config/environment","GlobalSettings":"./lib/Shared/services/GlobalSettings.service","RenderComponentService":"./lib/Shared/services/render-component-service.service","DefaultIntl":"./lib/Shared/default_intl","ControlOptionsBase":"./lib/Shared/Models/ControlOptionsBase","MultilingualControlOptionsBase":"./lib/Shared/Models/MultilingualControlOptionsBase","CustomValidation":"./lib/Shared/Models/CustomValidation","CustomValidator":"./lib/Shared/Models/CustomValidation","DatePickerOptions":"./lib/Shared/Models/datePickerOptions","TextBoxOptions":"./lib/Shared/Models/TextBoxOptions","FileUploadOptions":"./lib/Shared/Models/FileUploadOptions","FileUploadModel":"./lib/Shared/Models/FileUploadModel","MultipleFileUploadModel":"./lib/Shared/Models/MultipleFileUploadModel","MultiLingualTextBoxOptions":"./lib/Shared/Models/MultilingualTextBoxOptions","RangeNumber":"./lib/Shared/Models/RangeNumber","EnglishArabicDTO":"./lib/Shared/Models/EnglishArabicDTO","Attribute":"./lib/Shared/Models/Attribute","TextAreaOptions":"./lib/Shared/Models/TextAreaOptions","MultiLingualTextAreaOptions":"./lib/Shared/Models/MultiLingualTextAreaOptions","CheckBoxOptions":"./lib/Shared/Models/CheckBoxOptions","DropdownListItem":"./lib/Shared/Models/DropdownListItem","DropdownOptions":"./lib/Shared/Models/DropdownOptions","PhoneOptions":"./lib/Shared/Models/PhoneOptions","ToggleSlideOptions":"./lib/Shared/Models/ToggleslideOptions","HtmlEditorOptions":"./lib/Shared/Models/HtmlEditorOptions","MultiLingualHtmlEditorOptions":"./lib/Shared/Models/MultiLingualHtmlEditorOptions","FileDTO":"./lib/Shared/Models/FileDTO","ImageUploadOptions":"./lib/Shared/Models/ImageUploadOptions","ProfileImageUploadOptions":"./lib/Shared/Models/ProfileImageUploadOptions","ProfilePictureDTO":"./lib/Shared/Models/ProfilePictureDTO","SaveDTO":"./lib/Shared/Models/SaveDTO","CancelDTO":"./lib/Shared/Models/CancelDTO","EditPersonalImage":"./lib/Shared/Models/EditPersonalImage","UploadPersonalImage":"./lib/Shared/Models/UploadPersonalImage","CalendarOptions":"./lib/Shared/Models/CalendarOptions","CalendarEventDTO":"./lib/Shared/Models/CalendarEventDTO","MapAutoCompleteOptions":"./lib/Shared/Models/MapAutoCompleteOptions","MapAutocompleteDTO":"./lib/Shared/Models/MapAutocompleteDTO","AutocompleteDTO":"./lib/Shared/Models/AutocompleteDTO","AutocompleteOptions":"./lib/Shared/Models/AutocompleteOptions","TagsInputDTO":"./lib/Shared/Models/TagsInputDTO","TagsInputOptions":"./lib/Shared/Models/TagsInputOptions","FilterItem":"./lib/Shared/Models/FilterItem","PagingDTO":"./lib/Shared/Models/PagingDTO","PagingOptions":"./lib/Shared/Models/PagingOptions","RadioButtonOptions":"./lib/Shared/Models/RadioButtonOptions","RadioButtonItem":"./lib/Shared/Models/RadioButtonItem","FormOptions":"./lib/Shared/Models/FormOptions","ConfirmationModalOptions":"./lib/Shared/Models/ConfirmationModalOptions","RepeaterField":"./lib/Shared/Models/RepeaterField","RepeaterOptions":"./lib/Shared/Models/RepeaterOptions","NgTemplateNameDirective":"./lib/Shared/Directives/template-name.directive","BBSFDateTimePipe":"./lib/shared/Pipes/bbsf-date-time.pipe","BBSFDatePipe":"./lib/shared/Pipes/bbsf-date.pipe","InputType":"./lib/Shared/Enums/InputType","MenuListType":"./lib/Shared/Enums/menu-list-enum","ControlLayout":"./lib/Shared/Enums/ControlLayout","ForceDirection":"./lib/Shared/Enums/ForceDirection","PickerType":"./lib/Shared/Enums/PickerType","StartView":"./lib/Shared/Enums/StartView","SelectMode":"./lib/Shared/Enums/SelectMode","Country":"./lib/Shared/Enums/Countries","FontSize":"./lib/Shared/Enums/FontSize","Insert":"./lib/Shared/Enums/Insert","Misc":"./lib/Shared/Enums/Misc","Para":"./lib/Shared/Enums/Para","Style":"./lib/Shared/Enums/Style","FileType":"./lib/Shared/Enums/FileType","ImageType":"./lib/Shared/Enums/ImageType","LanguageMode":"./lib/Shared/Enums/LanguageMode","CalendarView":"./lib/Shared/Enums/CalendarView","FilterType":"./lib/Shared/Enums/FilterType","IconPosition":"./lib/Shared/Enums/IconPosition","PagingActionMode":"./lib/Shared/Enums/PagingActionMode","StyleConfirmationMode":"./lib/Shared/Enums/StyleConfirmationMode","PermissionSets":"./lib/Shared/Enums/Enums","DataType":"./lib/Shared/Enums/Enums","LanguageValidation":"./lib/Shared/Enums/LanguageValidation","TagInputView":"./lib/Shared/Enums/TagInputView","ɵa":"./lib/Shared/components/ng-tag-input"},"importAs":"@bnsights/bbsf-controls"}
1	+ {"__symbolic":"module","version":4,"metadata":{"options":{"__symbolic":"error","message":"Variable not initialized","line":80,"character":11,"module":"./lib/controls/bbsf-controls.module"},"AppInjector":{"__symbolic":"error","message":"Variable not initialized","line":82,"character":11,"module":"./lib/controls/bbsf-controls.module"},"BBSFControlsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":92,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DateInputComponent"},{"__symbolic":"reference","name":"FileUploadComponent"},{"__symbolic":"reference","name":"MultiLingualTextBoxComponent"},{"__symbolic":"reference","name":"TextboxComponent"},{"__symbolic":"reference","name":"TextAreaComponent"},{"__symbolic":"reference","name":"MultiLingualTextAreaComponent"},{"__symbolic":"reference","name":"CheckBoxComponent"},{"__symbolic":"reference","name":"DropdownListComponent"},{"__symbolic":"reference","name":"PhoneComponent"},{"__symbolic":"reference","name":"ToggleslideComponent"},{"__symbolic":"reference","name":"HtmlEditorComponent"},{"__symbolic":"reference","name":"MultiLingualHtmlEditorComponent"},{"__symbolic":"reference","name":"ImageUploaderComponent"},{"__symbolic":"reference","name":"ProfileImageUploaderComponent"},{"__symbolic":"reference","name":"CalendarComponent"},{"__symbolic":"reference","name":"MapAutoCompleteComponent"},{"__symbolic":"reference","name":"AutocompleteTextBoxComponent"},{"__symbolic":"reference","name":"TagsInputComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"JwPaginationComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"ConfirmationModalComponent"},{"__symbolic":"reference","name":"RepeaterComponent"},{"__symbolic":"reference","name":"RepeaterFieldBuilderComponent"},{"__symbolic":"reference","name":"NgTemplateNameDirective"},{"__symbolic":"reference","name":"RepeaterItemFieldComponent"},{"__symbolic":"reference","name":"RepeaterTableComponent"},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":129,"character":4},{"__symbolic":"reference","module":"ngx-infinite-scroll","name":"InfiniteScrollModule","line":130,"character":4},{"__symbolic":"reference","module":"@ng-select/ng-select","name":"NgSelectModule","line":131,"character":4},{"__symbolic":"reference","module":"ngx-tags-input","name":"NgxTagsInputModule","line":132,"character":4},{"__symbolic":"reference","module":"ngx-typeahead","name":"NgxTypeaheadModule","line":133,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@agm/core","name":"AgmCoreModule","line":134,"character":4},"member":"forRoot"},"arguments":[{"apiKey":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"environment","line":136,"character":14},"member":"BBSF_GoogleMapKey"},"libraries":["places"]}]},{"__symbolic":"reference","module":"@angular-material-extensions/google-maps-autocomplete","name":"MatGoogleMapsAutocompleteModule","line":139,"character":4},{"__symbolic":"reference","module":"@fullcalendar/angular","name":"FullCalendarModule","line":140,"character":4},{"__symbolic":"reference","module":"angular-cropperjs","name":"AngularCropperjsModule","line":141,"character":4},{"__symbolic":"reference","module":"ngx-image-cropper","name":"ImageCropperModule","line":142,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":143,"character":4},{"__symbolic":"reference","module":"ngx-dropzone","name":"NgxDropzoneModule","line":144,"character":4},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":145,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-popups","name":"TooltipModule","line":146,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-mask","name":"NgxMaskModule","line":147,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"ngx-summernote","name":"NgxSummernoteModule","line":148,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":149,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":150,"character":4},{"__symbolic":"reference","module":"angular2-multiselect-dropdown","name":"AngularMultiSelectModule","line":151,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-multiselect-dropdown","name":"NgMultiSelectDropDownModule","line":152,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeModule","line":153,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlNativeDateTimeModule","line":154,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":155,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-block-ui","name":"BlockUIModule","line":156,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":157,"character":4},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule","line":158,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":159,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":160,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":161,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-permissions","name":"NgxPermissionsModule","line":162,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":163,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store-devtools","name":"StoreDevtoolsModule","line":164,"character":4},"member":"instrument"}},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":165,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":166,"character":4},{"__symbolic":"reference","module":"ngx-intl-tel-input","name":"NgxIntlTelInputModule","line":167,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerModule","line":168,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@fullcalendar/angular","name":"FullCalendarModule","line":169,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/typeahead","name":"TypeaheadModule","line":170,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@kolkov/angular-editor","name":"AngularEditorModule","line":171,"character":4},{"__symbolic":"reference","module":"angular-ng-autocomplete","name":"AutocompleteLibModule","line":172,"character":4},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFUtilitiesModule","line":173,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-inline-svg","name":"InlineSVGModule","line":174,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sweetalert2/ngx-sweetalert2","name":"SweetAlert2Module","line":175,"character":4}],"providers":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":182,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":183,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":184,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":185,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":186,"character":4},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"},{"__symbolic":"reference","name":"RenderComponentService"},{"provide":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OWL_DATE_TIME_LOCALE","line":190,"character":15},"useValue":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ControlUtility"},"member":"getLocal"}}}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":194,"character":4}],"exports":[{"__symbolic":"reference","name":"DateInputComponent"},{"__symbolic":"reference","name":"FileUploadComponent"},{"__symbolic":"reference","name":"MultiLingualTextBoxComponent"},{"__symbolic":"reference","name":"TextboxComponent"},{"__symbolic":"reference","name":"TextAreaComponent"},{"__symbolic":"reference","name":"MultiLingualTextAreaComponent"},{"__symbolic":"reference","name":"CheckBoxComponent"},{"__symbolic":"reference","name":"DropdownListComponent"},{"__symbolic":"reference","name":"PhoneComponent"},{"__symbolic":"reference","name":"ToggleslideComponent"},{"__symbolic":"reference","name":"HtmlEditorComponent"},{"__symbolic":"reference","name":"MultiLingualHtmlEditorComponent"},{"__symbolic":"reference","name":"ImageUploaderComponent"},{"__symbolic":"reference","name":"ProfileImageUploaderComponent"},{"__symbolic":"reference","name":"CalendarComponent"},{"__symbolic":"reference","name":"MapAutoCompleteComponent"},{"__symbolic":"reference","name":"AutocompleteTextBoxComponent"},{"__symbolic":"reference","name":"TagsInputComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"JwPaginationComponent"},{"__symbolic":"reference","name":"RadioButtonComponent"},{"__symbolic":"reference","name":"FormComponent"},{"__symbolic":"reference","name":"PagingComponent"},{"__symbolic":"reference","name":"ConfirmationModalComponent"},{"__symbolic":"reference","name":"RepeaterComponent"},{"__symbolic":"reference","name":"RepeaterFieldBuilderComponent"},{"__symbolic":"reference","name":"NgTemplateNameDirective"},{"__symbolic":"reference","name":"RepeaterItemFieldComponent"},{"__symbolic":"reference","name":"RepeaterTableComponent"},{"__symbolic":"reference","name":"BBSFDateTimePipe"},{"__symbolic":"reference","name":"BBSFDatePipe"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":233,"character":32},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":233,"character":61}]}]}},"TextboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-TextBox","template":"<div class=\"b-control b-textbox\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\" [ngClass]=\"(options.NoMargin==true)?'':'NoMargin'\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" ngIf=\"!options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n <div class=\"input-group align-items-center\" ngIf=\"MaskPattern!=null&&MaskPattern!=''\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPosition==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input [mask]=\"MaskPattern\" placeHolderCharacter=\" \" [showMaskTyped]=\"true\" [validation]=\"true\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n type=\"{{getInputType(options.Type)}}\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinput>\r\n <div class=\"input-group-append\">\r\n <span class=\"input-group-text\" ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n\r\n </div>\r\n\r\n <div class=\"input-group align-items-center\" ngIf=\"MaskPattern==null\|\|MaskPattern==''\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPosition==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\" type=\"{{getInputType(options.Type)}}\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinput>\r\n <div class=\"input-group-append\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n </div>\r\n <div class=\"text-danger Required-text\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n ngIf=\"(TextBoxFormControl.invalid && TextBoxFormControl.touched)\">\r\n {{getErrorValidation(TextBoxFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":71},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"DateInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"BBSF-DateTimePicker","providers":[{"provide":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeIntl","line":21,"character":15},"useClass":{"__symbolic":"reference","name":"DefaultIntl"}}],"template":"<div class=\"b-control b-date-picker\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <input autocomplete=\"off\" (dateTimeChange)=\"onDateSelect($event)\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"{{options.Name}}\" [owlDateTime]=\"dt1\" [owlDateTimeTrigger]=\"dt1\"\r\n [class.is-invalid]=\"DatePickerFormControl.invalid && DatePickerFormControl.touched\"\r\n [min]=\"options.StartDate\" [max]=\"options.EndDate\" [hour12Timer]=\"options.Hour12Timer\" [selectMode]=\"getSelectMode(options.SelectMode)\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" #Dateinput>\r\n\r\n <owl-date-time [pickerType]=\"getPickerType(options.PickerType)\"\r\n [startView]=\"getStartView(options.StartView)\" [firstDayOfWeek]=\"options.FirstDayOfWeek\"\r\n [hour12Timer]=\"options.Hour12Timer\" #dt1></owl-date-time>\r\n \r\n <div class=\"input-group-append\">\r\n <span class=\"input-group-text\" [owlDateTimeTrigger]=\"dt1\">\r\n <span class=\"svg-icon\">\r\n <svg id=\"Group_356\" data-name=\"Group 356\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 48 48\">\r\n <path id=\"Path_6737\" data-name=\"Path 6737\" d=\"M11.583,1a1,1,0,0,0-2,0V5.7h2Z\" style=\"\"></path>\r\n <path id=\"Path_6738\" data-name=\"Path 6738\" d=\"M38.417,1a1,1,0,0,0-2,0V5.7h2Z\"></path>\r\n <path id=\"Path_6739\" data-name=\"Path 6739\" d=\"M0,43.146C0,45.822,1.826,48,4.07,48H43.928C46.174,48,48,45.822,48,43.146V17.121H0Z\" fill=\"#d5d5d5\"></path>\r\n <path id=\"Path_6740\" data-name=\"Path 6740\" d=\"M43.929,5.7H38.417v5.512a1,1,0,1,1-2,0V5.7H11.583v5.512a1,1,0,1,1-2,0V5.7H4.07C1.826,5.7,0,7.877,0,10.555v4.566H48V10.555C48,7.877,46.174,5.7,43.929,5.7Z\" fill=\"#595959\"></path>\r\n </svg>\r\n </span>\r\n </span>\r\n <!--<span class=\"input-group-text\" ngIf=\"options.EnableCopyToClipboard\"\r\n (click)=\"copyInputMessage(Dateinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>-->\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(DatePickerFormControl.invalid && DatePickerFormControl.touched)\">\r\n {{getErrorValidation(DatePickerFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"control-desc\"ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n \r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":183}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":27,"character":31},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":27,"character":220},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":27,"character":267},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":27,"character":311},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":27,"character":346},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":27,"character":402},{"__symbolic":"reference","name":"DateTimeAdapter","module":"ng-pick-datetime","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"getSelectMode":[{"__symbolic":"method"}],"getPickerType":[{"__symbolic":"method"}],"getStartView":[{"__symbolic":"method"}],"onDateSelect":[{"__symbolic":"method"}],"subscribeDateChanges":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"FileUploadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-FileUplaod","template":"\r\n<div class=\"b-control b-fileupload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"col-form-label col-sm-12 mb-2\" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'\r\n ngIf=\"(ValidationMessage!=null&&ValidationMessage!='')\">\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n\r\n\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div>\r\n\r\n <div ng2FileDrop ngIf=\"(options.IsDropZone)&&(!((options.IsMultipleFile==false)&&(uploader.queue.length)>0))\"\r\n [ngClass]=\"{'another-file-over-class': hasAnotherDropZoneOver}\" (onFileDrop)=\"onFileChange()\"\r\n (fileOver)=\"fileOverAnother($event)\" [uploader]=\"uploader\" [accept]=\"AcceptedType\"\r\n class=\"well my-drop-zoneform-control bnsights-control {{options.ExtraClasses}}\"\r\n (change)=\"onFileChange()\" id=\"{{options.Name}}\" multiple=\"{{options.IsMultipleFile?'multiple':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" type=\"file\" formControlName=\"{{options.Name}}\"\r\n id=\"options.Name\" #fileInput\r\n [class.is-invalid]=\"fileUploadFormControl.invalid && fileUploadFormControl.touched\">\r\n\r\n\r\n <div class=\"dragndrop text-center\">\r\n <p class=\"drag-icon mb-3\">\r\n <i class=\"fas fa-cloud-download-alt\"></i>\r\n </p>\r\n <p>\r\n {{UtilityService.getResourceValue(\"DragAndDropHere\")}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(!options.IsDropZone)&&!((uploader.queue.length>0)&&(!options.IsMultipleFile))\">\r\n <button type=\"button\" class=\"btn btn-light btn-sm file-fake-input mb-3\" (click)=\"fileInput.click();\">\r\n <i class=\"icon fa fa-cloud-upload-alt\"></i>\r\n {{UtilityService.getResourceValue(\"Upload\")}}\r\n </button>\r\n <input ng2FileSelect [uploader]=\"uploader\" [accept]=\"AcceptedType\"\r\n class=\"fileSelector customFileUploadPlacment hidden v-required-multiplefiles d-none\" id=\"file\"\r\n multiple=\"{{options.IsMultipleFile?'multiple':''}}\" name=\"file\" type=\"file\" value=\"\"\r\n autocomplete=\"off\" (change)=\"onFileChange()\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\"\r\n id=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\" type=\"file\"\r\n formControlName=\"{{options.Name}}\" id=\"options.Name\" #fileInput\r\n [class.is-invalid]=\"fileUploadFormControl.invalid && fileUploadFormControl.touched\">\r\n </div>\r\n\r\n </div>\r\n\r\n <div ngFor=\"let item of uploader.queue\">\r\n <div class=\"fileInfoContainer ui-file btn-group mb-3\">\r\n <a href=\"{{ item?._file?.url}}\" download>\r\n <button type=\"button\" class=\"download-link btn btn-light btn-sm\">\r\n <span>\r\n <i class=\"icon fa fa-download\"></i>\r\n <span class=\"upload-file-info\">{{ item?.file?.name }}</span>\r\n </span>\r\n </button>\r\n </a>\r\n <span class=\"removeUIFile remove-link btn btn-xs btn-danger d-flex align-items-center justify-content-center\"\r\n (click)=\"item.remove();removeFromControlValue(item)\">\r\n <i class=\"fa fa-times px-0\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(fileUploadFormControl.invalid && fileUploadFormControl.touched)\">\r\n {{getErrorValidation(fileUploadFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n\r\n <div class=\"col-md-9 col-sm-9\">\r\n\r\n <div>\r\n <label>\r\n {{options.LabelDescription}}\r\n </label>\r\n </div>\r\n\r\n\r\n </div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"OnChange":[{"__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":"Optional","line":43,"character":15}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":43,"character":52},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":43,"character":108},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":44,"character":67},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":45,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"fileOverAnother":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-MultiLingualTextBox","template":"<div class=\"b-control b-multilangual-textbox\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultiLanguagegroup\">\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowEnglishTextBox\">\r\n <label class=\"b-label col-form-label col-sm-12\"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)&&IsShowAsteriskInEnglish)\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group align-items-center\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPositionEN==1)?'left-icon':'right-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"English\"\r\n [hidden]=\"options.IsHideEnglishFields\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"EnglishFormControl.invalid && EnglishFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.English\"\r\n #userinputEnglish>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideEnglishFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\" ngIf=\"(EnglishFormControl.invalid && EnglishFormControl.touched)\">\r\n {{getErrorValidation(EnglishFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showEnglishCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') \|\|(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"EnglishFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowArabicTextBox\">\r\n <label class=\"b-label col-form-label col-sm-12\"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired))&&IsShowAsteriskInArabic\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group align-items-center\">\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPositionEN==1)?'right-icon':'left-icon'\" ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <input class=\"form-control bnsights-control\" dir=\"rtl\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicFormControl.invalid && ArabicFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.Arabic\"\r\n (change)=\"trimControlValue('Ar')\" #userinputArabic>\r\n\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideArabicFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\" ngIf=\"(ArabicFormControl.invalid && ArabicFormControl.touched)\">\r\n {{getErrorValidation(ArabicFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showArabicCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')\|\|(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"ArabicFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":20,"character":78}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":57},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":115},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":21,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":21,"character":103},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":22,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"resetError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}],"onArabicFocus":[{"__symbolic":"method"}],"onEnglishFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"TextAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-TextArea","template":"<div class=\"b-control b-textarea\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n ngIf=\"!options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"TextAreaFormControl.invalid && TextAreaFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" rows=\"{{options.Rows}}\" (keyup)=\"onTextChange()\" cols=\"{{options.Cols}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #TextAreainput></textarea>\r\n <div class=\"input-group-append\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(TextAreainput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n <div class=\"text-muted font-weight-500 word-count float-end\" ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} words</div>\r\n </div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(TextAreaFormControl.invalid && TextAreaFormControl.touched)\">\r\n {{getErrorValidation(TextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc text-dark\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- <div ngIf=\"TextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":17,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":18,"character":32},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":18,"character":76},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":19,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualTextAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MultiLingualTextArea","template":"<div class=\"b-control b-multilangual-textarea\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultiLanguageTextAreagroup\">\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowEngishTextArea\">\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue+\"in English\"}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired))&&IsShowAsteriskInEnglish\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"English\" [hidden]=\"options.IsHideEnglishFields\"\r\n [class.is-invalid]=\"EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaEnglish>\r\n </textarea>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideEnglishFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputTextAreaEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched)\">\r\n {{getErrorValidation(EnglishTextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showEnglishCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') \|\|(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n\r\n <!-- <div ngIf=\"EnglishTextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\">\r\n <div class=\"row\" ngIf=\"ShowArabicTextArea\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue+\"in Arabic\"}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired))&&IsShowAsteriskInArabic\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <div class=\"input-group\">\r\n <textarea class=\"form-control bnsights-control\" dir=\"rtl\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" rows=\"{{options.Rows}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (change)=\"trimControlValue('Ar')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaArabic>\r\n </textarea>\r\n <div class=\"input-group-append\" [hidden]=\"options.IsHideArabicFields\" ngIf=\"options.EnableCopyToClipboard\">\r\n <span class=\"input-group-text\" (click)=\"copyInputMessage(userinputTextAreaArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"text-muted font-weight-500 float-end word-count\" ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}}</div>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched)\">\r\n {{getErrorValidation(ArabicTextAreaFormControl.errors\|keyvalue)}}\r\n </div>\r\n <div ngIf=\"showArabicCharsLimitMsg\">\r\n <span class=\"badge b-character-warning float-end\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </span>\r\n </div>\r\n <div class=\"control-desc\" ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')\|\|(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- <div ngIf=\"ArabicTextAreaFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":79}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":22,"character":58},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":22,"character":116},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":23,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":23,"character":118},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}],"onArabicFocus":[{"__symbolic":"method"}],"onEnglishFocus":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"CheckBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"BBSF-CheckBox","template":"<div class=\"b-control b-checkbox\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"form-check form-check-custom form-check-solid b-label\">\r\n <input class=\"form-check-input {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" [checked]=\"options.Value==true?true:null\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"CheckBoxFormControl.invalid && CheckBoxFormControl.touched\"\r\n id=\"{{options.Name}}\" type=\"checkbox\" value=\"options.Value==true?true:null\">\r\n <span class=\"form-check-label\">{{options.LabelValue}}</span>\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n \r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(CheckBoxFormControl.invalid && CheckBoxFormControl.touched)\">\r\n {{getErrorValidation(CheckBoxFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- <div ngIf=\"CheckBoxFormControl.valid\">{{resetError()}} </div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n </div>\r\n</div>\r\n","styles":[".form-check-input{width:1.75rem;height:1.75rem;margin-top:-.125rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);background-size:60% 60%;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:initial;margin-right:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:.45em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#b5b5c3;outline:0;box-shadow:none}.form-check-input:checked{background-color:#009ef7;border-color:#009ef7}.form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#009ef7;border-color:#009ef7;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":18,"character":138},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":18,"character":180},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":18,"character":214},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":18,"character":268}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"DropdownListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-DropdownList","template":"<div class=\"b-control b-dropdown-list\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <ng-select ngIf=\"options.DisableBootstrapSelect==false\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n [bindValue]=\"options.ItemTempletkey\" [bindLabel]=\"options.ItemTempletvalue\" [items]=\"options.DataSource\"\r\n [notFoundText]=\"options.NotFoundText\" [maxSelectedItems]=\"options.LimitSelection\"\r\n [searchable]=\"options.AllowSearchFilter\" [multiple]=\"!options.SingleSelection\" [readonly]=\"options.IsDisabled\"\r\n [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n [(ngModel)]=\"options.SelectedItems\" (change)=\"onItemSelect()\" (clear)=\"Clear()\"\r\n [class.is-invalid]=\"DropdownListFormControl.invalid && DropdownListFormControl.touched\"\r\n [closeOnSelect]=\"options.SingleSelection ? true : false\">\r\n\r\n <ng-template ngIf=\"options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <div class=\"ks-cboxtags\">\r\n <input id=\"item-{{index}}\" type=\"checkbox\" [ngModelOptions]=\"{standalone: true}\" [ngModel]=\"item$.selected\"\r\n class=\" \" /> <label class=\"ng-option-label mb-0\" id={{item.key}}>{{item.value}}</label>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ngIf=\"!options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <label class=\"ng-option-label mb-0\" id={{item.key}}>{{item.value}}</label>\r\n </ng-template>\r\n\r\n </ng-select>\r\n\r\n <select ngIf=\"options.DisableBootstrapSelect\" class=\"form-control bnsights-control\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" (change)=\"onItemSelect()\" [(ngModel)]=\"options.SelectedItems\" [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n <option value=\"\" disabled>--{{UtilityService.getResourceValue(\"select\")}}--</option>\r\n <option ngFor=\"let item of options.DataSource\" value=\"{{item.key}}\" [ngValue]=\"item.key\">\r\n {{item.value}}\r\n </option>\r\n </select>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(DropdownListFormControl.invalid && DropdownListFormControl.touched)\">\r\n {{getErrorValidation(DropdownListFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <!-- <div ngIf=\"DropdownListFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".cuppa-dropdown{background-color:#fff}.arrow-up,.arrow-down{border-left:none!important;border-right:none!important}.dropdown-list{padding-top:0!important}.c-token{background-color:#6495ed}.pure-checkbox .selected-item{background-color:#6495ed;color:#fff}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":110}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":147},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":197},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":27},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":77},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"Clear":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onDeselect":[{"__symbolic":"method"}],"onDeselectAll":[{"__symbolic":"method"}],"onDropDownClose":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"PhoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"BBSF-Phone","template":"<div class=\"b-control b-phone\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <ngx-intl-tel-input dir=\"{{options.ForceDirection==2?'rtl':''}}\" [cssClass]=\"options.ExtraClasses\" [preferredCountries]=\"options.PreferredCountries\"\r\n [enableAutoCountrySelect]=\"true\" [enablePlaceholder]=\"options.EnablePlaceholder\" [searchCountryFlag]=\"options.AllowSearch\"\r\n [searchCountryField]=\"[SearchCountryField.Iso2, SearchCountryField.Name]\"\r\n [selectFirstCountry]=\"options.SelectFirstCountry\" [selectedCountryISO]=\"options.SelectedCountryISO\"\r\n \t\t\t\t[separateDialCode]=\"separateDialCode\"\r\n [maxLength]=\"15\" \r\n [phoneValidation]=\"options.PhoneValidation\" [id]=\"options.Name\"\r\n name=\"{{options.Name}}\" formControlName=\"{{options.Name}}\"\r\n (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"PhoneFormControl.invalid && PhoneFormControl.touched\" aria-invalid=\"true\">\r\n </ngx-intl-tel-input>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(PhoneFormControl.invalid && PhoneFormControl.touched)\">\r\n {{getErrorValidation(PhoneFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <!-- <div ngIf=\"PhoneFormControl.valid\">{{resetError()}}</div> -->\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".iti{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":29},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":73},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ToggleslideComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-Toggleslide","template":"<div class=\"b-control b-toggle-slide\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n </label>\r\n <mat-slide-toggle [(ngModel)]=\"SlideValue\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" [cssClass]=\"(options.ViewType==1)?'':'col-md-9'\"\r\n formControlName=\"{{options.Name}}\" disableRipple=\"true\" disabled=\"{{options.IsDisabled}}\" (change)=\"changeValueToggle()\">\r\n </mat-slide-toggle>\r\n <div class=\"control-desc\" ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n </div>\r\n</div>\r\n","styles":[".mat-slide-toggle{padding-left:10px}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:#e3f4fe}.mat-slide-toggle-thumb-container{width:25px;height:25px;top:1px;left:-2px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#009ef7}.mat-slide-toggle-thumb{height:25px;width:25px;border-radius:50%}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#009ef7}.mat-slide-toggle-bar{width:55px;height:30px;border-radius:3.25rem}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":55}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":35},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":35},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":78},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"resetError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"changeValueToggle":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"HtmlEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"BBSF-HtmlEditor","template":"<div class=\"b-control b-html-editor\">\r\n <div class=\"form-group row validate <!--is-invalid-->\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 col-md-12\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12 col-md-12\">\r\n <!-- <div [ngxSummernoteDisabled]=\"options.IsDisabled\" ngDefaultControl [ngxSummernote]=\"Config\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"{{options.Name}}\" (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" \r\n ></div>\r\n -->\r\n <angular-editor (change)=\"onValueChanged()\" id=\"{{options.Name}}\" [class.is-invalid]=\"HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched\" class=\"form-control bnsights-control {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" formControlName=\"{{options.Name}}\" [config]=\"editorConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(HtmlEditorFormControl.invalid && HtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(HtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":18,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":18,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":19,"character":34},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":19,"character":78},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":20,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MultiLingualHtmlEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MultiLingualHtmlEditor","template":"<div class=\"b-control b-multilangual-html-editor\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <div class=\"form-group row\" [formGroup]=\"MultilingualHtmlEditorgroup\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"row\" ngIf=\"ShowEnglishHtmlEditor\">\r\n <label class=\"b-label col-form-label col-sm-12 \" \r\n [ngClass]=\"(options.ViewType==1)?'col-md-9':'col-md-3'\"\r\n [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue+\"in English\"}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired))&&IsShowAsteriskInEnglish\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n \r\n <angular-editor class=\"form-control bnsights-control {{options.ExtraClasses_EN}} \" (change)=\"onTextChange('en')\" [class.is-invalid]=\"EnglishHtmlEditorFormControl.invalid && EnglishHtmlEditorFormControl.touched\"\r\n formControlName=\"English\" [config]=\"editorEnglishConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(EnglishHtmlEditorFormControl.invalid && EnglishHtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(EnglishHtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"row\" ngIf=\"ShowArabicHtmlEditor\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \"\r\n [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue+\"in Arabic\"}}\r\n <span ngIf=\"((options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired))&&IsShowAsteriskInArabic\"\r\n class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\" col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n \r\n\r\n <angular-editor dir=\"rtl\" class=\"form-control bnsights-control {{options.ExtraClasses_AR}} \" (change)=\"onTextChange('ar')\" [class.is-invalid]=\"ArabicHtmlEditorFormControl.invalid && ArabicHtmlEditorFormControl.touched\"\r\n formControlName=\"Arabic\" [config]=\"editorArabicConfig\"></angular-editor>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ArabicHtmlEditorFormControl.invalid && ArabicHtmlEditorFormControl.touched)\">\r\n {{getErrorValidation(ArabicHtmlEditorFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n \r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n </div>\r\n\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":81}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":22,"character":60},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":22,"character":118},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":23,"character":68},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":23,"character":118},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"getCustomErrorsMassages":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"showInputUsingLanguageMode":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ImageUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-ImageUpload","template":"<div class=\"b-control b-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">* </span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div ngIf=\"options.AllowDropZone\" style=\"max-width:200px !important; max-height: 200px !important;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" style=\"max-width: 200px !important;\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ImageUploadClassSelector\" ngIf=\"!options.AllowDropZone\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" ngIf=\"files.length==0\">\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n <div style=\"border: none !important; max-width:200px !important; max-height: 200px !important;\" class=\" fileSelector customImageUploadPlacment d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n </div>\r\n\r\n\r\n <div id=\"mdlSample\" class=\"modal fade\" role=\"dialog\" style=\"z-index: 11 !important ;\"\r\n [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n {{UtilityService.getResourceValue(\"CropImage\")}}\r\n </h4>\r\n <button type=\"button\" class=\"btn-close\" aria-hidden=\"true\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"openModal(false)\"></button>\r\n </div>\r\n <div class=\"modal-body py-5\">\r\n <div ngIf=\"imageUrl\">\r\n <angular-cropper #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div style=\"text-align:center;\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"0.1\" title=\"Zoom In\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(0.1)\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"-0.1\" title=\"Zoom Out\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(-0.1)\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"-10\" data-second-option=\"0\" title=\"Move Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(-10, 0)\" aria-describedby=\"tooltip631939\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"10\" data-second-option=\"0\" title=\"Move Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(10, 0)\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"-10\" title=\"Move Up\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, -10)\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"10\" title=\"Move Down\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, 10)\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"-45\" title=\"Rotate Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(-45)\" aria-describedby=\"tooltip236044\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"45\" title=\"Rotate Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(45)\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-default\" (click)=\"openModal(false)\">\r\n <i class=\"fa fa-times fa-fw\"></i> {{UtilityService.getResourceValue(\"CancelLabel\")}}\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-success\">\r\n <i class=\"fa fa-check fa-fw\"></i>\r\n {{UtilityService.getResourceValue(\"Crop\")}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(ImageUploadFormControl.invalid && ImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ImageUploadFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.ImageUploadClassSelector img{cursor:pointer}.d-inline-flex.h-auto.m-0.overflow-hidden.w-auto.ng-untouched.ng-pristine.ng-valid{border-radius:40px;border-color:#c7c7c7}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"angularCropper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["angularCropper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":49,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":49,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":50,"character":37},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":50,"character":80},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":51,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showImageUploader":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"getBlobFile":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}],"moveImage":[{"__symbolic":"method"}],"zoomImage":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ProfileImageUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"BBSF-ProfileImageUploader","template":"<div class=\"b-control b-profile-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\"></i>\r\n </ejs-tooltip>\r\n\r\n\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div ngIf=\"options.AllowDropZone\" class=\"ProfileDropBox d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" style=\"width:200px;height:200px;overflow:inherit;\" ngx-dropzone\r\n [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" (change)=\"onFileChange($event)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"rounded-circle w-100 h-100 m-0\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"w-100 rounded-circle\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n <ngx-dropzone-image-preview ngFor=\"let f of files\" ngProjectAs=\"ngx-dropzone-preview\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n class=\"w-100 h-100 m-0\">\r\n\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ProfileImageUploadClassSelector\" ngIf=\"!options.AllowDropZone\" >\r\n <ngx-dropzone-label style=\" border: none !important;width:200px;height:200px;overflow:inherit;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0\" ngIf=\"files.length==0\" >\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n \r\n <div class=\"ProfileDropBox rounded-circle {{options.ExtraClasses}}\" style=\" border: none !important;width:200px;height:200px;overflow:inherit;\" ngx-dropzone\r\n [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" (change)=\"onFileChange($event)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched\">\r\n \r\n <ngx-dropzone-image-preview class=\"rounded-circle w-100 h-100 m-0\" ngFor=\"let f of files\" ngProjectAs=\"ngx-dropzone-preview\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n >\r\n\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n </div>\r\n\r\n\r\n <div id=\"mdlSample\" class=\"modal fade\" role=\"dialog\" style=\"z-index: 11 !important ;\"\r\n [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n Crop Image\r\n </h4>\r\n </div>\r\n <div class=\"modal-body py-5\">\r\n <div ngIf=\"imageUrl\">\r\n <angular-cropper class=\"ProfileDropBox\" #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div style=\"text-align:center;\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"0.1\" title=\"Zoom In\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(0.1)\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"-0.1\" title=\"Zoom Out\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(-0.1)\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"-10\" data-second-option=\"0\" title=\"Move Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(-10, 0)\" aria-describedby=\"tooltip631939\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"10\" data-second-option=\"0\" title=\"Move Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(10, 0)\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"-10\" title=\"Move Up\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, -10)\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"10\" title=\"Move Down\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, 10)\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"-45\" title=\"Rotate Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(-45)\" aria-describedby=\"tooltip236044\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"45\" title=\"Rotate Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(45)\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-default\" (click)=\"openModal(false)\">\r\n <i class=\"fa fa-times fa-fw\"></i> Cancel\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-success\">\r\n <i class=\"fa fa-check fa-fw\"></i>\r\n Crop\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n \r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(ProfileImageUploadFormControl.invalid && ProfileImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ProfileImageUploadFormControl.errors\|keyvalue)}}\r\n</div>\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-body{padding:2px 16px}\n"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["fileInput",{"static":false}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"angularCropper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["angularCropper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":77}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":52,"character":114},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":53,"character":44},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":53,"character":88},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":54,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showImageUploader":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"removeFromControlValue":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"getProfileImageBlobFile":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}],"moveImage":[{"__symbolic":"method"}],"zoomImage":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"BBSF-Calendar","template":"\r\n<div class=\"b-control b-calendar\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <!-- <full-calendar #calendar\r\n [defaultDate]=\"options.DefaultDate\"\r\n [defaultView]=\"DefaultView\"\r\n [header]=\"{\r\n left: 'prev,next today',\r\n center: 'title',\r\n right: CalendarViews\r\n }\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n [locales]=\"locales\"\r\n [plugins]=\"calendarPlugins\"\r\n [weekends]=\"calendarWeekends\"\r\n [events]=\"calendarEvents\"\r\n (dateClick)=\"OnDayClickFunction($event)\"\r\n (eventClick)=\"OnEventClickFunction($event)\"\r\n id=\"{{options.Name}}\"></full-calendar> -->\r\n\r\n\r\n <full-calendar\r\n ngIf=\"options.CalendarVisible\"\r\n [options]='calendarOptions'\r\n id=\"{{options.Name}}\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n ></full-calendar>\r\n\r\n </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":101}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":29,"character":138},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":29,"character":181},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":29,"character":223},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":29,"character":257},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":29,"character":311}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"calendarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["calendar",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"OnDayClickFunction":[{"__symbolic":"method"}],"OnEventClickFunction":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"MapAutoCompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-MapAutoComplete","template":"<div class=\"b-control b-map-auto-complete\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span>\r\n </label>\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n [value]=\"MapAutoCompleteModel.Text\"\r\n [address]=\"MapAutoCompleteModel.Text\"\r\n value=\"{{MapAutoCompleteModel.Text}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n matGoogleMapsAutocomplete #search\r\n (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n (onLocationSelected)=\"LocationSelected($event)\"\r\n (onGermanAddressMapped)=\"GermanAddressMapped($event)\"/>\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n {{getErrorValidation(MapAutoCompleteFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":68}}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@agm/core","name":"MapsAPILoader","line":22,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":23,"character":20},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":23,"character":105},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":24,"character":39},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":24,"character":83},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"BBSFTranslateService","line":24,"character":118},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":25,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"searchElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["search",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"AutocompleteSelected":[{"__symbolic":"method"}],"LocationSelected":[{"__symbolic":"method"}],"GermanAddressMapped":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"AutocompleteTextBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-AutocompleteTextBox","template":"<div class=\"b-control b-auto-complete-textbox\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <!-- <input \r\n[(ngModel)]=\"Search\"\r\n value=\"{{Search}}\" \r\n autocomplete=\"off\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\"\r\n typeaheadOptionField=\"{{Value}}\"\r\n [typeahead]=\"suggestions$\"\r\n [typeaheadAsync]=\"true\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" (typeaheadOnSelect)=\"handleResultSelected($event)\" (blur)=\"onBlur($event.target.value)\" /> -->\r\n <!-- \r\n <input ngxTypeahead autocomplete=\"off\"\r\n value=\"{{Search}}\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" [taUrl]=\"options.ActionURL\"\r\n [taParams]=\"options.Params\" taQueryParam=\"{{QueryParam}}\" taApi=\"{{Api}}\" taListItemLabel=\"{{Value}}\" (taSelected)=\"handleResultSelected($event)\"> -->\r\n\r\n\r\n\r\n <ng-autocomplete ngIf=\"!options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n [notFoundTemplate]=\"notFoundTemplate\" class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n </ng-autocomplete>\r\n\r\n <ng-autocomplete ngIf=\"options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n class=\"form-control bnsights-control {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n </ng-autocomplete>\r\n\r\n\r\n\r\n <ng-template #itemTemplate let-item>\r\n <img ngIf=\"options.ItemWithImage\" style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\" src=\"{{(item.image?item.image:avatarImage)}}\" />\r\n <a [innerHTML]=\"item.value\"></a>\r\n </ng-template>\r\n\r\n <ng-template #notFoundTemplate let-notFound>\r\n <div [innerHTML]=\"notFound\"></div>\r\n </ng-template>\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched)\">\r\n {{getErrorValidation(AutocompleteTextBoxControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":45}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":23,"character":28},{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":23,"character":115},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":25,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":25,"character":63},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":25,"character":106},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":26,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"selectEvent":[{"__symbolic":"method"}],"onChangeSearch":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"TagsInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"BBSF-TagsInput","template":"<div class=\"b-control b-tags-input\">\r\n <div class=\"form-group validate is-invalid\" [formGroup]=\"group\">\r\n <div class=\"form-group row\" [formGroup]=\"TagsFormGroup\">\r\n\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n <b-tags-input id=\"typeahead-http\" type=\"text\" class=\"form-control bnsights-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" [disabled]=\"options.IsDisabled\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"tags\"\r\n [class.is-invalid]=\"TagsFormControl.invalid && TagsFormControl.touched\" placeholder=\"{{options.Placeholder}}\"\r\n id=\"{{options.Name}}\" (onTagsChanged)=\"onTagsChanged($event)\" [(ngModel)]=\"tags\"\r\n removeLastOnBackspace=\"{{options.RemoveLastOnBackspace}}\" (onNoOptionsMatch)=\"onNoOptionsMatch($event)\"\r\n [options]=\"searchFunctionFactory(SearchKey.selected)\" #SearchKey\r\n scrollableOptions=\"{{options.ScrollableOptions}}\" scrollableOptionsInView=\"{{options.MaxSearchResultsCount}}\"\r\n (keypress)=\"AddTag($event.key,SearchKey)\" [ViewMode]=\"options.TagInputMode\"\r\n maxTags=\"{{options.MaxNumberTags}}\" minLengthBeforeOptions=\"{{options.MinSearchLength}}\"\r\n [showDescription]=\"options.ShowDescription\" [defaultImageURL]=\"options.DefaultImgUrl\" name=\"tags\">\r\n </b-tags-input>\r\n\r\n <div class=\"text-danger Required-text\" ngIf=\"(TagsFormControl.invalid && TagsFormControl.touched)\">\r\n {{getErrorValidation(TagsFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">\r\n {{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n","styles":[".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":21,"character":135}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":21,"character":28},{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":21,"character":111},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":21,"character":172},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":21,"character":219},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":22,"character":28},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":22,"character":78},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"copyInputMessage":[{"__symbolic":"method"}],"searchFunctionFactory":[{"__symbolic":"method"}],"AddTag":[{"__symbolic":"method"}],"onTagsChanged":[{"__symbolic":"method"}],"onNoOptionsMatch":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"JwPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"jw-pagination","template":"\n <ul ngIf=\"pager.pages && pager.pages.length\" class=\"pagination\">\n <li ngIf=\"ShowFirstAndLast\" [ngClass]=\"{disabled:pager.currentPage === 1}\" class=\"page-item first-item\">\n <a (click)=\"setPage(1)\" class=\"page-link\">❮❮</a>\n </li>\n <li [ngClass]=\"{disabled:pager.currentPage === 1}\" class=\"page-item previous-item\">\n <a (click)=\"setPage(pager.currentPage - 1)\" class=\"page-link\">❮</a>\n </li>\n <li ngFor=\"let page of pager.pages\" [ngClass]=\"{active:pager.currentPage === page}\" class=\"page-item number-item\">\n <a (click)=\"setPage(page)\" class=\"page-link\">{{page}}</a>\n </li>\n <li [ngClass]=\"{disabled:pager.currentPage === pager.totalPages}\" class=\"page-item next-item\">\n <a (click)=\"setPage(pager.currentPage + 1)\" class=\"page-link\">❯</a>\n </li>\n <li ngIf=\"ShowFirstAndLast\" [ngClass]=\"{disabled:pager.currentPage === pager.totalPages}\" class=\"page-item last-item\">\n <a (click)=\"setPage(pager.totalPages)\" class=\"page-link\">❯❯</a>\n </li>\n</ul>\n"}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"changePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"initialPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"maxPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"ShowFirstAndLast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"paginate":[{"__symbolic":"method"}]}},"PagingComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"BBSF-Paging","template":"<div class=\"b-control b-paging\" ngIf=\"(result.length > 0)\">\r\n <div class=\"d-flex justify-content-between align-items-center\" ngIf=\"!options.IsLoadMoreControl\">\r\n <div class=\"b-pagination\">\r\n <jw-pagination [items]=\"items\" ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\"\r\n (changePage)=\"onChangePage($event)\" [pageSize]=\"options.PageSize\" [ShowFirstAndLast]=\"options.ShowFirstAndLast\"\r\n [initialPage]=\"1\" [maxPages]=\"10\"></jw-pagination>\r\n </div>\r\n <div class=\"b-pages d-flex\" ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\" >\r\n <select (change)=\"changePageSize($event)\" ngIf=\"options.ShowPageSizeOption\">\r\n <option>10</option>\r\n <option>20</option>\r\n <option>50</option>\r\n <option>100</option>\r\n <option>200</option>\r\n </select>\r\n <div class=\"b-items ml-3\">\r\n <strong>{{totalRow}}</strong> {{itemsText}} {{utilityService.getResourceValue(\"In\")}} <strong> {{Pages}}</strong> {{pagesText}}\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"row\" style=\"align-self:center; align-items: center; text-align: center;\" ngIf=\"options.IsLoadMoreControl\">\r\n <div class=\"search-results\" infinite-scroll [infiniteScrollDistance]=\"ScrollDistance\"\r\n [infiniteScrollUpDistance]=\"ScrollUpDistance\" [infiniteScrollThrottle]=\"Throttle\" (scrolled)=\"options.IsInfiniteScroll==true?onScrollDown():null\"\r\n [scrollWindow]=\"options.ScrollWindow\" [infiniteScrollContainer]=\"options.InfiniteScrollContainer\">\r\n </div>\r\n <button class=\"btn btn-info\" (click)=\"onScrollDown()\" ngIf=\"!(result.length==totalRow)\">{{utilityService.getResourceValue(\"LoadMore\")}}</button>\r\n </div>\r\n</div>\r\n","styles":[".ngx-pager-container{text-align:center;padding:25px 0 0}.ngx-pager-container li{display:inline-block;margin:0 4px}.ngx-pager-container li a{display:block;width:26px;height:26px;border:1px solid #707070;text-align:center;color:#3e4e59;font-size:14px;line-height:24px;border-radius:5px;text-decoration:none}.ngx-pager-container li a:hover{color:#fff;background:#0a0e03}.ngx-pager-container li.invisible{display:none}.ngx-pager-container li.active{background:#0a0e03;border-radius:5px}.ngx-pager-container li.active a{border:none;color:#fff}\n"]}]}],"members":{"Items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":47,"character":37},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":47,"character":67},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":47,"character":95},{"__symbolic":"reference","name":"OnPagingFiltersChangeService"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"RequestHandlerService","line":47,"character":189}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onDropDownChange":[{"__symbolic":"method"}],"onChangePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"onScrollDown":[{"__symbolic":"method"}],"getItemList":[{"__symbolic":"method"}],"castItems":[{"__symbolic":"method"}],"setText":[{"__symbolic":"method"}],"clearFilters":[{"__symbolic":"method"}],"getFiltersValue":[{"__symbolic":"method"}]}},"RadioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"BBSF-RadioButton","template":"<div class=\"b-control b-radio-button\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\"></span>\r\n </label>\r\n <div class=\"col-md-12\">\r\n\r\n <!-- <label ngFor=\"let item of options.Items\">\r\n <input type=\"radio\" value=\"{{item.Value}}\"\r\n [checked]=\"options.Value!= null&&(options.Value.Value == item.Value)\"\r\n class=\"{{options.ExtraClasses}}\r\n \"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"RadioButtonFormControl.invalid && RadioButtonFormControl.touched\"\r\n id=\"{{options.Name}}\">\r\n <span class=\"ml-2\">{{item.Text}}</span>\r\n </label> -->\r\n\r\n <div class=\"custom-control custom-radio custom-control-inline\" ngFor=\"let item of options.Items\">\r\n <input type=\"radio\" id=\"{{options.Name}}{{item.Value}}\" class=\"custom-control-input {{options.ExtraClasses}}\"\r\n [value]=\"item.Value\" checked=\"{{(options.Value!=null)&&(options.Value.Value == item.Value)}}\" (change)=\"onValueChanged()\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\">\r\n <label class=\"custom-control-label\" for=\"{{options.Name}}{{item.Value}}\">{{item.Text}}</label>\r\n </div>\r\n\r\n <!-- <span ngIf=\"(options.ShowAsterisk&&options.IsRequired)\|\|(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\"></span> -->\r\n\r\n <div class=\"text-danger Required-text\"\r\n ngIf=\"(RadioButtonFormControl.invalid && RadioButtonFormControl.touched)\">\r\n {{getErrorValidation(RadioButtonFormControl.errors\|keyvalue)}}\r\n </div>\r\n\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div ngIf=\"(group.valid&&group.dirty&&group.touched )\|\|(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n","styles":[".kt-checkbox-list .kt-checkbox{text-align:left;display:block}.form-group label{font-size:1rem;font-weight:400}.kt-checkbox{position:relative;padding-left:30px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.custom-radio .custom-control-label:after{top:3px;left:-20px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":55}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":19,"character":92},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":20,"character":35},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":20,"character":79},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":21,"character":38},{"__symbolic":"reference","name":"GlobalSettings"}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"getErrorValidation":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ConfirmationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"BBSF-ConfirmationModal","template":""}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"confirmationModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["confirmationModal",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":26,"character":37},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":26,"character":75},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":26,"character":101}]}],"ngOnInit":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"setTextValues":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}]}},"FormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"BBSF-Form","template":"<form id=\"{{fromName}}\" [FormGroup]=\"options.FormGroup\" (ngSubmit)=\"submit()\" > \r\n \r\n <ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\r\n</form>"}]}],"members":{"OnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ControlUtility"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":23,"character":78},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":23,"character":128},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":23,"character":176},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":23,"character":210},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":23,"character":242}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"randomString":[{"__symbolic":"method"}]}},"RepeaterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"BBSF-repeater","template":"<ng-container ngFor='let item of items ; index as i'>\r\n {{setCurrentIndex(i)}}\r\n <ng-container ngTemplateOutlet=\"currentTemplate; context: repeaterContext\">\r\n </ng-container>\r\n\r\n</ng-container>\r\n\r\n<ng-container ngTemplateOutlet=\"add\">\r\n</ng-container>\r\n\r\n<ng-template ngFor=\"let RepeaterField of options.RepeaterStructure ; index as i\" name=\"R{{i}}\" let-Index=\"itemIndex\"\r\n let-control=\"controlIndex\">\r\n <repeater-field-builder ngIf=\"RepeaterField\" [RepeaterField]=\"RepeaterField\" [itemNumber]=\"Index\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"control\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n</ng-template>\r\n\r\n<ng-template #delete let-item=\"itemIndex\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}}\" type=\"button\" (click)=\"deleteItem(item)\"\r\n [disabled]=\"items.length ==options.MinRequiredItems&&options.IsRequired\"> <span\r\n [innerHTML]=\"options.DeleteButtonText\"></span></button>\r\n</ng-template>\r\n\r\n<ng-template #add>\r\n <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\" (click)=\"addItem()\"><span\r\n [innerHTML]=\"options.AddButtonText\"></span></button>\r\n</ng-template>\r\n\r\n\r\n\r\n\r\n\r\n<!-- <ng-template adHost></ng-template> -->\r\n","styles":[""]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"initialTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"NgTemplateNameDirective"}]}]}],"delete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["delete",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCurrentIndex":[{"__symbolic":"method"}]}},"RepeaterTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"BBSF-repeater-table","template":"<div class=\"b-control b-repeater-table\">\r\n <table class=\"{{options.RepeaterTableExtraClasses}}\">\r\n <thead>\r\n <tr class=\"{{options.RepeaterTableRowExtraClasses}}\">\r\n <th ngFor=\"let item of options.RepeaterStructure\" class=\"min-w-150px\">{{item.HeaderTitle}}</th>\r\n <th>{{utilityService.getResourceValue(options.ActionLabelKey)}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr ngFor=\"let item of items ; index as i\">\r\n <td ngFor=\"let RepeaterField of options.RepeaterStructure ; index as r\">\r\n <repeater-field-builder [RepeaterField]=\"RepeaterField\" [itemNumber]=\"i\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"r\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n </td>\r\n <td class=\"d-flex align-items-center\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}}\" type=\"button\" (click)=\"deleteItem(i)\"\r\n [disabled]=\"(items.length ==options.MinRequiredItems&&options.IsRequired) \|\|(originalItems.length-1>=i)\">\r\n <span [innerHTML]=\"options.DeleteButtonText\"></span></button>\r\n </td>\r\n </tr>\r\n </tbody>\r\n <tfoot>\r\n <tr>\r\n <td colspan=\"4\">\r\n <div class=\"row\">\r\n <div class=\"col-md-12 d-grid gap-2\"> \r\n <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\" (click)=\"addItem()\"><span\r\n [innerHTML]=\"options.AddButtonText\"></span></button>\r\n </div>\r\n </div>\r\n </td>\r\n </tr>\r\n </tfoot>\r\n </table>\r\n</div>"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":17,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}]}},"RepeaterFieldBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"repeater-field-builder","template":"<ng-container #Item></ng-container>\r\n"}]}],"members":{"Item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["Item",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":40,"character":29}}]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"itemNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"controlNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"RepeaterField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"itemsValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RenderComponentService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":49,"character":94}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"RepeaterItemFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"repeater-item-field","template":"<ng-container ngFor=\"let template of templates ; index as i\">\r\n <ng-container ngIf=\"i==filedIndex\" [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext] ={itemIndex:itemIndex,controlIndex:i}></ng-container>\r\n </ng-container>","styles":[""]}]}],"members":{"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"filedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"itemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ErrorMassageValidation":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":35}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http","line":13,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":13,"character":72},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":13,"character":114}]}],"getErrorMassageValidation":[{"__symbolic":"method"}]},"statics":{"controlContainerstatic":null}},"ControlUtility":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ErrorMassageValidation"},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"ControlValidationService","line":11,"character":94},{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":11,"character":144}]}],"getErrorValidation":[{"__symbolic":"method"}],"patternValidator":[{"__symbolic":"method"}],"patchControlValue":[{"__symbolic":"method"}],"arabicValidator":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"trimControlValue":[{"__symbolic":"method"}],"CopyInputMessage":[{"__symbolic":"method"}],"getErrorValidationMassage":[{"__symbolic":"method"}],"scrollToGlobalErrorMassage":[{"__symbolic":"method"}],"setAttributeForControl":[{"__symbolic":"method"}],"showGlobalError":[{"__symbolic":"method"}],"RemoveRequiredValidation":[{"__symbolic":"method"}],"AddRequiredValidation":[{"__symbolic":"method"}],"addRequiredToControl":[{"__symbolic":"method"}],"removeRequiredFromControl":[{"__symbolic":"method"}],"RemoveCustomValidation":[{"__symbolic":"method"}],"AddCustomValidation":[{"__symbolic":"method"}],"IsValid":[{"__symbolic":"method"}]}},"OnPagingFiltersChangeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"ChangeValue":[{"__symbolic":"method"}],"ClearValue":[{"__symbolic":"method"}],"GetValue":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"environment":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"assign"},"arguments":[{},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Environment"}]},"GlobalSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"RenderComponentService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":3}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":8,"character":51}]}],"renderDynamicComponent":[{"__symbolic":"method"}]}},"DefaultIntl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeIntl","line":6,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bnsights/bbsf-utilities","name":"UtilityService","line":7,"character":38}]}]}},"ControlOptionsBase":{"__symbolic":"class","members":{}},"MultilingualControlOptionsBase":{"__symbolic":"class","members":{}},"CustomValidation":{"__symbolic":"class","members":{}},"CustomValidator":{"__symbolic":"class","members":{}},"DatePickerOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"TextBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FileUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FileUploadModel":{"__symbolic":"class","members":{}},"MultipleFileUploadModel":{"__symbolic":"class","members":{}},"MultiLingualTextBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"RangeNumber":{"__symbolic":"class","members":{}},"EnglishArabicDTO":{"__symbolic":"class","members":{"English":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"class-transformer","name":"Expose","line":3,"character":5},"arguments":[{"name":"english"}]}]}],"Arabic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"class-transformer","name":"Expose","line":4,"character":5},"arguments":[{"name":"arabic"}]}]}]}},"Attribute":{"__symbolic":"class","members":{}},"TextAreaOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MultiLingualTextAreaOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"CheckBoxOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"DropdownListItem":{"__symbolic":"class","members":{}},"DropdownOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"PhoneOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ToggleSlideOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"HtmlEditorOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MultiLingualHtmlEditorOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MultilingualControlOptionsBase"},"members":{}},"FileDTO":{"__symbolic":"interface"},"ImageUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ProfileImageUploadOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"ProfilePictureDTO":{"__symbolic":"class","members":{}},"SaveDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"CancelDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"EditPersonalImage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"UploadPersonalImage":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"CalendarOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"CalendarEventDTO":{"__symbolic":"class","members":{}},"MapAutoCompleteOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"MapAutocompleteDTO":{"__symbolic":"class","members":{}},"AutocompleteDTO":{"__symbolic":"class","members":{}},"AutocompleteOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"TagsInputDTO":{"__symbolic":"class","members":{}},"TagsInputOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"FilterItem":{"__symbolic":"class","members":{}},"PagingDTO":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"PagingOptions":{"__symbolic":"class","arity":1,"members":{}},"RadioButtonOptions":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ControlOptionsBase"},"members":{}},"RadioButtonItem":{"__symbolic":"class","members":{}},"FormOptions":{"__symbolic":"class","members":{}},"ConfirmationModalOptions":{"__symbolic":"class","members":{}},"RepeaterField":{"__symbolic":"class","members":{}},"RepeaterOptions":{"__symbolic":"class","members":{}},"NgTemplateNameDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"ng-template[name]"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"BBSFDateTimePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"bbsfDateTime"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":8,"character":31}]}],"transform":[{"__symbolic":"method"}]}},"BBSFDatePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"bbsfDate"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":8,"character":31}]}],"transform":[{"__symbolic":"method"}]}},"InputType":{"Text":1,"Password":2,"Email":3,"Number":4,"EID":5},"MenuListType":{"AdminType":1,"UserType":2},"ControlLayout":{"Vertical":1,"Horizontal":2},"ForceDirection":{"English":1,"Arabic":2},"PickerType":{"Both":1,"Calendar":2,"Timer":3},"StartView":{"Month":1,"Year":2,"MultiYear":3},"SelectMode":{"Single":1,"Range":2},"Country":{"Afghanistan":"af","Albania":"al","Algeria":"dz","AmericanSamoa":"as","Andorra":"ad","Angola":"ao","Anguilla":"ai","AntiguaAndBarbuda":"ag","Argentina":"ar","Armenia":"am","Aruba":"aw","Australia":"au","Austria":"at","Azerbaijan":"az","Bahamas":"bs","Bahrain":"bh","Bangladesh":"bd","Barbados":"bb","Belarus":"by","Belgium":"be","Belize":"bz","Benin":"bj","Bermuda":"bm","Bhutan":"bt","Bolivia":"bo","BosniaAndHerzegovina":"ba","Botswana":"bw","Brazil":"br","BritishIndianOceanTerritory":"io","BritishVirginIslands":"vg","Brunei":"bn","Bulgaria":"bg","BurkinaFaso":"bf","Burundi":"bi","Cambodia":"kh","Cameroon":"cm","Canada":"ca","CapeVerde":"cv","CaribbeanNetherlands":"bq","CaymanIslands":"ky","CentralAfricanRepublic":"cf","Chad":"td","Chile":"cl","China":"cn","ChristmasIsland":"cx","Cocos":"cc","Colombia":"co","Comoros":"km","CongoDRCJamhuriYaKidemokrasiaYaKongo":"cd","CongoRepublicCongoBrazzaville":"cg","CookIslands":"ck","CostaRica":"cr","CôteDIvoire":"ci","Croatia":"hr","Cuba":"cu","Curaçao":"cw","Cyprus":"cy","CzechRepublic":"cz","Denmark":"dk","Djibouti":"dj","Dominica":"dm","DominicanRepublic":"do","Ecuador":"ec","Egypt":"eg","ElSalvador":"sv","EquatorialGuinea":"gq","Eritrea":"er","Estonia":"ee","Ethiopia":"et","FalklandIslands":"fk","FaroeIslands":"fo","Fiji":"fj","Finland":"fi","France":"fr","FrenchGuiana":"gf","FrenchPolynesia":"pf","Gabon":"ga","Gambia":"gm","Georgia":"ge","Germany":"de","Ghana":"gh","Gibraltar":"gi","Greece":"gr","Greenland":"gl","Grenada":"gd","Guadeloupe":"gp","Guam":"gu","Guatemala":"gt","Guernsey":"gg","Guinea":"gn","GuineaBissau":"gw","Guyana":"gy","Haiti":"ht","Honduras":"hn","HongKong":"hk","Hungary":"hu","Iceland":"is","India":"in","Indonesia":"id","Iran":"ir","Iraq":"iq","Ireland":"ie","IsleOfMan":"im","Israel":"il","Italy":"it","Jamaica":"jm","Japan":"jp","Jersey":"je","Jordan":"jo","Kazakhstan":"kz","Kenya":"ke","Kiribati":"ki","Kosovo":"xk","Kuwait":"kw","Kyrgyzstan":"kg","Laos":"la","Latvia":"lv","Lebanon":"lb","Lesotho":"ls","Liberia":"lr","Libya":"ly","Liechtenstein":"li","Lithuania":"lt","Luxembourg":"lu","Macau":"mo","Macedonia":"mk","Madagascar":"mg","Malawi":"mw","Malaysia":"my","Maldives":"mv","Mali":"ml","Malta":"mt","MarshallIslands":"mh","Martinique":"mq","Mauritania":"mr","Mauritius":"mu","Mayotte":"yt","Mexico":"mx","Micronesia":"fm","Moldova":"md","Monaco":"mc","Mongolia":"mn","Montenegro":"me","Montserrat":"ms","Morocco":"ma","Mozambique":"mz","Myanmar":"mm","Namibia":"na","Nauru":"nr","Nepal":"np","Netherlands":"nl","NewCaledonia":"nc","NewZealand":"nz","Nicaragua":"ni","Niger":"ne","Nigeria":"ng","Niue":"nu","NorfolkIsland":"nf","NorthKorea":"kp","NorthernMarianaIslands":"mp","Norway":"no","Oman":"om","Pakistan":"pk","Palau":"pw","Palestine":"ps","Panama":"pa","PapuaNewGuinea":"pg","Paraguay":"py","Peru":"pe","Philippines":"ph","Poland":"pl","Portugal":"pt","PuertoRico":"pr","Qatar":"qa","Réunion":"re","Romania":"ro","Russia":"ru","Rwanda":"rw","SaintBarthélemy":"bl","SaintHelena":"sh","SaintKittsAndNevis":"kn","SaintLucia":"lc","SaintMartin":"mf","SaintPierreAndMiquelon":"pm","SaintVincentAndTheGrenadines":"vc","Samoa":"ws","SanMarino":"sm","SãoToméAndPríncipe":"st","SaudiArabia":"sa","Senegal":"sn","Serbia":"rs","Seychelles":"sc","SierraLeone":"sl","Singapore":"sg","SintMaarten":"sx","Slovakia":"sk","Slovenia":"si","SolomonIslands":"sb","Somalia":"so","SouthAfrica":"za","SouthKorea":"kr","SouthSudan":"ss","Spain":"es","SriLanka":"lk","Sudan":"sd","Suriname":"sr","SvalbardAndJanMayen":"sj","Swaziland":"sz","Sweden":"se","Switzerland":"ch","Syria":"sy","Taiwan":"tw","Tajikistan":"tj","Tanzania":"tz","Thailand":"th","TimorLeste":"tl","Togo":"tg","Tokelau":"tk","Tonga":"to","TrinidadAndTobago":"tt","Tunisia":"tn","Turkey":"tr","Turkmenistan":"tm","TurksAndCaicosIslands":"tc","Tuvalu":"tv","USVirginIslands":"vi","Uganda":"ug","Ukraine":"ua","UnitedArabEmirates":"ae","UnitedKingdom":"gb","UnitedStates":"us","Uruguay":"uy","Uzbekistan":"uz","Vanuatu":"vu","VaticanCity":"va","Venezuela":"ve","Vietnam":"vn","WallisAndFutuna":"wf","WesternSahara":"eh","Yemen":"ye","Zambia":"zm","Zimbabwe":"zw","ÅlandIslands":"ax"},"FontSize":{"fontname":"fontname","fontsize":"fontsize","color":"color"},"Insert":{"table":"table","picture":"picture","link":"link","video":"video","hr":"hr"},"Misc":{"codeview":"codeview","undo":"undo","redo":"redo"},"Para":{"style":"style","ul":"ul","ol":"ol","paragraph":"paragraph","height":"height"},"Style":{"bold":"bold","italic":"italic","underline":"underline","clear":"clear"},"FileType":{"PDF":"application/pdf","Word":"application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document ","Excel":"application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","ImageTypes":"image/png,image/bmp,image/jpeg","PNG":"image/png","JPG":"image/jpeg","JPEG":"image/jpeg","ZIP":"application/zip","RAR":"application/x-rar-compressed","VIDEO":"video/webm,video/ogg,video/mp4,video/quicktime,video/x-msvideo,video/x-ms-wmv","License":"application/BN","Xml":"text/xml","OctetSteam":"application/octet-stream","Txt":"text/plain","JSON":"application/json","PowerPoint":"application/vnd.ms-powerpoint,applicationapplication/vnd.openxmlformats-officedocument.presentationml.presentation","SVG":"image/svg+xml","None":""},"ImageType":{"ImageTypes":"image/png,image/bmp,image/jpeg","PNG":"image/png","JPG":"image/jpeg","JPEG":"image/jpeg","SVG":"image/svg+xml","None":""},"LanguageMode":{"Both_Languages_are_visible":"3c6dbffe-da7f-4108-b44d-4b216a22f701","English_Language_only_is_visible":"84cc1d57-1f07-42a1-a38f-1a376c12a367","Arabic_Language_only_is_visible":"6a3e59e0-9510-4b16-9080-9313f5c9f229","Both_Languages_but_only_English_is_required":"260c38bb-c90c-4aa7-895d-31aba9311a05","Both_Languages_but_only_Arabic_is_required":"a1f2e15f-2691-4118-975f-ac21caf8ad5a","Current_Language_only_is_visible_and_required":"e2ba1f44-68f3-4035-b84f-9f1b6c2b0c05","Both_Languages_are_visible_but_only_current_language_is_required":"b26431f2-b209-4c41-ab04-2d71361847c2"},"CalendarView":{"Month":1,"Weekly":2,"Daily":3,"Agenda":4},"FilterType":{"TextBox":1,"DropdownList":2,"AutocompleteTextBox":3,"DatePicker":4,"TagInput":5,"CheckBox":6,"Other":7},"IconPosition":{"left":1,"right":2},"PagingActionMode":{"Reinitialize":0,"Update":1},"StyleConfirmationMode":{"Danger":0,"Warning":1,"Success":2},"PermissionSets":{"Admin":1,"BusinessAdmin":2,"Customer":3},"DataType":{"Text":"7F35E246-7C93-4666-8031-3CE9D2262DB9","Email":"E4F974F6-682F-4CAC-8597-C94E8BF60539","Number":"962060E2-539C-4257-88E5-0259EB8A64F4","Name":"54FE6A3E-1F71-42B8-8C99-06279ED8AA2F","Mobile":"266E2903-D105-4847-AC9B-002AE884A31E","MultilineText":"97F904E0-991B-4F68-B227-217A7B87B8B3","HTML":"57335E2B-E286-401A-A374-72888C3FB753","Image":"1AE5FF1F-856E-41DA-923E-07966F6F8FFE","File":"ACDFEFA7-B406-45B8-9264-78AA440D94B5","MultiFile":"11FAC9EB-D1BB-4F73-9386-64A6C89A70AC","Boolean":"7F89617B-5863-4741-A948-106BBE82D38D","Date":"41182659-A638-4FF0-8E3F-66B89B0B544C","DateTime":"8D899956-8187-4EA1-92EB-B62D50A66323","Time":"B8C225ED-17C3-4AE0-A0E8-3C722B38D8A7","Location":"C486F9C5-0065-4A81-AFA1-03946DBD2214","SingleSelect":"1A63B4B7-DEDE-48C8-8407-10E4170BF761","MulipleSelect":"2CB28735-9D0B-4FBE-A504-8793A4544F94","Goal":"108310CE-9FE1-4914-AB6B-2CF6284472AD","Challenge":"48C419CE-5306-4F6B-87A3-F016E522D9E3","CoverPhoto":"9CC8C0BB-C670-466F-A632-8632FF5C1296","InnovationLab":"4B914ED0-8B36-4E24-B85E-9A04C9F266BE","Country":"342AA701-76C7-4E5D-8056-407BFC86F888","AreaOfFocus":"06a4cfb7-216a-4a60-8388-7a859aab90b4"},"LanguageValidation":{"English":1,"Arabic":2},"TagInputView":{"WithImage":1,"WithoutImage":2,"WithInitial":3},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":174,"character":1},"arguments":[{"selector":"b-tags-input","template":"\n \n<div class=\"tags-input\">\n<span class=\"tags-input__tag label label-primary badge badge-primary\" ngFor=\"let tag of tags\">\n\n<span [ngSwitch]=\"ViewMode\">\n<span ngSwitchCase=\"tagInputViewEnum.WithImage\">\n<img style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\"\nsrc=\"{{(tag.imageURL?tag.imageURL:defaultImageURL)}}\" />\n</span>\n\n<span ngSwitchCase=\"tagInputViewEnum.WithInitial\">\n<div class=\"user-initials\">{{calculateInitials(tag.name)}}</div>\n</span>\n\n<span ngSwitchDefault>\n</span>\n\n</span>\n {{tag[displayField]}}\n <span ngIf=\"isDeleteable(tag)\" role=\"button\" class=\"tags-input__tag-remove-btn\" (click)=\"removeTag(tag)\"\n (touch)=\"removeTag(tag)\">\n <span aria-hidden=\"true\">×</span>\n <span class=\"sr-only\">Close</span>\n </span>\n</span>\n\n<input ngIf=\"options === null; else withTypeahead\" class=\"tags-input__input-field\" type=\"text\"\n [placeholder]=\"getPlaceholder()\" name=\"tags\" (keyup.enter)=\"addTag(tagInput)\"\n (keydown.backspace)=\"removeLastTag(tagInput)\" [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\"\n [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\" #tagInput />\n\n<ng-template #withTypeahead>\n <span [ngSwitch]=\"ViewMode\">\n\n <span ngSwitchCase=\"tagInputViewEnum.WithImage\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithImage\" [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchCase=\"tagInputViewEnum.WithoutImage\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutImage\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchCase=\"tagInputViewEnum.WithInitial\">\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutInitial\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n <span ngSwitchDefault>\n <input ngIf=\"(options !== null)\" class=\"tags-input__input-field\" type=\"text\" [placeholder]=\"getPlaceholder()\"\n name=\"tags\" (keydown.backspace)=\"removeLastTag(tagInput)\" [(ngModel)]=\"selected\" [typeahead]=\"options\"\n [typeaheadOptionField]=\"displayField\" (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n (typeaheadNoResults)=\"typeaheadOnNoMatch($event)\" [typeaheadMinLength]=\"minLengthBeforeOptions\"\n [typeaheadScrollable]=\"scrollableOptions\" [typeaheadLatinize]=\"true\"\n [typeaheadItemTemplate]=\"itemTemplateWithoutImage\"\n [typeaheadOptionsInScrollableView]=\"scrollableOptionsInView\"\n [disabled]=\"!canAddTags \|\| maximumOfTagsReached()\" [hidden]=\"!canAddTags \|\| maximumOfTagsReached()\"\n #tagInput />\n </span>\n\n </span>\n\n</ng-template>\n\n<ng-template #itemTemplateWithImage let-model=\"item\" let-index=\"index\">\n <img\n style=\"border-radius:50%; height:40px; width: 40px; float:left; margin-left:5px ; margin-top: 5px;margin-right: 5px;\"\n src=\"{{(model.imageURL?model.imageURL:defaultImageURL)}}\" />\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n\n<ng-template #itemTemplateWithoutImage let-model=\"item\" let-index=\"index\">\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n\n<ng-template #itemTemplateWithoutInitial let-model=\"item\" let-index=\"index\">\n <div class=\"user-image\">\n <div class=\"user-initials\">{{calculateInitials(model.name)}}</div>\n </div>\n <div>\n <a [innerHTML]=\"model.name\"></a>\n <p *ngIf=\"showDescription\">\n {{model.description}}\n </p>\n </div>\n</ng-template>\n</div>\n","styles":["\n :host {\n overflow: auto;\n white-space: nowrap;\n }\n\n .tags-input {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n }\n\n .tags-input__tag {\n display: inline-block;\n margin-bottom: 2px;\n margin-right: 5px;\n padding-right: 0.3em;\n }\n\n .tags-input__tag-remove-btn {\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n margin: -3px 0 0 3px;\n padding: 0;\n vertical-align: top;\n }\n\n .tags-input__input-field {\n border: none;\n flex-grow: 1;\n outline: none;\n }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":164,"character":11},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}]}]}],"members":{"maxTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"removeLastOnBackspace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"canDeleteTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"canAddTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"ViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"showDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}}]}],"defaultImageURL":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"minLengthBeforeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}}]}],"scrollableOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"scrollableOptionsInView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":3}}]}],"onTagsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":199,"character":3}}]}],"onMaxTagsReached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":200,"character":3}}]}],"onNoOptionsMatch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":3}}]}],"getPlaceholder":[{"__symbolic":"method"}],"tagsChanged":[{"__symbolic":"method"}],"removeLastTag":[{"__symbolic":"method"}],"addTag":[{"__symbolic":"method"}],"addPredefinedTag":[{"__symbolic":"method"}],"removeTag":[{"__symbolic":"method"}],"maximumOfTagsReached":[{"__symbolic":"method"}],"isDeleteable":[{"__symbolic":"method"}],"typeaheadOnSelect":[{"__symbolic":"method"}],"typeaheadOnNoMatch":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"calculateInitials":[{"__symbolic":"method"}]}}},"origins":{"options":"./lib/controls/bbsf-controls.module","AppInjector":"./lib/controls/bbsf-controls.module","BBSFControlsModule":"./lib/controls/bbsf-controls.module","TextboxComponent":"./lib/controls/TextBox/TextBox.component","DateInputComponent":"./lib/controls/DateTimePicker/DateTimePicker.component","FileUploadComponent":"./lib/controls/FileUplaod/FileUplaod.component","MultiLingualTextBoxComponent":"./lib/controls/MultiLingualTextBox/MultiLingualTextBox.component","TextAreaComponent":"./lib/controls/TextArea/TextArea.component","MultiLingualTextAreaComponent":"./lib/controls/MultiLingualTextArea/MultiLingualTextArea.component","CheckBoxComponent":"./lib/controls/CheckBox/CheckBox.component","DropdownListComponent":"./lib/controls/DropdownList/DropdownList.component","PhoneComponent":"./lib/controls/Phone/Phone.component","ToggleslideComponent":"./lib/controls/Toggleslide/toggleslide.component","HtmlEditorComponent":"./lib/controls/HtmlEditor/HtmlEditor.component","MultiLingualHtmlEditorComponent":"./lib/controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.component","ImageUploaderComponent":"./lib/controls/ImageUpload/ImageUpload.component","ProfileImageUploaderComponent":"./lib/controls/ProfileImageUploader/ProfileImageUploader.component","CalendarComponent":"./lib/controls/Calendar/Calendar.component","MapAutoCompleteComponent":"./lib/controls/MapAutoComplete/MapAutoComplete.component","AutocompleteTextBoxComponent":"./lib/controls/AutocompleteTextBox/AutocompleteTextBox.component","TagsInputComponent":"./lib/controls/TagsInput/TagsInput.component","JwPaginationComponent":"./lib/controls/Paging/JwPagination.component","PagingComponent":"./lib/controls/Paging/Paging.component","RadioButtonComponent":"./lib/controls/RadioButton/RadioButton.component","ConfirmationModalComponent":"./lib/controls/ConfirmationModal/ConfirmationModal.component","FormComponent":"./lib/controls/Form/Form.component","RepeaterComponent":"./lib/controls/Repeater/repeater/repeater.component","RepeaterTableComponent":"./lib/controls/Repeater/repeater-table/repeater-table.component","RepeaterFieldBuilderComponent":"./lib/controls/Repeater/repeater-field-builder/repeater-field-builder.component","RepeaterItemFieldComponent":"./lib/controls/Repeater/repeater-item-field/repeater-item-field.component","ErrorMassageValidation":"./lib/Shared/services/validationErrorMassage.service","ControlUtility":"./lib/Shared/services/ControlUtility","OnPagingFiltersChangeService":"./lib/Shared/services/OnPagingFiltersChange.service","environment":"./lib/Shared/config/environment","GlobalSettings":"./lib/Shared/services/GlobalSettings.service","RenderComponentService":"./lib/Shared/services/render-component-service.service","DefaultIntl":"./lib/Shared/default_intl","ControlOptionsBase":"./lib/Shared/Models/ControlOptionsBase","MultilingualControlOptionsBase":"./lib/Shared/Models/MultilingualControlOptionsBase","CustomValidation":"./lib/Shared/Models/CustomValidation","CustomValidator":"./lib/Shared/Models/CustomValidation","DatePickerOptions":"./lib/Shared/Models/datePickerOptions","TextBoxOptions":"./lib/Shared/Models/TextBoxOptions","FileUploadOptions":"./lib/Shared/Models/FileUploadOptions","FileUploadModel":"./lib/Shared/Models/FileUploadModel","MultipleFileUploadModel":"./lib/Shared/Models/MultipleFileUploadModel","MultiLingualTextBoxOptions":"./lib/Shared/Models/MultilingualTextBoxOptions","RangeNumber":"./lib/Shared/Models/RangeNumber","EnglishArabicDTO":"./lib/Shared/Models/EnglishArabicDTO","Attribute":"./lib/Shared/Models/Attribute","TextAreaOptions":"./lib/Shared/Models/TextAreaOptions","MultiLingualTextAreaOptions":"./lib/Shared/Models/MultiLingualTextAreaOptions","CheckBoxOptions":"./lib/Shared/Models/CheckBoxOptions","DropdownListItem":"./lib/Shared/Models/DropdownListItem","DropdownOptions":"./lib/Shared/Models/DropdownOptions","PhoneOptions":"./lib/Shared/Models/PhoneOptions","ToggleSlideOptions":"./lib/Shared/Models/ToggleslideOptions","HtmlEditorOptions":"./lib/Shared/Models/HtmlEditorOptions","MultiLingualHtmlEditorOptions":"./lib/Shared/Models/MultiLingualHtmlEditorOptions","FileDTO":"./lib/Shared/Models/FileDTO","ImageUploadOptions":"./lib/Shared/Models/ImageUploadOptions","ProfileImageUploadOptions":"./lib/Shared/Models/ProfileImageUploadOptions","ProfilePictureDTO":"./lib/Shared/Models/ProfilePictureDTO","SaveDTO":"./lib/Shared/Models/SaveDTO","CancelDTO":"./lib/Shared/Models/CancelDTO","EditPersonalImage":"./lib/Shared/Models/EditPersonalImage","UploadPersonalImage":"./lib/Shared/Models/UploadPersonalImage","CalendarOptions":"./lib/Shared/Models/CalendarOptions","CalendarEventDTO":"./lib/Shared/Models/CalendarEventDTO","MapAutoCompleteOptions":"./lib/Shared/Models/MapAutoCompleteOptions","MapAutocompleteDTO":"./lib/Shared/Models/MapAutocompleteDTO","AutocompleteDTO":"./lib/Shared/Models/AutocompleteDTO","AutocompleteOptions":"./lib/Shared/Models/AutocompleteOptions","TagsInputDTO":"./lib/Shared/Models/TagsInputDTO","TagsInputOptions":"./lib/Shared/Models/TagsInputOptions","FilterItem":"./lib/Shared/Models/FilterItem","PagingDTO":"./lib/Shared/Models/PagingDTO","PagingOptions":"./lib/Shared/Models/PagingOptions","RadioButtonOptions":"./lib/Shared/Models/RadioButtonOptions","RadioButtonItem":"./lib/Shared/Models/RadioButtonItem","FormOptions":"./lib/Shared/Models/FormOptions","ConfirmationModalOptions":"./lib/Shared/Models/ConfirmationModalOptions","RepeaterField":"./lib/Shared/Models/RepeaterField","RepeaterOptions":"./lib/Shared/Models/RepeaterOptions","NgTemplateNameDirective":"./lib/Shared/Directives/template-name.directive","BBSFDateTimePipe":"./lib/shared/Pipes/bbsf-date-time.pipe","BBSFDatePipe":"./lib/shared/Pipes/bbsf-date.pipe","InputType":"./lib/Shared/Enums/InputType","MenuListType":"./lib/Shared/Enums/menu-list-enum","ControlLayout":"./lib/Shared/Enums/ControlLayout","ForceDirection":"./lib/Shared/Enums/ForceDirection","PickerType":"./lib/Shared/Enums/PickerType","StartView":"./lib/Shared/Enums/StartView","SelectMode":"./lib/Shared/Enums/SelectMode","Country":"./lib/Shared/Enums/Countries","FontSize":"./lib/Shared/Enums/FontSize","Insert":"./lib/Shared/Enums/Insert","Misc":"./lib/Shared/Enums/Misc","Para":"./lib/Shared/Enums/Para","Style":"./lib/Shared/Enums/Style","FileType":"./lib/Shared/Enums/FileType","ImageType":"./lib/Shared/Enums/ImageType","LanguageMode":"./lib/Shared/Enums/LanguageMode","CalendarView":"./lib/Shared/Enums/CalendarView","FilterType":"./lib/Shared/Enums/FilterType","IconPosition":"./lib/Shared/Enums/IconPosition","PagingActionMode":"./lib/Shared/Enums/PagingActionMode","StyleConfirmationMode":"./lib/Shared/Enums/StyleConfirmationMode","PermissionSets":"./lib/Shared/Enums/Enums","DataType":"./lib/Shared/Enums/Enums","LanguageValidation":"./lib/Shared/Enums/LanguageValidation","TagInputView":"./lib/Shared/Enums/TagInputView","ɵa":"./lib/Shared/components/ng-tag-input"},"importAs":"@bnsights/bbsf-controls"}