@bnsights/bbsf-controls 1.0.98 → 1.0.100

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

@@ -1208,12 +1208,12 @@
             if (this.options.FileMaxSizeInMB > 0) {
                 this.ValidationMessage =
                     this.ValidationMessage +
-                        ("<br /> Max File Size " + this.options.FileMaxSizeInMB + " MB");
+                        ("<br />  " + (this.UtilityService.getResourceValue('FileMaxSizeInMB') + this.options.FileMaxSizeInMB) + " ");
             }
             if (this.options.MinNoOfFiles > 0) {
                 this.ValidationMessage =
                     this.ValidationMessage +
-                        ("<br /> Min File Number is  " + this.options.MinNoOfFiles);
+                        ("<br /> " + (this.UtilityService.getResourceValue("MinFileCountValidationKey") + this.options.MinNoOfFiles));
             }
             if (this.options.FileUploadAcceptsTypes != null &&
                 this.options.FileUploadAcceptsTypes.length > 0) {
@@ -1295,18 +1295,6 @@
                 this.uploader.queue = [];
                 return;
             }
-            if (this.options.IsMultipleFile &&
-                this.options.MaxNoOfFiles != null &&
-                this.options.MaxNoOfFiles > 0 &&
-                this.options.MaxNoOfFiles < this.uploader.queue.length) {
-                var formControl = this.fileUploadFormControl;
-                formControl.setErrors({
-                    MaxFileCountValidationKey: this.options.MaxNoOfFiles,
-                });
-                formControl.markAsTouched();
-                this.uploader.queue = [];
-                return;
-            }
             if (this.options.IsMultipleFile &&
                 this.options.MaxSizeForAllFilesInMB != null &&
                 this.options.MaxSizeForAllFilesInMB > 0) {
@@ -1357,6 +1345,7 @@
                     var fileObject = file.rawFile;
                     reader_1.readAsDataURL(fileObject);
                     reader_1.onload = function () {
+                        var _a;
                         var existingID_GUID = null;
                         if (!_this.options.IsMultipleFile && _this.file)
                             existingID_GUID =
@@ -1387,7 +1376,7 @@
                                     _this.multipleFileUploadModel.RemovedFiles = [];
                                 }
                             }
-                            _this.multipleFileUploadModel.CorrelationID_GUID = _this.options.Value.CorrelationID_GUID;
+                            _this.multipleFileUploadModel.CorrelationID_GUID = (_a = _this.options.Value) === null || _a === void 0 ? void 0 : _a.CorrelationID_GUID;
                             _this.fileUploadFormControl.setValue(_this.multipleFileUploadModel);
                             _this.group
                                 .get(_this.options.Name)
