@bnsights/bbsf-controls 1.0.23 → 1.0.26

package/bundles/bnsights-bbsf-controls.umd.js

@@ -2256,7 +2256,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     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        [searchable]=\"true\" [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n        [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n        [(ngModel)]=\"SelectedList\" (change)=\"onItemSelect($event[options.ItemTempletkey])\" (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($event.target.value)\"\r\n        [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n        <option value=\"\" disabled>--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>",
+                    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($event[options.ItemTempletkey])\" (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($event.target.value)\"\r\n        [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n        <option value=\"\" disabled>--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"]
                 },] }
     ];
@@ -3343,6 +3343,7 @@
                     FileType: _this.EventFile.type,
                     FileBase64: reader.result.toString().split(',')[1],
                     FileSizeInMB: ((BlobFile.size / 1000) / 1000),
+                    NameWithExtension: _this.EventFile.name
                 };
                 BlobFile.name = _this.EventFile.name;
                 FilesArray.push(FileObject);
@@ -3370,7 +3371,7 @@
     ImageUploaderComponent.decorators = [
         { type: i0.Component, args: [{
                     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]=\"options.FileMaxSizeInMB\"\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]=\"options.FileMaxSizeInMB\"\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                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 #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      <div class=\"text-danger Required-text\"\r\n      *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\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",
+                    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]=\"options.FileMaxSizeInMB\"\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]=\"options.FileMaxSizeInMB\"\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                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 #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      <div class=\"text-danger Required-text\"\r\n      *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\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}.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"]
                 },] }
     ];
@@ -5609,6 +5610,1086 @@
         confirmationModal: [{ type: i0.ViewChild, args: ['confirmationModal', { static: false },] }]
     };
 
