@churchillliving/se-ui-toolkit 6.53.82 → 6.53.84

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -2249,7 +2249,7 @@
                             isValid =
                                 row[item.field] && row[item.field].length > item.validations[i].expression
                                     ? true
-                                    : _this.setErrorMessage(item, "Minimum " + item.validations[i].expression + " characters required");
+                                    : _this.setErrorMessage(item, item.header + ", Minimum " + item.validations[i].expression + " characters required");
                             break;
                         }
                         else if (row[item.field] &&
@@ -2258,7 +2258,7 @@
                             isValid =
                                 row[item.field] && row[item.field].length < item.validations[i].expression
                                     ? true
-                                    : _this.setErrorMessage(item, "Maximum " + item.validations[i].expression + " characters required");
+                                    : _this.setErrorMessage(item, item.header + ", Maximum " + item.validations[i].expression + " characters required");
                             break;
                         }
                         else if (row[item.field] &&
@@ -2271,7 +2271,7 @@
                                 isValid =
                                     row[item.field] && row[item.field].length > item.validations[i].expression
                                         ? true
-                                        : _this.setErrorMessage(item, "Minimum " + valid + " " + item.validations[i].expression);
+                                        : _this.setErrorMessage(item, item.header + ", Minimum " + valid + " " + item.validations[i].expression);
                             }
                         }
                         else if (row[item.field] &&
@@ -2284,7 +2284,7 @@
                                 isValid =
                                     row[item.field] && row[item.field].length < item.validations[i].expression
                                         ? true
-                                        : _this.setErrorMessage(item, "Maximum " + valid + " " + item.validations[i].expression);
+                                        : _this.setErrorMessage(item, item.header + ", Maximum " + valid + " " + item.validations[i].expression);
                             }
                         }
                         else if (row[item.field] &&
@@ -4594,12 +4594,18 @@
         // check the validation of the field
         GridComponent.prototype.gridValidation = function (columns, row) {
             if (!this.gridService.checkValidity(columns, row)) {
+                var errorMessageDetails_1 = '';
+                columns === null || columns === void 0 ? void 0 : columns.forEach(function (column) {
+                    if (column.errorMessage) {
+                        errorMessageDetails_1 = errorMessageDetails_1 ? errorMessageDetails_1 + ' , ' + column.errorMessage : column.errorMessage;
+                    }
+                });
                 var isRequired = columns.some(function (column) { return column.errorMessage && !row[column.field]; });
                 if (isRequired) {
-                    this.alertService.error('Required fields are missing', 'REQUIRED FIELD');
+                    this.alertService.error(errorMessageDetails_1, 'REQUIRED FIELD');
                 }
                 else {
-                    this.alertService.error('Some fields are invalid', 'INVALID FIELD');
+                    this.alertService.error(errorMessageDetails_1, 'INVALID FIELD');
                 }
                 return false;
             }
@@ -5074,16 +5080,16 @@
         };
         GridComponent.prototype.setFilterFocusOut = function (col, filter, event) {
             var _this = this;
-            this.gridFilterObj = { column: col, filter: filter, event: event };
-            var newColumn = Object.assign({}, col);
-            //change filter calender format
-            if (newColumn.type === 'date' && newColumn.value) {
-                newColumn.value = this.datePipe.transform(col.value.toString().trim(), 'yyyy-MM-dd');
-            }
             setTimeout(function () {
+                _this.gridFilterObj = { column: col, filter: filter, event: event };
+                var newColumn = Object.assign({}, col);
+                //change filter calender format
+                if (newColumn.type === 'date' && newColumn.value) {
+                    newColumn.value = _this.datePipe.transform(col.value.toString().trim(), 'yyyy-MM-dd');
+                }
                 _this.filterObj(newColumn);
-            }, newColumn.type === exports.EGridColumnType.LOOKUP_INPUT ? 250 : 0);
-            localStorage.setItem('applyFilter', JSON.stringify(false));
+                localStorage.setItem('applyFilter', JSON.stringify(false));
+            }, col.type === exports.EGridColumnType.LOOKUP_INPUT ? 250 : 0);
         };
         GridComponent.prototype.filterObj = function (col) {
             var obj = {
@@ -6461,15 +6467,22 @@
             var _this = this;
             var _a, _b, _c, _d, _e;
             var validity = true;
+            var errorMessageDetails = '';
             (_a = this.form.formSections) === null || _a === void 0 ? void 0 : _a.forEach(function (formSection) {
+                var _a;
                 if (formSection.fields) {
                     if (!_this.formService.checkValidity(formSection.fields)) {
+                        (_a = formSection.fields) === null || _a === void 0 ? void 0 : _a.forEach(function (formField) {
+                            if (formField.errorMessage) {
+                                errorMessageDetails = errorMessageDetails ? errorMessageDetails + " , " + formField.errorMessage : formField.errorMessage;
+                            }
+                        });
                         var field = formSection.fields.some(function (field) { return field.requiredField && field.errorMessage && !field.value; });
                         if (validity && field) {
-                            _this.alertService.error('Required fields are missing', 'REQUIRED FIELD');
+                            _this.alertService.error(errorMessageDetails, 'REQUIRED FIELD');
                         }
                         else {
-                            _this.alertService.error('Some fields are invalid', 'INVALID FIELD');
+                            _this.alertService.error(errorMessageDetails, 'INVALID FIELD');
                         }
                         validity = false;
                     }
@@ -7166,7 +7179,7 @@
     MenuBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'se-menu-bar',
-                    template: "<div class=\"wrapper\" *ngIf=\"hiddenPanelMenu\">\n  <div\n    *ngIf=\"!isMenubarHidden\"\n    class=\"p-p-0 sidebar\"\n    [style]=\"{ backgroundColor: menuBackColor }\"\n    [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n  >\n  <div class=\"p-d-flex p-ai-center toggle-btn\">\n    <p-avatar\n          pBadge\n          (click)=\"clickEvent()\"\n          icon=\"pi pi-user\"\n          size=\"xlarge\"\n          shape=\"circle\"\n          class=\"p-pr-3\"\n          [title]=\"toolTip\"\n        ></p-avatar>\n      <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n        <i\n          class=\"pi pi-fw toggle-icon\"\n          [pTooltip]=\"toggleMenu ? 'Expand' : 'Collapse'\"\n          [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n        ></i>\n        \n        <span>{{ menuTitle }}</span>\n      </button>\n    </div>\n    <nav\n      class=\"navbar navbar-expand-lg navbar-light bg-light p-p-0 grow-1\"\n      [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n    >\n      <p-panelMenu [model]=\"menuBarItems\" class=\"menuSidebar\"></p-panelMenu>\n    </nav>\n    <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\n  </div>\n</div>\n",
+                    template: "<div class=\"wrapper\" *ngIf=\"hiddenPanelMenu\">\n  <div\n    *ngIf=\"!isMenubarHidden\"\n    class=\"p-p-0 sidebar\"\n    [style]=\"{ backgroundColor: menuBackColor }\"\n    [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n  >\n  <div class=\"p-d-flex p-ai-center toggle-btn\">\n    <p-avatar\n          pBadge\n          (click)=\"clickEvent()\"\n          icon=\"pi pi-user\"\n          size=\"xlarge\"\n          shape=\"circle\"\n          class=\"p-pr-3\"\n          [title]=\"toolTip\"\n        ></p-avatar>\n      <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n        <i\n          class=\"pi pi-fw toggle-icon\"\n          [pTooltip]=\"toggleMenu ? 'Expandsss' : 'Collapse'\"\n          [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n        ></i>\n        \n        <span>{{ menuTitle }}</span>\n      </button>\n    </div>\n    <nav\n      class=\"navbar navbar-expand-lg navbar-light bg-light p-p-0 grow-1\"\n      [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n    >\n      <p-panelMenu [model]=\"menuBarItems\" class=\"menuSidebar\"></p-panelMenu>\n    </nav>\n    <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\n  </div>\n</div>\n",
                     styles: ["@charset \"UTF-8\";.wrapper{position:relative;z-index:1}div.sidebar{height:100vh;overflow:visible;background:#f8f9fa;position:sticky;top:0;display:flex;flex-direction:column}.toggle-btn:hover button{background-color:#e9ecef}.grow-1{flex-grow:1}.p-panelmenu .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header>a{padding-left:1.25rem!important;padding-right:1.25rem!important}.p-panelmenu .p-panelmenu-panel .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}.navbar-nav{flex-direction:row;flex-wrap:wrap}.navbar-nav .nav-item{padding:0 7.5px}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.sidebar .navbar.hide-nav{width:95px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.toggle-btn{width:100%;padding:1rem;border:0px;color:#495057;background:#f8f9fa;font-weight:600;border-radius:3px;transition:box-shadow .2s;text-align:left;cursor:pointer;display:flex;align-items:center}.toggle-btn.hover-scale:hover i{font-size:18px!important}.toggle-btn i{margin-right:.5rem;font-size:9px;font-weight:bold;color:#262626}.toggle-btn:hover{background:#e9ecef;border-color:#dee2e6}.hide-nav .toggle-btn span{display:none}.hide-nav .toggle-btn{justify-content:center}:host ::ng-deep .p-menuitem-link-active{background:#eee!important}:host ::ng-deep .p-menuitem-link-active:focus{box-shadow:unset!important}:host ::ng-deep .p-menuitem{margin:3px}:host ::ng-deep .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus,:host ::ng-deep .p-panelmenu .p-panelmenu-header>a:focus{box-shadow:unset!important}:host ::ng-deep .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}:host ::ng-deep .p-menuitem-icon{font-size:20px}:host ::ng-deep .p-menuitem-text{font-size:14px;white-space:nowrap}:host ::ng-deep .p-menuitem-text,:host ::ng-deep .p-panelmenu-icon,:host ::ng-deep .nav-footer{transition:opacity 1s;-webkit-transition:opacity 1s}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}:host ::ng-deep .p-panelmenu-header-link{position:relative}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon{position:absolute;right:8px}:host ::ng-deep .p-panelmenu-header-link .pi-chevron-right:before{content:\"\\e902\"}:host ::ng-deep .p-panelmenu-header-link .pi-chevron-down:before{content:\"\\e901\"}.toggle-icon{position:absolute;top:48%;right:5px;color:#fff!important;z-index:9}\n"]
                 },] }
     ];
@@ -8361,11 +8374,8 @@
         // change calendar format on run time if user type date on the calendar field.
         SeGlobalFilterComponent.prototype.calendarFocusEvent = function (globalFilter, event) {
             var _this = this;
-            var _a, _b, _c;
-            if (((_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) === 0 && globalFilter.type === exports.GridFilterControlType.DATE_RANGE) {
-                this.setDateRangeValue(globalFilter, true);
-            }
-            (_c = document.getElementsByClassName(globalFilter.displayText)[0]) === null || _c === void 0 ? void 0 : _c.addEventListener('keyup', function (a) {
+            var _a, _b, _c, _d, _e;
+            (_a = document.getElementsByClassName(globalFilter.displayText)[0]) === null || _a === void 0 ? void 0 : _a.addEventListener('keyup', function (a) {
                 var _a, _b, _c;
                 var year = (_c = (_b = (_a = a === null || a === void 0 ? void 0 : a.target) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.toString()) === null || _c === void 0 ? void 0 : _c.split('/')[2];
                 year = year === null || year === void 0 ? void 0 : year.toString().split(" ")[0];
@@ -8379,6 +8389,10 @@
                     _this.calendarFormat = 'mm/dd/y';
                 }
             });
+            var yearValue = (_d = (_c = (_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.toString()) === null || _d === void 0 ? void 0 : _d.split('/')[4];
+            if ((!globalFilter.value || yearValue == undefined || ((_e = yearValue === null || yearValue === void 0 ? void 0 : yearValue.toString()) === null || _e === void 0 ? void 0 : _e.length) === 1) && globalFilter.type === exports.GridFilterControlType.DATE_RANGE) {
+                this.setDateRangeValue(globalFilter, true);
+            }
         };
         SeGlobalFilterComponent.prototype.checkFilterValidation = function (removeError) {
             if (removeError === void 0) { removeError = false; }