@@ -1413,6 +1402,7 @@
             }
         };
         FileUploadComponent.prototype.removeFromControlValue = function (item) {
+            var _a;
             if (this.options.IsMultipleFile == false) {
                 this.fileUploadModel = null;
                 if (this.options.IsRequired == true) {
@@ -1459,10 +1449,14 @@
                 if ((this.multipleFileUploadModel.UploadedFiles == null ||
                     this.multipleFileUploadModel.UploadedFiles.length == 0) &&
                     this.options.IsRequired) {
+                    var formControl = this.fileUploadFormControl;
+                    formControl.setErrors({
+                        MinFileCountValidationKey: this.options.MinNoOfFiles,
+                    });
                     this.fileUploadFormControl.markAsTouched();
                     this.fileUploadFormControl.invalid;
                 }
-                this.multipleFileUploadModel.CorrelationID_GUID = this.options.Value.CorrelationID_GUID;
+                this.multipleFileUploadModel.CorrelationID_GUID = (_a = this.options.Value) === null || _a === void 0 ? void 0 : _a.CorrelationID_GUID;
                 this.fileUploadFormControl.setValue(this.multipleFileUploadModel);
                 this.group.get(this.options.Name).setValue(this.multipleFileUploadModel);
                 //Use this line to enable two way binding.
@@ -4610,10 +4604,17 @@
         };
         AutocompleteTextBoxComponent.prototype.onChangeSearch = function (search) {
             return __awaiter(this, void 0, void 0, function () {
+                var formControl;
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            if (this.options.MaxLength && search.length > this.options.MaxLength) {
+                                formControl = this.AutocompleteTextBoxControl;
+                                formControl.setErrors({ errorMassage: this.UtilityService.getResourceValue("MaxLenghtValidationKey") + " " + this.options.MaxLength });
+                                formControl.markAsTouched();
+                                return [2 /*return*/];
+                            }
                             this.Search = search;
                             this.SelectedValue = "";
                             return [4 /*yield*/, this.suggestions$.subscribe(function (result) {
@@ -4636,6 +4637,11 @@
                 });
             });
         };
+        AutocompleteTextBoxComponent.prototype.onInputCleared = function () {
+            this.AutocompleteTextBoxControl.setValue(null);
+            this.OnChange.emit(null);
+            this.AutocompleteTextBoxControl.updateValueAndValidity();
+        };
         return AutocompleteTextBoxComponent;
     }());
     AutocompleteTextBoxComponent.controlContainerstatic = null;
@@ -4643,7 +4649,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     selector: 'BBSF-AutocompleteTextBox',
-                    template: "\r\n<div class=\"form-group bbsf-control bbsf-autocomplete-textbox\" [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      <!--Asterisk-->\r\n      <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired))&&!options.IsReadonly\" class=\"text-danger\">*</span>\r\n    </label>\r\n    <!--Input container-->\r\n    <div class=\"bbsf-input-container\" *ngIf=\"!options.IsReadonly\">\r\n      <!--input-->\r\n      <ng-autocomplete class=\"form-control  {{options.ExtraClasses}}\" *ngIf=\"!options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n                       [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n                       (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n                       [dir]=\"textDir\"\r\n                       formControlName=\"{{options.Name}}\"\r\n                       aria-describedby=\"email-error\"\r\n                       aria-invalid=\"true\"\r\n                       [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n      </ng-autocomplete>\r\n\r\n      <ng-autocomplete class=\"form-control {{options.ExtraClasses}}\" *ngIf=\"options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n                       [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n                       (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n                       [dir]=\"textDir\"\r\n                       formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n                       [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <img *ngIf=\"options.ItemWithImage\" src=\"{{(item.image?item.image:avatarImage)}}\" />\r\n        <a [innerHTML]=\"item.value\"></a>\r\n      </ng-template>\r\n    </div>\r\n    <!-- readonly -->\r\n    <div *ngIf=\"options.IsReadonly\"><span class=\"readonly-view\">{{AutocompleteTextBoxControl.value.value}}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"subtext-container\" *ngIf=\"!options.IsReadonly\">\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=\"(AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched)\">\r\n      {{getErrorValidation(AutocompleteTextBoxControl.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\r\n"
+                    template: "\r\n<div class=\"form-group bbsf-control bbsf-autocomplete-textbox\" [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      <!--Asterisk-->\r\n      <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired))&&!options.IsReadonly\" class=\"text-danger\">*</span>\r\n    </label>\r\n    <!--Input container-->\r\n    <div class=\"bbsf-input-container\" *ngIf=\"!options.IsReadonly\">\r\n      <!--input-->\r\n      <ng-autocomplete class=\"form-control  {{options.ExtraClasses}}\" *ngIf=\"!options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n                       [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n                       (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n                       [dir]=\"textDir\"\r\n                       formControlName=\"{{options.Name}}\"\r\n                       aria-describedby=\"email-error\"\r\n                       aria-invalid=\"true\"\r\n                       [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\"\r\n                       (inputCleared)=\"onInputCleared()\"\r\n                       >\r\n      </ng-autocomplete>\r\n\r\n      <ng-autocomplete class=\"form-control {{options.ExtraClasses}}\" *ngIf=\"options.AllowNewSelection\" [data]=\"dataList\" [initialValue]=\"SelectedValue\"\r\n                       [searchKeyword]=\"keyword\" placeholder=\"{{options.Placeholder}}\" (selected)='selectEvent($event)'\r\n                       (inputChanged)='onChangeSearch($event)' historyIdentifier=\"dataList\" [itemTemplate]=\"itemTemplate\"\r\n                       [dir]=\"textDir\"   (inputCleared)=\"onInputCleared()\"\r\n                       formControlName=\"{{options.Name}}\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n                       [class.is-invalid]=\"AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched\">\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <img *ngIf=\"options.ItemWithImage\" src=\"{{(item.image?item.image:avatarImage)}}\" />\r\n        <a [innerHTML]=\"item.value\"></a>\r\n      </ng-template>\r\n    </div>\r\n    <!-- readonly -->\r\n    <div *ngIf=\"options.IsReadonly\"><span class=\"readonly-view\">{{AutocompleteTextBoxControl.value.value}}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"subtext-container\" *ngIf=\"!options.IsReadonly\">\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=\"(AutocompleteTextBoxControl.invalid && AutocompleteTextBoxControl.touched)\">\r\n      {{getErrorValidation(AutocompleteTextBoxControl.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\r\n"
                 },] }
     ];
     AutocompleteTextBoxComponent.ctorParameters = function () { return [
@@ -5592,7 +5598,7 @@
                     ]));
                     break;
                 case exports.InputType.URL:
-                    var pattern = new RegExp("(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?");
+                    var pattern = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]!\$&'\(\)\*\+,;=.]+$/;
                     this.validationRules.push(forms.Validators.compose([
                         this.controlUtility.patternValidator(pattern, { URLValidationKey: this.URLValidationKey }),
                     ]));
@@ -6416,7 +6422,7 @@
         { type: i0.Component, args: [{
                     // tslint:disable-next-line: component-selector
                     selector: 'BBSF-Form',
-                    template: "<form id=\"{{fromName}}\" [FormGroup]=\"options.FormGroup\" (keydown.enter)=\"submit()\" (ngSubmit)=\"submit()\">\r\n\r\n  <ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</form>"
+                    template: "<form id=\"{{fromName}}\" [FormGroup]=\"options.FormGroup\" (ngSubmit)=\"submit()\">\r\n\r\n  <ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</form>\r\n"
                 },] }
     ];
     FormComponent.ctorParameters = function () { return [