+    var NgTemplateNameDirective = /** @class */ (function () {
+        function NgTemplateNameDirective(template) {
+            this.template = template;
+        }
+        return NgTemplateNameDirective;
+    }());
+    NgTemplateNameDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: 'ng-template[name]'
+                },] }
+    ];
+    NgTemplateNameDirective.ctorParameters = function () { return [
+        { type: i0.TemplateRef }
+    ]; };
+    NgTemplateNameDirective.propDecorators = {
+        name: [{ type: i0.Input }]
+    };
+
+    var RepeaterComponent = /** @class */ (function () {
+        function RepeaterComponent() {
+            this.templateRefs = [];
+            this.items = [];
+            this.repeaterContext = { index: 0, delete: null, elements: null };
+        }
+        RepeaterComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.currentTemplate = this.initialTemplate;
+            this.repeaterGroup = new forms.FormGroup({});
+            this.group.addControl(this.options.Name, this.repeaterGroup);
+            this.group.get(this.options.Name).setValue(this.options.RepeaterValue);
+            for (var index = 0; index < this.options.MinRequiredItems; index++) {
+                this.items.push(index);
+            }
+            this.repeaterGroup.valueChanges.subscribe(function (res) {
+                var _a, _b;
+                var result = [];
+                var rowNumber = [];
+                var addItems = [];
+                for (var key in _this.repeaterGroup.controls) {
+                    if (Object.prototype.hasOwnProperty.call(_this.repeaterGroup.controls, key)) {
+                        var keySplitArr = key.split('.');
+                        var item = (_a = {},
+                            _a[keySplitArr[1]] = (_b = {}, _b[keySplitArr[0]] = _this.group.controls[_this.options.Name].value[key], _b),
+                            _a);
+                        addItems.push(item);
+                        if (!rowNumber.includes(keySplitArr[1]))
+                            rowNumber.push(keySplitArr[1]);
+                    }
+                }
+                var _loop_1 = function (index) {
+                    var row = rowNumber[index];
+                    var addObject = {};
+                    var filteredElements = addItems.filter(function (item) { return item[row]; });
+                    for (var index_1 = 0; index_1 < filteredElements.length; index_1++) {
+                        var filteredElement = filteredElements[index_1];
+                        for (var key in filteredElement) {
+                            if (Object.prototype.hasOwnProperty.call(filteredElement, key)) {
+                                var element = filteredElement[key];
+                                for (var key_1 in element) {
+                                    if (Object.prototype.hasOwnProperty.call(element, key_1)) {
+                                        var value = element[key_1];
+                                        addObject[key_1] = value;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    result.push(addObject);
+                };
+                for (var index = 0; index < rowNumber.length; index++) {
+                    _loop_1(index);
+                }
+                _this.options.RepeaterValue = result;
+            });
+        };
+        RepeaterComponent.prototype.deleteItem = function (Index) {
+            var _a;
+            if (this.items.length == this.options.MinRequiredItems && this.options.IsRequired)
+                return;
+            var deletedControls = [];
+            var controlNames = this.options.RepeaterStructure.map(function (e) { return e.ControlOptions.Name; });
+            for (var key in this.repeaterGroup.controls) {
+                if (Object.prototype.hasOwnProperty.call(this.repeaterGroup.controls, key)) {
+                    for (var index = 0; index < controlNames.length; index++) {
+                        var element = controlNames[index];
+                        var keySplitArr = key.split('.');
+                        if (keySplitArr[0] + keySplitArr[1] == "" + element + Index) {
+                            var element_1 = this.repeaterGroup.controls[key];
+                            deletedControls.push((_a = {}, _a[key] = element_1, _a));
+                        }
+                    }
+                }
+            }
+            for (var index = 0; index < deletedControls.length; index++) {
+                var element = deletedControls[index];
+                for (var key in element) {
+                    if (Object.prototype.hasOwnProperty.call(element, key)) {
+                        this.repeaterGroup.removeControl(key);
+                    }
+                }
+            }
+            var item = this.items[Index];
+            this.items = this.items.filter(function (res) { return res != item; });
+        };
+        RepeaterComponent.prototype.AddItem = function () {
+            this.items.push(this.items.length + 1);
+        };
+        RepeaterComponent.prototype.ngAfterViewInit = function () {
+            var templateRefs = this._templates["_results"].map(function (item) { return item["template"]; });
+            this.templateRefs = templateRefs;
+            this.repeaterContext.elements = this.templateRefs;
+            this.repeaterContext.delete = this.delete;
+        };
+        RepeaterComponent.prototype.setCurrentIndex = function (i) {
+            this.repeaterContext.index = i;
+        };
+        return RepeaterComponent;
+    }());
+    RepeaterComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'BBSF-repeater',
+                    template: "<div *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</div>\r\n\r\n<div>\r\n    <ng-container *ngTemplateOutlet=\"add\">\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template *ngFor=\"let RepeaterField of options.RepeaterStructure ; index as i\" name=\"R{{i}}\" \r\n    let-Index=\"itemIndex\" let-control=\"controlIndex\">\r\n    <repeater-field-builder *ngIf=\"RepeaterField\" [RepeaterField]=\"RepeaterField\" [itemNumber]=\"Index\" [controlNumber]=\"control\"\r\n        [group]=\"repeaterGroup\"></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 [innerHTML]=\"options.DeleteButtonText\"></span></button>\r\n</ng-template>\r\n\r\n<ng-template #add>\r\n    <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\"\r\n        (click)=\"AddItem()\"><span [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>    -->",
+                    styles: [""]
+                },] }
+    ];
+    RepeaterComponent.ctorParameters = function () { return []; };
+    RepeaterComponent.propDecorators = {
+        group: [{ type: i0.Input }],
+        options: [{ type: i0.Input }],
+        initialTemplate: [{ type: i0.Input }],
+        _templates: [{ type: i0.ViewChildren, args: [NgTemplateNameDirective,] }],
+        delete: [{ type: i0.ViewChild, args: ['delete', { static: false },] }]
+    };
+
+    exports.PermissionSets = void 0;
+    (function (PermissionSets) {
+        PermissionSets[PermissionSets["Admin"] = 1] = "Admin";
+        PermissionSets[PermissionSets["BusinessAdmin"] = 2] = "BusinessAdmin";
+        PermissionSets[PermissionSets["Customer"] = 3] = "Customer";
+    })(exports.PermissionSets || (exports.PermissionSets = {}));
+    exports.PropertyLocation = void 0;
+    (function (PropertyLocation) {
+        PropertyLocation[PropertyLocation["InternalIdeas"] = 53001] = "InternalIdeas";
+        PropertyLocation[PropertyLocation["EvaluationRequest"] = 53002] = "EvaluationRequest";
+        PropertyLocation[PropertyLocation["IMOBusiness"] = 53003] = "IMOBusiness";
+        PropertyLocation[PropertyLocation["PublicIdeas"] = 53004] = "PublicIdeas";
+    })(exports.PropertyLocation || (exports.PropertyLocation = {}));
+    exports.LanguageType = void 0;
+    (function (LanguageType) {
+        LanguageType[LanguageType["English"] = 54001] = "English";
+        LanguageType[LanguageType["Arabic"] = 54002] = "Arabic";
+        LanguageType[LanguageType["Any"] = 54003] = "Any";
+    })(exports.LanguageType || (exports.LanguageType = {}));
+    exports.DataType = void 0;
+    (function (DataType) {
+        DataType[DataType["Text"] = 52001] = "Text";
+        DataType[DataType["Email"] = 52002] = "Email";
+        DataType[DataType["Number"] = 52005] = "Number";
+        DataType[DataType["Name"] = 52003] = "Name";
+        DataType[DataType["Mobile"] = 52004] = "Mobile";
+        DataType[DataType["MultilineText"] = 52006] = "MultilineText";
+        DataType[DataType["HTML"] = 52007] = "HTML";
+        DataType[DataType["Image"] = 52010] = "Image";
+        DataType[DataType["File"] = 52011] = "File";
+        DataType[DataType["MultiFile"] = 52012] = "MultiFile";
+        DataType[DataType["Boolean"] = 52013] = "Boolean";
+        DataType[DataType["Date"] = 52014] = "Date";
+        DataType[DataType["DateTime"] = 52015] = "DateTime";
+        DataType[DataType["Time"] = 52016] = "Time";
+        DataType[DataType["Location"] = 52017] = "Location";
+        DataType[DataType["SingleSelect"] = 52008] = "SingleSelect";
+        DataType[DataType["MulipleSelect"] = 52009] = "MulipleSelect";
+        DataType[DataType["Goal"] = 52018] = "Goal";
+        DataType[DataType["Challenge"] = 52019] = "Challenge";
+        DataType[DataType["CoverPhoto"] = 52020] = "CoverPhoto";
+        DataType[DataType["InnovationLab"] = 52021] = "InnovationLab";
+        DataType[DataType["Country"] = 52022] = "Country";
+    })(exports.DataType || (exports.DataType = {}));
+
+    exports.ForceDirection = void 0;
+    (function (ForceDirection) {
+        ForceDirection[ForceDirection["English"] = 1] = "English";
+        ForceDirection[ForceDirection["Arabic"] = 2] = "Arabic";
+    })(exports.ForceDirection || (exports.ForceDirection = {}));
+
+    var DatePickerOptions = /** @class */ (function () {
+        function DatePickerOptions() {
+            /**  to set type of view  if DatePicker is Vertical or Horizontal */
+            this.ViewType = exports.ControlLayout.Vertical;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+            */
+            this.CustomValidation = [];
+            /**To set  First Day Of Week  to DatePicker */
+            this.FirstDayOfWeek = 1;
+            /**To set PickerType to DatePicker  is Calendar or Timer Or Both */
+            this.PickerType = exports.PickerType.Calendar;
+            /**To set StartView to DatePicker  is Year or Month Or Multi-Year */
+            this.StartView = exports.StartView.Month;
+            /**To set SelectMode to DatePicker  is Single or Range */
+            this.SelectMode = exports.SelectMode.Single;
+            this.ForceDirection = exports.ForceDirection.English;
+        }
+        return DatePickerOptions;
+    }());
+
+    var DropdownOptions = /** @class */ (function () {
+        function DropdownOptions() {
+            /** Disable Bootstrap DropdownList */
+            this.DisableBootstrapSelect = false;
+            /**  to set type of view  if DropdownList is Vertical or Horizontal */
+            this.ViewType = null;
+            /**  To Set Custom Validation*/
+            this.CustomValidation = [];
+            /** Set key for item in  DropdownList  */
+            this.ItemTempletkey = "key";
+            /** Set value for item in  DropdownList  */
+            this.ItemTempletvalue = "value";
+            this.ForceDirection = exports.ForceDirection.English;
+        }
+        return DropdownOptions;
+    }());
+
+    var FileUploadOptions = /** @class */ (function () {
+        function FileUploadOptions() {
+            /** Ability to set  FileInput required */
+            this.IsMultipleFile = false;
+            /** Sets  boolean Value to Show IsDropZone Or Not   */
+            this.IsDropZone = false;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+            */
+            this.CustomValidation = [];
+            /**  to set type of view  if textbox is Vertical or Horizontal */
+            this.ViewType = null;
+        }
+        return FileUploadOptions;
+    }());
+
+    var HtmlEditorOptions = /** @class */ (function () {
+        function HtmlEditorOptions() {
+            /**  to set type of view  if textbox is Vertical or Horizontal */
+            this.ViewType = null;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+          */
+            this.CustomValidation = [];
+            /** to set Direction of HtmlEditor  if HtmlEditor is Arabic or English  */
+            this.ForceDirection = exports.ForceDirection.English;
+            /** Set Height For  */
+            this.Height = 150;
+        }
+        return HtmlEditorOptions;
+    }());
+
+    exports.ImageType = void 0;
+    (function (ImageType) {
+        ImageType["ImageTypes"] = "image/png,image/bmp,image/jpeg";
+        ImageType["PNG"] = "image/png";
+        ImageType["JPG"] = "image/jpeg";
+        ImageType["JPEG"] = "image/jpeg";
+        ImageType["SVG"] = "image/svg+xml";
+        ImageType["None"] = "";
+    })(exports.ImageType || (exports.ImageType = {}));
+
+    var ImageUploadOptions = /** @class */ (function () {
+        function ImageUploadOptions() {
+            /** Allow to Upload Multiple File  */
+            this.IsMultiple = false;
+            /** Allow to Use Drop Zone  */
+            this.AllowDropZone = false;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+            */
+            this.CustomValidation = [];
+            /**  to set type of view  if FileInput is Vertical or Horizontal */
+            this.ViewType = null;
+            /** Set List of Custom Attribute to FileInput  */
+            this.FileUploadAcceptsTypes = [exports.ImageType.ImageTypes];
+        }
+        return ImageUploadOptions;
+    }());
+
+    var MapAutoCompleteOptions = /** @class */ (function () {
+        function MapAutoCompleteOptions() {
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+          */
+            this.CustomValidation = [];
+            /**  to set type of view  if MapAutoComplete is Vertical or Horizontal */
+            this.ViewType = null;
+        }
+        return MapAutoCompleteOptions;
+    }());
+
+    var PhoneOptions = /** @class */ (function () {
+        function PhoneOptions() {
+            /**
+          *   Represent Css classes to Phonebox
+          */
+            this.ExtraClasses = "form-control bnsights-control";
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+           */
+            this.CustomValidation = [];
+            /**Set List Of Countries As Preferred Countries*/
+            this.PreferredCountries = [];
+            /**  to set type of view  if Phonebox is Vertical or Horizontal */
+            this.ViewType = null;
+            this.ForceDirection = exports.ForceDirection.English;
+        }
+        return PhoneOptions;
+    }());
+
+    var RangeNumber = /** @class */ (function () {
+        function RangeNumber() {
+        }
+        return RangeNumber;
+    }());
+
+    var TextAreaOptions = /** @class */ (function () {
+        function TextAreaOptions() {
+            /**  to set type of view  if TextArea is Vertical or Horizontal */
+            this.ViewType = null;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+          */
+            this.CustomValidation = [];
+            /** to set Direction of TextArea  if TextArea is Arabic or English  */
+            this.ForceDirection = exports.ForceDirection.English;
+        }
+        return TextAreaOptions;
+    }());
+
+    exports.IconPosition = void 0;
+    (function (IconPosition) {
+        IconPosition[IconPosition["left"] = 1] = "left";
+        IconPosition[IconPosition["right"] = 2] = "right";
+    })(exports.IconPosition || (exports.IconPosition = {}));
+
+    var TextBoxOptions = /** @class */ (function () {
+        function TextBoxOptions() {
+            /** set Range Number to Textbox with type number with From-Value and To-value*/
+            this.NumberRange = new RangeNumber();
+            /**Prevent AutoComplete of textbox*/
+            this.AutoComplete = "off";
+            /**  to set type of view  if textbox is Vertical or Horizontal */
+            this.ViewType = null;
+            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
+          */
+            this.CustomValidation = [];
+            /** to set Direction of textbox  if textbox is Arabic or English  */
+            this.ForceDirection = null;
+            /** Set Type of TextBox ("text","password","email","number") */
+            this.Type = exports.InputType.Text;
+            this.IconPosition = exports.IconPosition.left;
+            this.NoMargin = false;
+            this.ValidationRules = [];
+        }
+        return TextBoxOptions;
+    }());
+
+    var ToggleSlideOptions = /** @class */ (function () {
+        function ToggleSlideOptions() {
+            this.ViewType = null;
+            this.ForceDirection = exports.ForceDirection.English;
+        }
+        return ToggleSlideOptions;
+    }());
+
+    var RenderComponentService = /** @class */ (function () {
+        function RenderComponentService(componentFactoryResolver) {
+            this.componentFactoryResolver = componentFactoryResolver;
+        }
+        RenderComponentService.prototype.renderDynamicComponent = function (viewContainerRef, component, group, options) {
+            var factory = this.componentFactoryResolver.resolveComponentFactory(component);
+            var componentRef = viewContainerRef.createComponent(factory);
+            componentRef.instance.group = group;
+            componentRef.instance.options = options;
+        };
+        return RenderComponentService;
+    }());
+    RenderComponentService.decorators = [
+        { type: i0.Injectable }
+    ];
+    RenderComponentService.ctorParameters = function () { return [
+        { type: i0.ComponentFactoryResolver }
+    ]; };
+
+    var RepeaterFieldBuilderComponent = /** @class */ (function () {
+        function RepeaterFieldBuilderComponent(renderComponentService, TextControlHost) {
+            this.renderComponentService = renderComponentService;
+            this.TextControlHost = TextControlHost;
+        }
+        RepeaterFieldBuilderComponent.prototype.ngOnInit = function () {
+        };
+        RepeaterFieldBuilderComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.Item.clear();
+                switch (_this.RepeaterField.ControlType) {
+                    ///TextBox
+                    case exports.DataType.Text:
+                        var Text = new TextBoxOptions();
+                        Text.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Text.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Text.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Text.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Text.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Text.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Text.Type = exports.InputType.Text;
+                        if (_this.RepeaterField.ControlOptions.maxLength)
+                            Text.MaxLength = _this.RepeaterField.ControlOptions.maxLength;
+                        if (_this.RepeaterField.ControlOptions.minLength)
+                            Text.MinLength = _this.RepeaterField.ControlOptions.minLength;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, TextboxComponent, _this.group, Text);
+                        break;
+                    case exports.DataType.Name:
+                        var Name = new TextBoxOptions();
+                        Name.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Name.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Name.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Name.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Name.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Name.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (_this.RepeaterField.ControlOptions.maxLength)
+                            Name.MaxLength = _this.RepeaterField.ControlOptions.maxLength;
+                        if (_this.RepeaterField.ControlOptions.minLength)
+                            Name.MinLength = _this.RepeaterField.ControlOptions.minLength;
+                        Name.Type = exports.InputType.Text;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, TextboxComponent, _this.group, Name);
+                        break;
+                    case exports.DataType.Email:
+                        var Email = new TextBoxOptions();
+                        Email.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Email.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Email.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Email.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Email.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Email.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Email.Type = exports.InputType.Email;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, TextboxComponent, _this.group, Email);
+                        break;
+                    case exports.DataType.Number:
+                        var Number = new TextBoxOptions();
+                        Number.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Number.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Number.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Number.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Number.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Number.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Number.Type = exports.InputType.Number;
+                        var rangeNumber = new RangeNumber();
+                        rangeNumber.To = _this.RepeaterField.ControlOptions.maxLength;
+                        rangeNumber.From = _this.RepeaterField.ControlOptions.minLength;
+                        Number.NumberRange = rangeNumber;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, TextboxComponent, _this.group, Number);
+                        break;
+                    ///DateTime
+                    case exports.DataType.Date:
+                        var Date = new DatePickerOptions();
+                        Date.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Date.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Date.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Date.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Date.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Date.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Date.PickerType = exports.PickerType.Calendar;
+                        Date.SelectMode = exports.SelectMode.Single;
+                        Date.StartView = exports.StartView.Month;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DateInputComponent, _this.group, Date);
+                        break;
+                    case exports.DataType.DateTime:
+                        var DateTime = new DatePickerOptions();
+                        DateTime.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        DateTime.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        DateTime.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        DateTime.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        DateTime.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        DateTime.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        DateTime.PickerType = exports.PickerType.Both;
+                        DateTime.SelectMode = exports.SelectMode.Single;
+                        DateTime.StartView = exports.StartView.Month;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DateInputComponent, _this.group, DateTime);
+                        break;
+                    case exports.DataType.Time:
+                        var Time = new DatePickerOptions();
+                        Time.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Time.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Time.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Time.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Time.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Time.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Time.PickerType = exports.PickerType.Timer;
+                        Time.SelectMode = exports.SelectMode.Single;
+                        Time.StartView = exports.StartView.Month;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DateInputComponent, _this.group, Time);
+                        break;
+                    //Dropdown
+                    case exports.DataType.SingleSelect:
+                        var SingleSelect = new DropdownOptions();
+                        SingleSelect.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        SingleSelect.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        SingleSelect.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        SingleSelect.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        SingleSelect.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        SingleSelect.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        SingleSelect.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        SingleSelect.SingleSelection = true;
+                        SingleSelect.ShowCheckbox = false;
+                        SingleSelect.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, SingleSelect);
+                        break;
+                    case exports.DataType.MulipleSelect:
+                        var MulipleSelect = new DropdownOptions();
+                        MulipleSelect.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        MulipleSelect.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        MulipleSelect.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        MulipleSelect.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        MulipleSelect.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        MulipleSelect.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        MulipleSelect.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        MulipleSelect.SingleSelection = false;
+                        MulipleSelect.ShowCheckbox = false;
+                        MulipleSelect.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, MulipleSelect);
+                        break;
+                    case exports.DataType.Goal:
+                        var Goal = new DropdownOptions();
+                        Goal.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Goal.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Goal.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Goal.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Goal.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Goal.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Goal.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        Goal.SingleSelection = !_this.RepeaterField.ControlOptions.isMultiple;
+                        Goal.ShowCheckbox = false;
+                        Goal.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, Goal);
+                        break;
+                    case exports.DataType.Challenge:
+                        var Challenge = new DropdownOptions();
+                        Challenge.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Challenge.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Challenge.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Challenge.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Challenge.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Challenge.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Challenge.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        Challenge.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        Challenge.SingleSelection = !_this.RepeaterField.ControlOptions.isMultiple;
+                        Challenge.ShowCheckbox = false;
+                        Challenge.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, Challenge);
+                        break;
+                    case exports.DataType.InnovationLab:
+                        var InnovationLab = new DropdownOptions();
+                        InnovationLab.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        InnovationLab.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        InnovationLab.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        InnovationLab.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        InnovationLab.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        InnovationLab.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        InnovationLab.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        InnovationLab.SingleSelection = !_this.RepeaterField.ControlOptions.isMultiple;
+                        InnovationLab.ShowCheckbox = false;
+                        InnovationLab.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, InnovationLab);
+                        break;
+                    case exports.DataType.Country:
+                        var Country = new DropdownOptions();
+                        Country.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Country.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Country.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Country.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Country.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Country.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Country.DataSource = _this.RepeaterField.ControlOptions.dataSource;
+                        Country.SingleSelection = !_this.RepeaterField.ControlOptions.isMultiple;
+                        Country.ShowCheckbox = false;
+                        Country.AllowSearchFilter = _this.RepeaterField.ControlOptions.hasSearch;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, DropdownListComponent, _this.group, Country);
+                        break;
+                    //FileUpload
+                    case exports.DataType.File:
+                        var File = new FileUploadOptions();
+                        File.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        File.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        File.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        File.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        File.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        File.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        File.FileMaxSizeInMB = _this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, FileUploadComponent, _this.group, File);
+                        break;
+                    case exports.DataType.MultiFile:
+                        var MultiFile = new FileUploadOptions();
+                        File.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        File.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        File.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        File.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        File.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        File.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        MultiFile.MaxSizeForAllFilesInMB = _this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        MultiFile.MaxNoOfFiles = _this.RepeaterField.ControlOptions.maxFileCount;
+                        MultiFile.IsMultipleFile = true;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, FileUploadComponent, _this.group, MultiFile);
+                        break;
+                    //ImageUpload
+                    case exports.DataType.Image:
+                        var Image = new ImageUploadOptions();
+                        Image.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Image.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Image.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Image.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Image.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Image.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (_this.RepeaterField.ControlOptions.maxFileSizeInMB)
+                            Image.FileMaxSizeInMB = _this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, ImageUploaderComponent, _this.group, Image);
+                        break;
+                    case exports.DataType.CoverPhoto:
+                        var CoverPhoto = new ImageUploadOptions();
+                        CoverPhoto.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        CoverPhoto.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        CoverPhoto.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        CoverPhoto.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        CoverPhoto.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        CoverPhoto.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (_this.RepeaterField.ControlOptions.maxFileSizeInMB)
+                            CoverPhoto.FileMaxSizeInMB = _this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, ImageUploaderComponent, _this.group, CoverPhoto);
+                        break;
+                    //Mobile
+                    case exports.DataType.Mobile:
+                        var Mobile = new PhoneOptions();
+                        Mobile.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Mobile.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Mobile.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Mobile.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Mobile.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Mobile.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Mobile.AllowSearch = true;
+                        Mobile.PhoneValidation = true;
+                        Mobile.SelectFirstCountry = true;
+                        Mobile.EnablePlaceholder = true;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, PhoneComponent, _this.group, Mobile);
+                        break;
+                    //MultilineText
+                    case exports.DataType.MultilineText:
+                        var MultilineText = new TextAreaOptions();
+                        MultilineText.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        MultilineText.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        MultilineText.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        MultilineText.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        MultilineText.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        MultilineText.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (_this.RepeaterField.ControlOptions.maxLength)
+                            MultilineText.MaxLength = _this.RepeaterField.ControlOptions.maxLength;
+                        if (_this.RepeaterField.ControlOptions.minLength)
+                            MultilineText.MinLength = _this.RepeaterField.ControlOptions.minLength;
+                        MultilineText.Rows = _this.RepeaterField.ControlOptions.rows;
+                        MultilineText.ForceDirection = _this.RepeaterField.ControlOptions.ForceDirection;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, TextAreaComponent, _this.group, MultilineText);
+                        break;
+                    //HTML
+                    case exports.DataType.HTML:
+                        var HTML = new HtmlEditorOptions();
+                        HTML.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        HTML.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        HTML.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        HTML.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        HTML.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        HTML.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (_this.RepeaterField.ControlOptions.maxLength)
+                            HTML.MaxLength = _this.RepeaterField.ControlOptions.maxLength;
+                        if (_this.RepeaterField.ControlOptions.minLength)
+                            HTML.MinLength = _this.RepeaterField.ControlOptions.minLength;
+                        HTML.Height = _this.RepeaterField.ControlOptions.rows;
+                        HTML.ForceDirection = _this.RepeaterField.ControlOptions.ForceDirection;
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, HtmlEditorComponent, _this.group, HTML);
+                        break;
+                    //Boolean
+                    case exports.DataType.Boolean:
+                        var Boolean = new ToggleSlideOptions();
+                        Boolean.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Boolean.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Boolean.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Boolean.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Boolean.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, ToggleslideComponent, _this.group, Boolean);
+                        break;
+                    //Location
+                    case exports.DataType.Location:
+                        var Location = new MapAutoCompleteOptions();
+                        Location.Name = _this.RepeaterField.ControlOptions.Name + "." + _this.itemNumber.toString() + "." + _this.controlNumber.toString();
+                        Location.HideLabel = _this.RepeaterField.ControlOptions.HideLabel;
+                        Location.LabelKey = _this.RepeaterField.ControlOptions.LabelKey;
+                        Location.IsRequired = _this.RepeaterField.ControlOptions.IsRequired;
+                        Location.ViewType = _this.RepeaterField.ControlOptions.ViewType;
+                        Location.LabelDescription = _this.RepeaterField.ControlOptions.LabelDescription ? _this.RepeaterField.ControlOptions.LabelDescription : "";
+                        _this.renderComponentService.renderDynamicComponent(_this.Item, MapAutoCompleteComponent, _this.group, Location);
+                        break;
+                    default:
+                        break;
+                }
+            }, 0);
+        };
+        RepeaterFieldBuilderComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.itemNumber.previousValue) {
+                var name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.previousValue.toString() + "." + this.controlNumber.toString();
+                var value = this.group.controls[name].value;
+                this.Item.clear();
+                this.group.removeControl(name);
+                switch (this.RepeaterField.ControlType) {
+                    ///TextBox
+                    case exports.DataType.Text:
+                        var Text = new TextBoxOptions();
+                        Text.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Text.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Text.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Text.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Text.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Text.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Text.Type = exports.InputType.Text;
+                        if (this.RepeaterField.ControlOptions.maxLength)
+                            Text.MaxLength = this.RepeaterField.ControlOptions.maxLength;
+                        if (this.RepeaterField.ControlOptions.minLength)
+                            Text.MinLength = this.RepeaterField.ControlOptions.minLength;
+                        Text.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, TextboxComponent, this.group, Text);
+                        break;
+                    case exports.DataType.Name:
+                        var Name = new TextBoxOptions();
+                        Name.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Name.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Name.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Name.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Name.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Name.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (this.RepeaterField.ControlOptions.maxLength)
+                            Name.MaxLength = this.RepeaterField.ControlOptions.maxLength;
+                        if (this.RepeaterField.ControlOptions.minLength)
+                            Name.MinLength = this.RepeaterField.ControlOptions.minLength;
+                        Name.Type = exports.InputType.Text;
+                        Name.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, TextboxComponent, this.group, Name);
+                        break;
+                    case exports.DataType.Email:
+                        var Email = new TextBoxOptions();
+                        Email.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Email.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Email.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Email.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Email.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Email.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Email.Type = exports.InputType.Email;
+                        Email.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, TextboxComponent, this.group, Email);
+                        break;
+                    case exports.DataType.Number:
+                        var Number = new TextBoxOptions();
+                        Number.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Number.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Number.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Number.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Number.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Number.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Number.Type = exports.InputType.Number;
+                        var rangeNumber = new RangeNumber();
+                        rangeNumber.To = this.RepeaterField.ControlOptions.maxLength;
+                        rangeNumber.From = this.RepeaterField.ControlOptions.minLength;
+                        Number.NumberRange = rangeNumber;
+                        Number.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, TextboxComponent, this.group, Number);
+                        break;
+                    ///DateTime
+                    case exports.DataType.Date:
+                        var Date = new DatePickerOptions();
+                        Date.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Date.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Date.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Date.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Date.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Date.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Date.PickerType = exports.PickerType.Calendar;
+                        Date.SelectMode = exports.SelectMode.Single;
+                        Date.StartView = exports.StartView.Month;
+                        Date.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DateInputComponent, this.group, Date);
+                        break;
+                    case exports.DataType.DateTime:
+                        var DateTime = new DatePickerOptions();
+                        DateTime.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        DateTime.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        DateTime.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        DateTime.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        DateTime.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        DateTime.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        DateTime.PickerType = exports.PickerType.Both;
+                        DateTime.SelectMode = exports.SelectMode.Single;
+                        DateTime.StartView = exports.StartView.Month;
+                        DateTime.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DateInputComponent, this.group, DateTime);
+                        break;
+                    case exports.DataType.Time:
+                        var Time = new DatePickerOptions();
+                        Time.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Time.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Time.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Time.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Time.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Time.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Time.PickerType = exports.PickerType.Timer;
+                        Time.SelectMode = exports.SelectMode.Single;
+                        Time.StartView = exports.StartView.Month;
+                        Time.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DateInputComponent, this.group, Time);
+                        break;
+                    //Dropdown
+                    case exports.DataType.SingleSelect:
+                        var SingleSelect = new DropdownOptions();
+                        SingleSelect.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        SingleSelect.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        SingleSelect.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        SingleSelect.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        SingleSelect.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        SingleSelect.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        SingleSelect.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        SingleSelect.SingleSelection = true;
+                        SingleSelect.ShowCheckbox = false;
+                        SingleSelect.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        SingleSelect.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, SingleSelect);
+                        break;
+                    case exports.DataType.MulipleSelect:
+                        var MulipleSelect = new DropdownOptions();
+                        MulipleSelect.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        MulipleSelect.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        MulipleSelect.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        MulipleSelect.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        MulipleSelect.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        MulipleSelect.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        MulipleSelect.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        MulipleSelect.SingleSelection = false;
+                        MulipleSelect.ShowCheckbox = false;
+                        MulipleSelect.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        MulipleSelect.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, MulipleSelect);
+                        break;
+                    case exports.DataType.Goal:
+                        var Goal = new DropdownOptions();
+                        Goal.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Goal.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Goal.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Goal.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Goal.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Goal.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Goal.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        Goal.SingleSelection = !this.RepeaterField.ControlOptions.isMultiple;
+                        Goal.ShowCheckbox = false;
+                        Goal.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        Goal.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, Goal);
+                        break;
+                    case exports.DataType.Challenge:
+                        var Challenge = new DropdownOptions();
+                        Challenge.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Challenge.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Challenge.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Challenge.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Challenge.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Challenge.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Challenge.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        Challenge.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        Challenge.SingleSelection = !this.RepeaterField.ControlOptions.isMultiple;
+                        Challenge.ShowCheckbox = false;
+                        Challenge.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        Challenge.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, Challenge);
+                        break;
+                    case exports.DataType.InnovationLab:
+                        var InnovationLab = new DropdownOptions();
+                        InnovationLab.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        InnovationLab.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        InnovationLab.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        InnovationLab.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        InnovationLab.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        InnovationLab.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        InnovationLab.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        InnovationLab.SingleSelection = !this.RepeaterField.ControlOptions.isMultiple;
+                        InnovationLab.ShowCheckbox = false;
+                        InnovationLab.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        InnovationLab.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, InnovationLab);
+                        break;
+                    case exports.DataType.Country:
+                        var Country = new DropdownOptions();
+                        Country.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Country.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Country.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Country.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Country.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Country.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Country.DataSource = this.RepeaterField.ControlOptions.dataSource;
+                        Country.SingleSelection = !this.RepeaterField.ControlOptions.isMultiple;
+                        Country.ShowCheckbox = false;
+                        Country.AllowSearchFilter = this.RepeaterField.ControlOptions.hasSearch;
+                        Country.SelectedItems = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, DropdownListComponent, this.group, Country);
+                        break;
+                    //FileUpload
+                    case exports.DataType.File:
+                        var File = new FileUploadOptions();
+                        File.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        File.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        File.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        File.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        File.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        File.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        File.FileMaxSizeInMB = this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        File.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, FileUploadComponent, this.group, File);
+                        break;
+                    case exports.DataType.MultiFile:
+                        var MultiFile = new FileUploadOptions();
+                        File.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        File.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        File.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        File.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        File.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        File.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        MultiFile.MaxSizeForAllFilesInMB = this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        MultiFile.MaxNoOfFiles = this.RepeaterField.ControlOptions.maxFileCount;
+                        MultiFile.IsMultipleFile = true;
+                        MultiFile.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, FileUploadComponent, this.group, MultiFile);
+                        break;
+                    //ImageUpload
+                    case exports.DataType.Image:
+                        var Image = new ImageUploadOptions();
+                        Image.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Image.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Image.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Image.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Image.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Image.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (this.RepeaterField.ControlOptions.maxFileSizeInMB)
+                            Image.FileMaxSizeInMB = this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        Image.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, ImageUploaderComponent, this.group, Image);
+                        break;
+                    case exports.DataType.CoverPhoto:
+                        var CoverPhoto = new ImageUploadOptions();
+                        CoverPhoto.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        CoverPhoto.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        CoverPhoto.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        CoverPhoto.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        CoverPhoto.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        CoverPhoto.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (this.RepeaterField.ControlOptions.maxFileSizeInMB)
+                            CoverPhoto.FileMaxSizeInMB = this.RepeaterField.ControlOptions.maxFileSizeInMB;
+                        CoverPhoto.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, ImageUploaderComponent, this.group, CoverPhoto);
+                        break;
+                    //Mobile
+                    case exports.DataType.Mobile:
+                        var Mobile = new PhoneOptions();
+                        Mobile.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Mobile.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Mobile.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Mobile.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Mobile.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Mobile.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Mobile.AllowSearch = true;
+                        Mobile.PhoneValidation = true;
+                        Mobile.SelectFirstCountry = true;
+                        Mobile.EnablePlaceholder = true;
+                        Mobile.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, PhoneComponent, this.group, Mobile);
+                        break;
+                    //MultilineText
+                    case exports.DataType.MultilineText:
+                        var MultilineText = new TextAreaOptions();
+                        MultilineText.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        MultilineText.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        MultilineText.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        MultilineText.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        MultilineText.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        MultilineText.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (this.RepeaterField.ControlOptions.maxLength)
+                            MultilineText.MaxLength = this.RepeaterField.ControlOptions.maxLength;
+                        if (this.RepeaterField.ControlOptions.minLength)
+                            MultilineText.MinLength = this.RepeaterField.ControlOptions.minLength;
+                        MultilineText.Rows = this.RepeaterField.ControlOptions.rows;
+                        MultilineText.ForceDirection = this.RepeaterField.ControlOptions.ForceDirection;
+                        MultilineText.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, TextAreaComponent, this.group, MultilineText);
+                        break;
+                    //HTML
+                    case exports.DataType.HTML:
+                        var HTML = new HtmlEditorOptions();
+                        HTML.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        HTML.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        HTML.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        HTML.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        HTML.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        HTML.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        if (this.RepeaterField.ControlOptions.maxLength)
+                            HTML.MaxLength = this.RepeaterField.ControlOptions.maxLength;
+                        if (this.RepeaterField.ControlOptions.minLength)
+                            HTML.MinLength = this.RepeaterField.ControlOptions.minLength;
+                        HTML.Height = this.RepeaterField.ControlOptions.rows;
+                        HTML.ForceDirection = this.RepeaterField.ControlOptions.ForceDirection;
+                        HTML.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, HtmlEditorComponent, this.group, HTML);
+                        break;
+                    //Boolean
+                    case exports.DataType.Boolean:
+                        var Boolean = new ToggleSlideOptions();
+                        Boolean.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Boolean.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Boolean.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Boolean.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Boolean.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Boolean.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, ToggleslideComponent, this.group, Boolean);
+                        break;
+                    //Location
+                    case exports.DataType.Location:
+                        var Location = new MapAutoCompleteOptions();
+                        Location.Name = this.RepeaterField.ControlOptions.Name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
+                        Location.HideLabel = this.RepeaterField.ControlOptions.HideLabel;
+                        Location.LabelKey = this.RepeaterField.ControlOptions.LabelKey;
+                        Location.IsRequired = this.RepeaterField.ControlOptions.IsRequired;
+                        Location.ViewType = this.RepeaterField.ControlOptions.ViewType;
+                        Location.LabelDescription = this.RepeaterField.ControlOptions.LabelDescription ? this.RepeaterField.ControlOptions.LabelDescription : "";
+                        Location.Value = value;
+                        this.renderComponentService.renderDynamicComponent(this.Item, MapAutoCompleteComponent, this.group, Location);
+                        break;
+                    default:
+                        break;
+                }
+            }
+        };
+        return RepeaterFieldBuilderComponent;
+    }());
+    RepeaterFieldBuilderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'repeater-field-builder',
+                    template: "<ng-container #Item></ng-container>\r\n"
+                },] }
+    ];
+    RepeaterFieldBuilderComponent.ctorParameters = function () { return [
+        { type: RenderComponentService },
+        { type: forms.FormGroupDirective }
+    ]; };
+    RepeaterFieldBuilderComponent.propDecorators = {
+        Item: [{ type: i0.ViewChild, args: ["Item", { read: i0.ViewContainerRef },] }],
+        group: [{ type: i0.Input }],
+        itemNumber: [{ type: i0.Input }],
+        controlNumber: [{ type: i0.Input }],
+        RepeaterField: [{ type: i0.Input }]
+    };
+
+    var RepeaterItemFieldComponent = /** @class */ (function () {
+        function RepeaterItemFieldComponent() {
+        }
+        RepeaterItemFieldComponent.prototype.ngOnInit = function () {
+        };
+        return RepeaterItemFieldComponent;
+    }());
+    RepeaterItemFieldComponent.decorators = [
+        { type: i0.Component, args: [{
+                    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: [""]
+                },] }
+    ];
+    RepeaterItemFieldComponent.ctorParameters = function () { return []; };
+    RepeaterItemFieldComponent.propDecorators = {
+        templates: [{ type: i0.Input }],
+        filedIndex: [{ type: i0.Input }],
+        itemIndex: [{ type: i0.Input }]
+    };
+
     var options;
     exports.AppInjector = void 0;
     angular.FullCalendarModule.registerPlugins([
@@ -5652,7 +6733,11 @@
                         JwPaginationComponent,
                         RadioButtonComponent,
                         FormComponent,
-                        ConfirmationModalComponent
+                        ConfirmationModalComponent,
+                        RepeaterComponent,
+                        RepeaterFieldBuilderComponent,
+                        NgTemplateNameDirective,
+                        RepeaterItemFieldComponent,
                     ],
                     imports: [
                         common.CommonModule,
@@ -5707,17 +6792,12 @@
                         ErrorMassageValidation,
                         ControlUtility,
                         OnPagingFiltersChangeService,
-                        // EnvironmentService,
-                        // AuthService,
-                        // RequestHandlerService,
-                        // UtilityService,
                         core$1.TranslateService,
-                        // BBSFTranslateService,
-                        // ControlValidationService,
                         forms.FormGroupDirective,
                         ngBootstrap.NgbModal,
                         ngBootstrap.NgbActiveModal,
                         common.DatePipe,
+                        RenderComponentService,
                         { provide: ngPickDatetime.OWL_DATE_TIME_LOCALE, useValue: ɵ0 },
                     ],
                     schemas: [
@@ -5736,7 +6816,6 @@
                         ToggleslideComponent,
                         HtmlEditorComponent,
                         MultiLingualHtmlEditorComponent,
-                        FileUploadComponent,
                         ImageUploaderComponent,
                         ProfileImageUploaderComponent,
                         CalendarComponent,
@@ -5748,7 +6827,11 @@
                         RadioButtonComponent,
                         FormComponent,
                         PagingComponent,
-                        ConfirmationModalComponent
+                        ConfirmationModalComponent,
+                        RepeaterComponent,
+                        RepeaterFieldBuilderComponent,
+                        NgTemplateNameDirective,
+                        RepeaterItemFieldComponent,
                     ]
                 },] }
     ];
