@bnsights/bbsf-controls 1.0.77 → 1.0.79

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

@@ -704,13 +704,17 @@
             var _this = _super.call(this) || this;
             _this.utilityService = utilityService;
             /** A label for the range 'from' in picker info */
-            _this.rangeFromLabel = _this.utilityService.getResourceValue("From");
+            _this.rangeFromLabel = _this.utilityService.getResourceValue('From');
             /** A label for the range 'to' in picker info */
-            _this.rangeToLabel = _this.utilityService.getResourceValue("To");
+            _this.rangeToLabel = _this.utilityService.getResourceValue('To');
             /** A label for the cancel button */
-            _this.cancelBtnLabel = _this.utilityService.getResourceValue("Cancel");
+            _this.cancelBtnLabel = _this.utilityService.getResourceValue('Cancel');
             /** A label for the set button */
-            _this.setBtnLabel = _this.utilityService.getResourceValue("Set");
+            _this.setBtnLabel = _this.utilityService.getResourceValue('Save');
+            /** A label for the hour12 button (AM) */
+            _this.hour12AMLabel = _this.utilityService.getResourceValue('AM');
+            /** A label for the hour12 button (PM) */
+            _this.hour12PMLabel = _this.utilityService.getResourceValue('PM');
             return _this;
         }
         return DefaultIntl;
@@ -904,7 +908,7 @@
     DateInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'BBSF-DateTimePicker',
-                    template: "\r\n<div class=\"form-group bbsf-control bbsf-datetime-picker\" [formGroup]=\"group\">\r\n  <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n    <!--label-->\r\n    <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n      {{options.LabelValue}}\r\n    </label>\r\n    <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n      <!--input-->\r\n      <input autocomplete=\"off\" (dateTimeChange)=\"onDateSelect($event)\"\r\n             dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n             class=\"form-control bnsights-control  {{options.ExtraClasses}} \"\r\n             [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n             formControlName=\"{{options.Name}}\" [owlDateTime]=\"dt1\" [owlDateTimeTrigger]=\"dt1\"\r\n             [class.is-invalid]=\"DatePickerFormControl.invalid && DatePickerFormControl.touched\"\r\n             [min]=\"options.StartDate\" [max]=\"options.EndDate\" [hour12Timer]=\"options.Hour12Timer\" [selectMode]=\"getSelectMode(options.SelectMode)\"\r\n             placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" #Dateinput>\r\n\r\n      <owl-date-time [pickerType]=\"getPickerType(options.PickerType)\"\r\n                     [startView]=\"getStartView(options.StartView)\" [firstDayOfWeek]=\"options.FirstDayOfWeek\"\r\n                     [hour12Timer]=\"options.Hour12Timer\" #dt1></owl-date-time>\r\n      <!--icon-->\r\n      <span class=\"copy-clipboard\">\r\n        <span class=\"svg-icon\">\r\n          <svg id=\"Group_356\" data-name=\"Group 356\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 48 48\">\r\n            <path id=\"Path_6737\" data-name=\"Path 6737\" d=\"M11.583,1a1,1,0,0,0-2,0V5.7h2Z\" style=\"\"></path>\r\n            <path id=\"Path_6738\" data-name=\"Path 6738\" d=\"M38.417,1a1,1,0,0,0-2,0V5.7h2Z\"></path>\r\n            <path id=\"Path_6739\" data-name=\"Path 6739\" d=\"M0,43.146C0,45.822,1.826,48,4.07,48H43.928C46.174,48,48,45.822,48,43.146V17.121H0Z\" fill=\"#d5d5d5\"></path>\r\n            <path id=\"Path_6740\" data-name=\"Path 6740\" d=\"M43.929,5.7H38.417v5.512a1,1,0,1,1-2,0V5.7H11.583v5.512a1,1,0,1,1-2,0V5.7H4.07C1.826,5.7,0,7.877,0,10.555v4.566H48V10.555C48,7.877,46.174,5.7,43.929,5.7Z\" fill=\"#595959\"></path>\r\n          </svg>\r\n        </span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div class=\"subtext-container\">\r\n    <!-- LabelDescription-->\r\n    <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n    <!-- requiredText-->\r\n    <div class=\"bbsf-validation\" *ngIf=\"(DatePickerFormControl.invalid && DatePickerFormControl.touched)\">\r\n      {{getErrorValidation(DatePickerFormControl.errors|keyvalue)}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n</div>\r\n",
+                    template: "\r\n<div class=\"form-group bbsf-control bbsf-datetime-picker\" [formGroup]=\"group\">\r\n  <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n    <!--label-->\r\n    <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n      {{options.LabelValue}}\r\n    </label>\r\n    <!--Asterisk-->\r\n    <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\"\r\n          aria-required=\"true\">*</span>\r\n    <div class=\"bbsf-input-container\">\r\n      <!--input-->\r\n      <input autocomplete=\"off\" (dateTimeChange)=\"onDateSelect($event)\"\r\n             dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n             class=\"form-control bnsights-control  {{options.ExtraClasses}} \"\r\n             [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n             formControlName=\"{{options.Name}}\" [owlDateTime]=\"dt1\" [owlDateTimeTrigger]=\"dt1\"\r\n             [class.is-invalid]=\"DatePickerFormControl.invalid && DatePickerFormControl.touched\"\r\n             [min]=\"options.StartDate\" [max]=\"options.EndDate\" [hour12Timer]=\"options.Hour12Timer\" [selectMode]=\"getSelectMode(options.SelectMode)\"\r\n             placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" #Dateinput>\r\n\r\n      <owl-date-time [pickerType]=\"getPickerType(options.PickerType)\"\r\n                     [startView]=\"getStartView(options.StartView)\" [firstDayOfWeek]=\"options.FirstDayOfWeek\"\r\n                     [hour12Timer]=\"options.Hour12Timer\" #dt1></owl-date-time>\r\n      <!--icon-->\r\n      <span class=\"copy-clipboard\" [owlDateTimeTrigger]=\"dt1\">\r\n        <span class=\"svg-icon\">\r\n          <svg id=\"Group_356\" data-name=\"Group 356\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 48 48\">\r\n            <path id=\"Path_6737\" data-name=\"Path 6737\" d=\"M11.583,1a1,1,0,0,0-2,0V5.7h2Z\" style=\"\"></path>\r\n            <path id=\"Path_6738\" data-name=\"Path 6738\" d=\"M38.417,1a1,1,0,0,0-2,0V5.7h2Z\"></path>\r\n            <path id=\"Path_6739\" data-name=\"Path 6739\" d=\"M0,43.146C0,45.822,1.826,48,4.07,48H43.928C46.174,48,48,45.822,48,43.146V17.121H0Z\" fill=\"#d5d5d5\"></path>\r\n            <path id=\"Path_6740\" data-name=\"Path 6740\" d=\"M43.929,5.7H38.417v5.512a1,1,0,1,1-2,0V5.7H11.583v5.512a1,1,0,1,1-2,0V5.7H4.07C1.826,5.7,0,7.877,0,10.555v4.566H48V10.555C48,7.877,46.174,5.7,43.929,5.7Z\" fill=\"#595959\"></path>\r\n          </svg>\r\n        </span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div class=\"subtext-container\">\r\n    <!-- LabelDescription-->\r\n    <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n    <!-- requiredText-->\r\n    <div class=\"bbsf-validation\" *ngIf=\"(DatePickerFormControl.invalid && DatePickerFormControl.touched)\">\r\n      {{getErrorValidation(DatePickerFormControl.errors|keyvalue)}}\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n</div>\r\n",
                     providers: [
                         { provide: ngPickDatetime.OwlDateTimeIntl, useClass: DefaultIntl }
                     ]
