@bnsights/bbsf-controls 1.0.25 → 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);
@@ -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: [
@@ -5747,7 +6827,11 @@
                         RadioButtonComponent,
                         FormComponent,
                         PagingComponent,
-                        ConfirmationModalComponent
+                        ConfirmationModalComponent,
+                        RepeaterComponent,
+                        RepeaterFieldBuilderComponent,
+                        NgTemplateNameDirective,
+                        RepeaterItemFieldComponent,
                     ]
                 },] }
     ];
@@ -5788,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
@@ -5888,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
@@ -5936,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
@@ -6011,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
@@ -6107,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() {
             /**
@@ -6328,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";
@@ -6697,6 +7614,7 @@
     exports.MultiLingualTextBoxComponent = MultiLingualTextBoxComponent;
     exports.MultiLingualTextBoxOptions = MultiLingualTextBoxOptions;
     exports.MultipleFileUploadModel = MultipleFileUploadModel;
+    exports.NgTemplateNameDirective = NgTemplateNameDirective;
     exports.OnPagingFiltersChangeService = OnPagingFiltersChangeService;
     exports.PagingComponent = PagingComponent;
     exports.PagingDTO = PagingDTO;
@@ -6710,6 +7628,12 @@
     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;