@@ -5789,81 +6872,6 @@
         return CustomValidator;
     }());
 
-    exports.ForceDirection = void 0;
-    (function (ForceDirection) {
-        ForceDirection[ForceDirection["English"] = 1] = "English";
-        ForceDirection[ForceDirection["Arabic"] = 2] = "Arabic";
-    })(exports.ForceDirection || (exports.ForceDirection = {}));
-
-    var DatePickerOptions = /** @class */ (function () {
-        function DatePickerOptions() {
-            /**  to set type of view  if DatePicker is Vertical or Horizontal */
-            this.ViewType = exports.ControlLayout.Vertical;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-            */
-            this.CustomValidation = [];
-            /**To set  First Day Of Week  to DatePicker */
-            this.FirstDayOfWeek = 1;
-            /**To set PickerType to DatePicker  is Calendar or Timer Or Both */
-            this.PickerType = exports.PickerType.Calendar;
-            /**To set StartView to DatePicker  is Year or Month Or Multi-Year */
-            this.StartView = exports.StartView.Month;
-            /**To set SelectMode to DatePicker  is Single or Range */
-            this.SelectMode = exports.SelectMode.Single;
-            this.ForceDirection = exports.ForceDirection.English;
-        }
-        return DatePickerOptions;
-    }());
-
-    var RangeNumber = /** @class */ (function () {
-        function RangeNumber() {
-        }
-        return RangeNumber;
-    }());
-
-    exports.IconPosition = void 0;
-    (function (IconPosition) {
-        IconPosition[IconPosition["left"] = 1] = "left";
-        IconPosition[IconPosition["right"] = 2] = "right";
-    })(exports.IconPosition || (exports.IconPosition = {}));
-
-    var TextBoxOptions = /** @class */ (function () {
-        function TextBoxOptions() {
-            /** set Range Number to Textbox with type number with From-Value and To-value*/
-            this.NumberRange = new RangeNumber();
-            /**Prevent AutoComplete of textbox*/
-            this.AutoComplete = "off";
-            /**  to set type of view  if textbox is Vertical or Horizontal */
-            this.ViewType = null;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-          */
-            this.CustomValidation = [];
-            /** to set Direction of textbox  if textbox is Arabic or English  */
-            this.ForceDirection = null;
-            /** Set Type of TextBox ("text","password","email","number") */
-            this.Type = exports.InputType.Text;
-            this.IconPosition = exports.IconPosition.left;
-            this.NoMargin = false;
-            this.ValidationRules = [];
-        }
-        return TextBoxOptions;
-    }());
-
-    var FileUploadOptions = /** @class */ (function () {
-        function FileUploadOptions() {
-            /** Ability to set  FileInput required */
-            this.IsMultipleFile = false;
-            /** Sets  boolean Value to Show IsDropZone Or Not   */
-            this.IsDropZone = false;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-            */
-            this.CustomValidation = [];
-            /**  to set type of view  if textbox is Vertical or Horizontal */
-            this.ViewType = null;
-        }
-        return FileUploadOptions;
-    }());
-
     var MultiLingualTextBoxOptions = /** @class */ (function () {
         function MultiLingualTextBoxOptions() {
             /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
@@ -5889,19 +6897,6 @@
         return Attribute;
     }());
 
-    var TextAreaOptions = /** @class */ (function () {
-        function TextAreaOptions() {
-            /**  to set type of view  if TextArea is Vertical or Horizontal */
-            this.ViewType = null;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-          */
-            this.CustomValidation = [];
-            /** to set Direction of TextArea  if TextArea is Arabic or English  */
-            this.ForceDirection = exports.ForceDirection.English;
-        }
-        return TextAreaOptions;
-    }());
-
     var MultiLingualTextAreaOptions = /** @class */ (function () {
         function MultiLingualTextAreaOptions() {
             /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
@@ -5937,64 +6932,6 @@
         return DropdownListItem;
     }());
 
-    var DropdownOptions = /** @class */ (function () {
-        function DropdownOptions() {
-            /** Disable Bootstrap DropdownList */
-            this.DisableBootstrapSelect = false;
-            /**  to set type of view  if DropdownList is Vertical or Horizontal */
-            this.ViewType = null;
-            /**  To Set Custom Validation*/
-            this.CustomValidation = [];
-            /** Set key for item in  DropdownList  */
-            this.ItemTempletkey = "key";
-            /** Set value for item in  DropdownList  */
-            this.ItemTempletvalue = "value";
-            this.ForceDirection = exports.ForceDirection.English;
-        }
-        return DropdownOptions;
-    }());
-
-    var PhoneOptions = /** @class */ (function () {
-        function PhoneOptions() {
-            /**
-          *   Represent Css classes to Phonebox
-          */
-            this.ExtraClasses = "form-control bnsights-control";
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-           */
-            this.CustomValidation = [];
-            /**Set List Of Countries As Preferred Countries*/
-            this.PreferredCountries = [];
-            /**  to set type of view  if Phonebox is Vertical or Horizontal */
-            this.ViewType = null;
-            this.ForceDirection = exports.ForceDirection.English;
-        }
-        return PhoneOptions;
-    }());
-
-    var ToggleSlideOptions = /** @class */ (function () {
-        function ToggleSlideOptions() {
-            this.ViewType = null;
-            this.ForceDirection = exports.ForceDirection.English;
-        }
-        return ToggleSlideOptions;
-    }());
-
-    var HtmlEditorOptions = /** @class */ (function () {
-        function HtmlEditorOptions() {
-            /**  to set type of view  if textbox is Vertical or Horizontal */
-            this.ViewType = null;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-          */
-            this.CustomValidation = [];
-            /** to set Direction of HtmlEditor  if HtmlEditor is Arabic or English  */
-            this.ForceDirection = exports.ForceDirection.English;
-            /** Set Height For  */
-            this.Height = 150;
-        }
-        return HtmlEditorOptions;
-    }());
-
     var MultiLingualHtmlEditorOptions = /** @class */ (function () {
         function MultiLingualHtmlEditorOptions() {
             /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
@@ -6012,33 +6949,6 @@
         return MultiLingualHtmlEditorOptions;
     }());
 
-    exports.ImageType = void 0;
-    (function (ImageType) {
-        ImageType["ImageTypes"] = "image/png,image/bmp,image/jpeg";
-        ImageType["PNG"] = "image/png";
-        ImageType["JPG"] = "image/jpeg";
-        ImageType["JPEG"] = "image/jpeg";
-        ImageType["SVG"] = "image/svg+xml";
-        ImageType["None"] = "";
-    })(exports.ImageType || (exports.ImageType = {}));
-
-    var ImageUploadOptions = /** @class */ (function () {
-        function ImageUploadOptions() {
-            /** Allow to Upload Multiple File  */
-            this.IsMultiple = false;
-            /** Allow to Use Drop Zone  */
-            this.AllowDropZone = false;
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-            */
-            this.CustomValidation = [];
-            /**  to set type of view  if FileInput is Vertical or Horizontal */
-            this.ViewType = null;
-            /** Set List of Custom Attribute to FileInput  */
-            this.FileUploadAcceptsTypes = [exports.ImageType.ImageTypes];
-        }
-        return ImageUploadOptions;
-    }());
-
     var ProfileImageUploadOptions = /** @class */ (function () {
         function ProfileImageUploadOptions() {
             /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
@@ -6108,17 +7018,6 @@
         return CalendarEventDTO;
     }());
 
-    var MapAutoCompleteOptions = /** @class */ (function () {
-        function MapAutoCompleteOptions() {
-            /** Allow to Pass Object With Body of Function which represent CustomValidation and massage for error massage
-          */
-            this.CustomValidation = [];
-            /**  to set type of view  if MapAutoComplete is Vertical or Horizontal */
-            this.ViewType = null;
-        }
-        return MapAutoCompleteOptions;
-    }());
-
     var AutocompleteOptions = /** @class */ (function () {
         function AutocompleteOptions() {
             /**
@@ -6329,6 +7228,23 @@
         return ConfirmationModalOptions;
     }());
 
+    var RepeaterField = /** @class */ (function () {
+        function RepeaterField() {
+        }
+        return RepeaterField;
+    }());
+
+    var RepeaterOptions = /** @class */ (function () {
+        function RepeaterOptions() {
+            this.MinRequiredItems = 1;
+            this.AddButtonText = "Add";
+            this.DeleteButtonText = "Delete";
+            this.RepeaterValue = [];
+            this.RepeaterStructure = [];
+        }
+        return RepeaterOptions;
+    }());
+
     exports.MenuListType = void 0;
     (function (MenuListType) {
         MenuListType[MenuListType["AdminType"] = 1] = "AdminType";
@@ -6655,76 +7571,83 @@
     exports.Attribute = Attribute;
     exports.AutocompleteDTO = AutocompleteDTO;
     exports.AutocompleteOptions = AutocompleteOptions;
+    exports.AutocompleteTextBoxComponent = AutocompleteTextBoxComponent;
     exports.BBSFControlsModule = BBSFControlsModule;
+    exports.CalendarComponent = CalendarComponent;
     exports.CalendarEventDTO = CalendarEventDTO;
     exports.CalendarOptions = CalendarOptions;
     exports.CancelDTO = CancelDTO;
+    exports.CheckBoxComponent = CheckBoxComponent;
     exports.CheckBoxOptions = CheckBoxOptions;
+    exports.ConfirmationModalComponent = ConfirmationModalComponent;
     exports.ConfirmationModalOptions = ConfirmationModalOptions;
     exports.ControlUtility = ControlUtility;
     exports.CustomValidation = CustomValidation;
     exports.CustomValidator = CustomValidator;
+    exports.DateInputComponent = DateInputComponent;
     exports.DatePickerOptions = DatePickerOptions;
+    exports.DropdownListComponent = DropdownListComponent;
     exports.DropdownListItem = DropdownListItem;
     exports.DropdownOptions = DropdownOptions;
     exports.EditPersonalImage = EditPersonalImage;
     exports.EnglishArabicDTO = EnglishArabicDTO;
     exports.ErrorMassageValidation = ErrorMassageValidation;
+    exports.FileUploadComponent = FileUploadComponent;
     exports.FileUploadModel = FileUploadModel;
     exports.FileUploadOptions = FileUploadOptions;
     exports.FilterItem = FilterItem;
+    exports.FormComponent = FormComponent;
     exports.FormOptions = FormOptions;
     exports.GlobalSettings = GlobalSettings;
+    exports.HtmlEditorComponent = HtmlEditorComponent;
     exports.HtmlEditorOptions = HtmlEditorOptions;
     exports.ImageUploadOptions = ImageUploadOptions;
+    exports.ImageUploaderComponent = ImageUploaderComponent;
+    exports.JwPaginationComponent = JwPaginationComponent;
+    exports.MapAutoCompleteComponent = MapAutoCompleteComponent;
     exports.MapAutoCompleteOptions = MapAutoCompleteOptions;
     exports.MapAutocompleteDTO = MapAutocompleteDTO;
+    exports.MultiLingualHtmlEditorComponent = MultiLingualHtmlEditorComponent;
     exports.MultiLingualHtmlEditorOptions = MultiLingualHtmlEditorOptions;
+    exports.MultiLingualTextAreaComponent = MultiLingualTextAreaComponent;
     exports.MultiLingualTextAreaOptions = MultiLingualTextAreaOptions;
+    exports.MultiLingualTextBoxComponent = MultiLingualTextBoxComponent;
     exports.MultiLingualTextBoxOptions = MultiLingualTextBoxOptions;
     exports.MultipleFileUploadModel = MultipleFileUploadModel;
+    exports.NgTemplateNameDirective = NgTemplateNameDirective;
     exports.OnPagingFiltersChangeService = OnPagingFiltersChangeService;
+    exports.PagingComponent = PagingComponent;
     exports.PagingDTO = PagingDTO;
     exports.PagingOptions = PagingOptions;
+    exports.PhoneComponent = PhoneComponent;
     exports.PhoneOptions = PhoneOptions;
     exports.ProfileImageUploadOptions = ProfileImageUploadOptions;
+    exports.ProfileImageUploaderComponent = ProfileImageUploaderComponent;
     exports.ProfilePictureDTO = ProfilePictureDTO;
+    exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioButtonItem = RadioButtonItem;
     exports.RadioButtonOptions = RadioButtonOptions;
     exports.RangeNumber = RangeNumber;
+    exports.RenderComponentService = RenderComponentService;
+    exports.RepeaterComponent = RepeaterComponent;
+    exports.RepeaterField = RepeaterField;
+    exports.RepeaterFieldBuilderComponent = RepeaterFieldBuilderComponent;
+    exports.RepeaterItemFieldComponent = RepeaterItemFieldComponent;
+    exports.RepeaterOptions = RepeaterOptions;
     exports.SaveDTO = SaveDTO;
+    exports.TagsInputComponent = TagsInputComponent;
     exports.TagsInputDTO = TagsInputDTO;
     exports.TagsInputOptions = TagsInputOptions;
+    exports.TextAreaComponent = TextAreaComponent;
     exports.TextAreaOptions = TextAreaOptions;
     exports.TextBoxOptions = TextBoxOptions;
+    exports.TextboxComponent = TextboxComponent;
     exports.ToggleSlideOptions = ToggleSlideOptions;
+    exports.ToggleslideComponent = ToggleslideComponent;
     exports.UploadPersonalImage = UploadPersonalImage;
     exports.environment = environment;
     exports.options = options;
     exports["ɵ0"] = ɵ0;
-    exports["ɵa"] = DateInputComponent;
-    exports["ɵb"] = FileUploadComponent;
-    exports["ɵc"] = MultiLingualTextBoxComponent;
-    exports["ɵd"] = TextboxComponent;
-    exports["ɵe"] = TextAreaComponent;
-    exports["ɵf"] = MultiLingualTextAreaComponent;
-    exports["ɵg"] = CheckBoxComponent;
-    exports["ɵh"] = DropdownListComponent;
-    exports["ɵi"] = PhoneComponent;
-    exports["ɵj"] = ToggleslideComponent;
-    exports["ɵk"] = HtmlEditorComponent;
-    exports["ɵl"] = MultiLingualHtmlEditorComponent;
-    exports["ɵm"] = ImageUploaderComponent;
-    exports["ɵn"] = ProfileImageUploaderComponent;
-    exports["ɵo"] = CalendarComponent;
-    exports["ɵp"] = MapAutoCompleteComponent;
-    exports["ɵq"] = AutocompleteTextBoxComponent;
-    exports["ɵr"] = TagsInputComponent;
-    exports["ɵs"] = PagingComponent;
-    exports["ɵt"] = JwPaginationComponent;
-    exports["ɵu"] = RadioButtonComponent;
-    exports["ɵv"] = FormComponent;
-    exports["ɵw"] = ConfirmationModalComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });