@bnsights/bbsf-controls 1.0.51 → 1.0.54

package/fesm2015/bnsights-bbsf-controls.js

@@ -399,6 +399,10 @@ class DefaultIntl extends OwlDateTimeIntl {
         this.rangeFromLabel = this.utilityService.getResourceValue("From");
         /** A label for the range 'to' in picker info */
         this.rangeToLabel = this.utilityService.getResourceValue("To");
+        /** A label for the cancel button */
+        this.cancelBtnLabel = this.utilityService.getResourceValue("Cancel");
+        /** A label for the set button */
+        this.setBtnLabel = this.utilityService.getResourceValue("Set");
     }
 }
 DefaultIntl.decorators = [
@@ -1097,10 +1101,16 @@ class MultiLingualTextBoxComponent {
                 this.options.MultiControlPlacementType = this.globalSettings.MultiControlPlacementType;
             if (!this.options.MaxLength)
                 this.options.MaxLength = this.globalSettings.MaxLengthTextBox;
-            if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
-                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
-            if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
-                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            if (this.options.LabelKey != null && this.options.LabelKey != "") {
+                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InArabic");
+                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InEnglish");
+            }
+            else {
+                if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
+                    this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
+                if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
+                    this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            }
             if (this.options.CustomValidation.length > 0) {
                 let Validations = this.options.CustomValidation;
                 for (let index = 0; index < Validations.length; index++) {
@@ -1681,10 +1691,16 @@ class MultiLingualTextAreaComponent {
                 this.options.MultiControlPlacementType = this.globalSettings.MultiControlPlacementType;
             if (!this.options.MaxLength)
                 this.options.MaxLength = this.globalSettings.MaxLengthTextArea;
-            if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
-                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
-            if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
-                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            if (this.options.LabelKey != null && this.options.LabelKey != "") {
+                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InArabic");
+                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InEnglish");
+            }
+            else {
+                if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
+                    this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
+                if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
+                    this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            }
             this.MultiLanguageTextAreagroup = new FormGroup({});
             this.MultiLanguageTextAreagroup.addControl("Arabic", new FormControl(''));
             this.MultiLanguageTextAreagroup.addControl("English", new FormControl(''));
@@ -2267,7 +2283,7 @@ DropdownListComponent.decorators = [
     { type: 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]=\"options.NotFoundText\" [maxSelectedItems]=\"options.LimitSelection\"\r\n        [searchable]=\"options.AllowSearchFilter\" [multiple]=\"!options.SingleSelection\" [readonly]=\"options.IsDisabled\"\r\n        [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n        [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n        [(ngModel)]=\"options.SelectedItems\" (change)=\"onItemSelect()\" (clear)=\"Clear()\"\r\n        [class.is-invalid]=\"DropdownListFormControl.invalid && DropdownListFormControl.touched\"\r\n        [closeOnSelect]=\"options.SingleSelection  ? true : false\">\r\n\r\n        <ng-template *ngIf=\"options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n          <div class=\"ks-cboxtags\">\r\n            <input id=\"item-{{index}}\" type=\"checkbox\" [ngModelOptions]=\"{standalone: true}\" [ngModel]=\"item$.selected\"\r\n              class=\" \" /> <label class=\"ng-option-label  mb-0\" id={{item.key}}>{{item.value}}</label>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-template *ngIf=\"!options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n           <label class=\"ng-option-label  mb-0\" id={{item.key}}>{{item.value}}</label>\r\n        </ng-template>\r\n\r\n      </ng-select>\r\n\r\n      <select *ngIf=\"options.DisableBootstrapSelect\" class=\"form-control bnsights-control\"\r\n        dir=\"{{options.ForceDirection==2?'rtl':''}}\" (change)=\"onItemSelect()\" [(ngModel)]=\"options.SelectedItems\" [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n        <option value=\"\" disabled>--{{UtilityService.getResourceValue(\"select\")}}--</option>\r\n        <option *ngFor=\"let item of options.DataSource\" value=\"{{item.key}}\" [ngValue]=\"item.key\">\r\n          {{item.value}}\r\n        </option>\r\n      </select>\r\n\r\n      <div class=\"text-danger Required-text\"\r\n        *ngIf=\"(DropdownListFormControl.invalid && DropdownListFormControl.touched)\">\r\n        {{getErrorValidation(DropdownListFormControl.errors|keyvalue)}}\r\n      </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <!-- <div *ngIf=\"DropdownListFormControl.valid\">{{resetError()}}</div> -->\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">\r\n        {{resetError()}}</div>\r\n\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"b-control b-dropdown-list\">\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n    <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n      [hidden]=\"options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\"\r\n        aria-required=\"true\">*</span>\r\n    </label>\r\n\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n      <ng-select *ngIf=\"options.DisableBootstrapSelect==false\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n        [bindValue]=\"options.ItemTempletkey\" [bindLabel]=\"options.ItemTempletvalue\" [items]=\"options.DataSource\"\r\n        [notFoundText]=\"options.NotFoundText\" [maxSelectedItems]=\"options.LimitSelection\"\r\n        [searchable]=\"options.AllowSearchFilter\" [multiple]=\"!options.SingleSelection\" [readonly]=\"options.IsDisabled\"\r\n        [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n        [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n        [(ngModel)]=\"options.SelectedItems\" (change)=\"onItemSelect()\" (clear)=\"Clear()\"\r\n        [class.is-invalid]=\"DropdownListFormControl.invalid && DropdownListFormControl.touched\"\r\n        [closeOnSelect]=\"options.SingleSelection  ? true : false\">\r\n\r\n        <ng-template *ngIf=\"options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n          <div class=\"ks-cboxtags\">\r\n            <input id=\"item-{{index}}\" type=\"checkbox\" [ngModelOptions]=\"{standalone: true}\" [ngModel]=\"item$.selected\"\r\n              class=\" \" /> <label class=\"ng-option-label  mb-0\" id={{item.key}}>{{item.value}}</label>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-template *ngIf=\"!options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n          <div title=\"{{item.disabled ? options.DisabledItemsTooltipValue : ''}}\">\r\n            <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-select>\r\n\r\n      <select *ngIf=\"options.DisableBootstrapSelect\" class=\"form-control bnsights-control\"\r\n        dir=\"{{options.ForceDirection==2?'rtl':''}}\" (change)=\"onItemSelect()\" [(ngModel)]=\"options.SelectedItems\" [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n        <option value=\"\" disabled>--{{UtilityService.getResourceValue(\"select\")}}--</option>\r\n        <option *ngFor=\"let item of options.DataSource\" value=\"{{item.key}}\" [ngValue]=\"item.key\">\r\n          {{item.value}}\r\n        </option>\r\n      </select>\r\n\r\n      <div class=\"text-danger Required-text\"\r\n        *ngIf=\"(DropdownListFormControl.invalid && DropdownListFormControl.touched)\">\r\n        {{getErrorValidation(DropdownListFormControl.errors|keyvalue)}}\r\n      </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <!-- <div *ngIf=\"DropdownListFormControl.valid\">{{resetError()}}</div> -->\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">\r\n        {{resetError()}}</div>\r\n\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 styles: [".cuppa-dropdown{background-color:#fff}.arrow-up,.arrow-down{border-left:none!important;border-right:none!important}.dropdown-list{padding-top:0!important}.c-token{background-color:#6495ed}.pure-checkbox .selected-item{background-color:#6495ed;color:#fff}\n"]
             },] }
 ];
@@ -2906,10 +2922,16 @@ class MultiLingualHtmlEditorComponent {
                 this.EnglishValidationRules.push(Validators.maxLength(this.options.MaxLength));
                 this.ArabicValidationRules.push(Validators.maxLength(this.options.MaxLength));
             }
-            if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
-                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
-            if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
-                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            if (this.options.LabelKey != null && this.options.LabelKey != "") {
+                this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InArabic");
+                this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.LabelKey) + " " + this.UtilityService.getResourceValue("InEnglish");
+            }
+            else {
+                if (this.options.ArabicLabelKey != null && this.options.ArabicLabelKey != "")
+                    this.options.ArabicLabelValue = this.UtilityService.getResourceValue(this.options.ArabicLabelKey);
+                if (this.options.EnglishLabelKey != null && this.options.EnglishLabelKey != "")
+                    this.options.EnglishLabelValue = this.UtilityService.getResourceValue(this.options.EnglishLabelKey);
+            }
             this.showInputUsingLanguageMode();
             this.ArabicValidationRules.push(Validators.compose([
                 this.controlUtility.patternValidator(/^[\u0621-\u064A\u0660-\u0669 ]+$/, { ArabicLetterOnly: this.ArabicLetterOnly }),
@@ -4066,6 +4088,9 @@ class TagsInputComponent {
         // this.group.addControl(this.options.Name, new FormControl(''));
         // this.TagInputControl = this.group.controls[this.options.Name]; //  new FormControl('',validationRules);
         this.TagsFormControl.setValue(this.options.Value);
+        if (this.options.IsRequired) {
+            this.validationRules.push(Validators.required);
+        }
         if (this.options.CustomValidation.length > 0) {
             let Validations = this.options.CustomValidation;
             for (let index = 0; index < Validations.length; index++) {
@@ -4073,9 +4098,6 @@ class TagsInputComponent {
                 this.validationRules.push(Validation.functionBody);
             }
         }
-        if (this.options.IsRequired) {
-            this.validationRules.push(Validators.required);
-        }
         this.TagsFormControl.setValidators(this.validationRules);
         this.TagsFormControl.setAsyncValidators(this.validationRulesasync);
         if (this.options.IsDisabled) {
@@ -4084,7 +4106,7 @@ class TagsInputComponent {
         if (this.options.Value != undefined && this.options.Value != []) {
             for (let index = 0; index < this.options.Value.length; index++) {
                 const element = this.options.Value[index];
-                this.SelectedId.push(element.key);
+                this.SelectedId.push(element.id);
             }
             this.tags = this.options.Value;
             this.TagsFormControl.setValue(this.options.Value);
@@ -4118,7 +4140,7 @@ class TagsInputComponent {
         this.controlUtility.CopyInputMessage(inputElement);
     }
     searchFunctionFactory(Text) {
-        let Url = `${this.options.ActionURL}?${this.options.QueryParamName}=${Text}&${this.options.SelectedItemsParamName}=${this.SelectedId}`;
+        let Url = `${this.options.ActionURL}?${this.options.QueryParamName}=${encodeURIComponent(Text)}&${this.options.SelectedItemsParamName}=${this.SelectedId}`;
         if (this.options.ExtraFilters)
             Url = Url + `&${this.options.ExtraFilters}`;
         let requestOptionsModel = new RequestOptionsModel();
@@ -4128,7 +4150,7 @@ class TagsInputComponent {
         return Model;
     }
     AddTag(event, key) {
-        if (this.IsNoMatch == true && this.options.AllowNewSelection == false && (key.selected != null || key.selected != "")) {
+        if (this.IsNoMatch == true && this.options.AllowNewSelection == false && key.selected) {
             this.TagsFormControl.setErrors({ "errorMassage": this.options.NoResultText });
             this.TagsFormControl.markAsTouched();
             this.TagsFormControl.invalid;
@@ -4140,28 +4162,39 @@ class TagsInputComponent {
         }
         else if (this.IsNoMatch == true && event == "Enter" && this.options.AllowNewSelection && key.selected) {
             if (!(this.tags.length >= this.options.MaxNumberTags)) {
-                this.tags.push({ key: "", value: key.selected });
-                key.selected = null;
+                this.tags.push({ name: key.selected });
+                this.group.get(this.options.Name).setValue(this.tags);
+                this.group.get(this.options.Name).markAllAsTouched();
+                this.group.updateValueAndValidity();
+                if (this.group.get(this.options.Name).valid) {
+                    key.selected = null;
+                    return;
+                }
+                else
+                    this.tags.pop();
             }
         }
     }
     onTagsChanged(result) {
         //console.log(this.tags)
         if (result["change"] == "add") {
-            this.SelectedId.push(result.tag.key);
+            this.SelectedId.push(result.tag.id);
         }
         if (result["change"] == "remove") {
-            this.SelectedId = this.SelectedId.filter((item) => item != result.tag.key);
+            this.SelectedId = this.SelectedId.filter((item) => item != result.tag.id);
             if (this.SelectedId.length == 0 && this.options.IsRequired == true) {
                 this.TagsFormControl.setErrors({ required: "" });
                 this.TagsFormControl.markAsTouched();
                 this.TagsFormControl.invalid;
             }
         }
-        let originalValue = this.TagsFormControl.value.map(function (a) { return a.key; });
+        let originalValue = this.TagsFormControl.value.map(function (a) { return a.id; });
         if (this.options.PatchFunction && this.options.PatchPath && this.TagsFormControl.valid) {
             this.controlUtility.patchControlValue(originalValue, this.options.PatchFunction, this.options.PatchPath);
         }
+        this.group.get(this.options.Name).setValue(this.tags);
+        this.TagsFormControl.updateValueAndValidity();
+        this.group.updateValueAndValidity();
         this.OnChange.emit(originalValue);
     }
     onNoOptionsMatch(event) {
@@ -5014,6 +5047,9 @@ TextboxComponent.propDecorators = {
 };
 
 class MapAutocompleteDTO {
+    constructor() {
+        this.Text = null;
+    }
 }
 
 class MapAutoCompleteComponent {
@@ -5286,6 +5322,13 @@ class MapAutoCompleteComponent {
         }
     }
     GermanAddressMapped(result) {
+        if (result.type) {
+            if (result.target.value == "") {
+                this.MapAutoCompleteFormControl.setValue(result);
+                this.group.controls[this.options.Name].setValue(result);
+            }
+            return;
+        }
         this.MapAutoCompleteModel == new MapAutocompleteDTO();
         this.MapAutoCompleteModel.Text = result.displayAddress;
         this.MapAutoCompleteModel.PlaceID = result.placeID;
@@ -5301,7 +5344,7 @@ MapAutoCompleteComponent.controlContainerstatic = null;
 MapAutoCompleteComponent.decorators = [
     { type: Component, args: [{
                 selector: 'BBSF-MapAutoComplete',
-                template: "<div class=\"b-control b-map-auto-complete\">\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n    <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">*</span>\r\n    </label>\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n      <input class=\"form-control bnsights-control  {{options.ExtraClasses}} \"\r\n            [value]=\"MapAutoCompleteModel.Text\"\r\n            [address]=\"MapAutoCompleteModel.Text\"\r\n            value=\"{{MapAutoCompleteModel.Text}}\"\r\n             aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n             [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n             placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n             matGoogleMapsAutocomplete #search\r\n             (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n             (onLocationSelected)=\"LocationSelected($event)\"\r\n             (onGermanAddressMapped)=\"GermanAddressMapped($event)\"/>\r\n      <div class=\"text-danger Required-text\"\r\n      *ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n      {{getErrorValidation(MapAutoCompleteFormControl.errors|keyvalue)}}\r\n  </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"b-control b-map-auto-complete\">\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n    <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\"\r\n      [hidden]=\"options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\"\r\n        aria-required=\"true\">*</span>\r\n    </label>\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n      <input class=\"form-control bnsights-control  {{options.ExtraClasses}} \" [value]=\"MapAutoCompleteModel.Text\"\r\n        [address]=\"MapAutoCompleteModel.Text\" value=\"{{MapAutoCompleteModel.Text}}\" aria-describedby=\"email-error\"\r\n        aria-invalid=\"true\"\r\n        [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n        placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" (keyup)=\"GermanAddressMapped($event)\"\r\n        matGoogleMapsAutocomplete #search (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n        (onLocationSelected)=\"LocationSelected($event)\" (onGermanAddressMapped)=\"GermanAddressMapped($event)\" />\r\n      <div class=\"text-danger Required-text\"\r\n        *ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n        {{getErrorValidation(MapAutoCompleteFormControl.errors|keyvalue)}}\r\n      </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">\r\n        {{resetError()}}</div>\r\n\r\n    </div>\r\n  </div>\r\n</div>",
                 styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]
             },] }
 ];
@@ -5663,12 +5706,11 @@ class ConfirmationModalComponent {
     }
     //Modal confirmation submit function
     submit() {
-        console.log("options in submit function");
-        console.log(this.options);
         let submitModel = this.options.ServiceSubmitModel;
         let submittedService = this.options.ServiceSubmitFunction.apply(null, submitModel);
         submittedService.subscribe((result) => {
-            this.modalService.dismissAll();
+            if (!this.options.DisableModalDismiss)
+                this.modalService.dismissAll();
             if (!this.options.DisableSuccessNotification) {
                 if (!this.options.SuccessNotificationMessage)
                     this.options.SuccessNotificationMessage = this.utilityService.getResourceValue("DeletedSuccessfully");
@@ -5832,7 +5874,7 @@ class RepeaterComponent {
         this.items = this.items.filter((res) => res != this.items[Index]);
     }
     addItem() {
-        this.items.push(this.items[this.items.length - 1] + 1);
+        this.items.push(this.items.length);
     }
     ngAfterViewInit() {
         let templateRefs = this._templates["_results"].map((item) => item["template"]);
@@ -7730,6 +7772,8 @@ class ConfirmationModalOptions {
         this.DisableSuccessNotification = false;
         //If ="true" disable notification after submission error
         this.DisableErrorNotification = false;
+        //If ="true" disable prevent modal from dismiss automatically 
+        this.DisableModalDismiss = false;
     }
 }
 
@@ -8042,7 +8086,7 @@ var Style;
 var FileType;
 (function (FileType) {
     FileType["PDF"] = "application/pdf";
-    FileType["Word"] = "application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document ";
+    FileType["Word"] = "application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document";
     FileType["Excel"] = "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
     FileType["ImageTypes"] = "image/png,image/bmp,image/jpeg";
     FileType["PNG"] = "image/png";