@@ -1625,7 +1629,8 @@
         MultiLingualTextBoxComponent.prototype.trimControlValue = function (type) {
             var whitespace = ' ';
             if (type == "En") {
-                var originalValue = this.EnglishFormControl.value;
+                var originalValue = this.controlUtility.trimControlValue(this.EnglishFormControl.value);
+                this.EnglishFormControl.patchValue(originalValue);
                 if (this.options.PatchFunction && this.options.PatchPath && this.EnglishFormControl.valid) {
                     this.controlUtility.patchControlValue(originalValue, this.options.PatchFunction, this.options.PatchPath);
                 }
@@ -1634,7 +1639,8 @@
                 }
             }
             if (type == "Ar") {
-                var originalValue = this.ArabicFormControl.value;
+                var originalValue = this.controlUtility.trimControlValue(this.ArabicFormControl.value);
+                this.ArabicFormControl.patchValue(originalValue);
                 if (this.options.PatchFunction && this.options.PatchPath && this.ArabicFormControl.valid) {
                     this.controlUtility.patchControlValue(originalValue, this.options.PatchFunction, this.options.PatchPath);
                 }
@@ -3658,8 +3664,8 @@
             }
             this.group.addControl(this.options.Name, new forms.FormControl(''));
             this.ImageUploadFormControl = this.group.controls[this.options.Name]; //  new FormControl('',validationRules);
-            // if (this.options.Value != null)
-            //   this.group.get(this.options.Name).setValue(this.options.Value);
+            if (this.options.Value != null)
+                this.group.get(this.options.Name).setValue(this.options.Value);
             if (this.options.LabelKey != null && this.options.LabelKey != '')
                 this.options.LabelValue = this.UtilityService.getResourceValue(this.options.LabelKey);
             if (this.options.CustomValidation.length > 0) {
@@ -8181,6 +8187,7 @@
             this.filtersLabel = this.utilityService.getResourceValue("Filters");
             this.addLabel = this.utilityService.getResourceValue("Add");
             this.userName = this.auhService.name();
+            this.isEN = this.utilityService.isCurrentLanguageEnglish();
         }
         AppBaseComponent.prototype.updatePageTitle = function (title) {
             this.titleService.setTitle(this.calculatePageTitle(title));
@@ -8285,12 +8292,26 @@
             return this.utilityService.isCurrentLanguageEnglish();
         };
         AppBaseComponent.prototype.calculateInitials = function (name) {
-            var _a;
-            var fullName = name === null || name === void 0 ? void 0 : name.split(' ');
-            if (!fullName)
-                return null;
-            var initials = fullName.shift().charAt(0) + ((_a = fullName.pop()) === null || _a === void 0 ? void 0 : _a.charAt(0));
-            return initials.toUpperCase();
+            var language = localStorage.getItem("language");
+            var currentUser = this.auhService.user.profile;
+            console.log(currentUser);
+            var userName = language == "en" ? currentUser.given_nameEn : currentUser.given_nameAr;
+            if (currentUser) {
+                var fullName = userName.split(" ");
+                var initials = void 0;
+                if (fullName.length > 1) {
+                    if (this.isEN)
+                        initials = fullName.shift().charAt(0) + fullName.pop().charAt(0);
+                    else
+                        initials =
+                            fullName.shift().charAt(0) + " " + fullName.pop().charAt(0);
+                }
+                else {
+                    initials = fullName.pop().charAt(0);
+                }
+                return initials.toUpperCase();
+            }
+            return "";
         };
         AppBaseComponent.prototype.getCurrentUserInitials = function () {
             return this.calculateInitials(this.auhService.name());