@bnsights/bbsf-controls 1.0.53 → 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 }),
@@ -5852,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"]);
@@ -8064,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";