@churchillliving/se-ui-toolkit 6.52.88 → 6.52.90

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

@@ -3375,7 +3375,7 @@
             this.onPageChange = new i0.EventEmitter();
             // Dispatch output event trigger on edit row
             this.onRowUpdate = new i0.EventEmitter();
-            // Dispatch output event trigger on edit row
+            // Dispatch output event trigger cancel all rows
             this.onCancelAllRows = new i0.EventEmitter();
             // Dispatch output event trigger on delete row
             this.onRowDelete = new i0.EventEmitter();
@@ -4516,7 +4516,12 @@
                 if (row.isNew) {
                     var isNew = row.isNew, newRowObj = __rest(row, ["isNew"]);
                     delete newRowObj[this.dataKey];
-                    this.onRowAdd.emit(newRowObj);
+                    if (this.saveAllRecord) {
+                        this.saveRecordArray.push(newRowObj);
+                    }
+                    else {
+                        this.onRowAdd.emit(newRowObj);
+                    }
                 }
                 else {
                     if (this.saveAllRecord) {
@@ -5283,6 +5288,7 @@
                             finally { if (e_2) throw e_2.error; }
                         }
                         Promise.all(records$_1).then(function (response) {
+                            console.log("AAAA");
                             _this.onRowUpdate.emit(_this.saveRecordArray);
                             _this.saveRecordArray = [];
                         });
@@ -8322,7 +8328,7 @@
         };
         SeGlobalFilterComponent.prototype.ngOnChanges = function () {
             var _this = this;
-            var _a;
+            var _a, _b;
             this.checkFilterValidation();
             (_a = this.globalFilters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) {
                 if (filter.value && (filter.hidden === false || filter.hidden === undefined)) {
@@ -8331,9 +8337,9 @@
             });
             // set By Defualt Calender Range
             this.setDefualtCalendarRange(false);
-            var girdClearFilterBtn = document.getElementById('clearGridFilterValuesButton');
+            var girdClearFilterBtn = document === null || document === void 0 ? void 0 : document.getElementById('clearGridFilterValuesButton');
             if (girdClearFilterBtn) {
-                if (girdClearFilterBtn.classList.contains('hide-clear-filter-button')) {
+                if ((_b = girdClearFilterBtn === null || girdClearFilterBtn === void 0 ? void 0 : girdClearFilterBtn.classList) === null || _b === void 0 ? void 0 : _b.contains('hide-clear-filter-button')) {
                     this.hideClearFilterBtn = true;
                 }
                 else {
@@ -8643,7 +8649,7 @@
     SeGlobalFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'se-global-filters',
-                    template: "<div class=\"p-d-flex p-flex-wrap p-flex-row row\">\r\n  <div\r\n    [class]=\"globalFilter.hidden ? '' : globalFilter.column ? 'p-col-' + globalFilter.column : 'p-col-3'\"\r\n    *ngFor=\"let globalFilter of globalFilters\"\r\n  >\r\n    <div [ngSwitch]=\"globalFilter.type\">\r\n      <!-- Calender control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <p-calendar\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n              [placeholder]=\"'Select-Date'\"\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (onSelect)=\"selectDate(globalFilter, true)\"\r\n              [inputId]=\"globalFilter.field\"\r\n              [dateFormat]=\"calendarFormat\"\r\n              (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n              appendTo=\"body\"\r\n              [showButtonBar]=\"true\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n            >\r\n            </p-calendar>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Calender Range -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <button\r\n              pButton\r\n              type=\"button\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\"\r\n              class=\"custom-btn\"\r\n              (click)=\"showPrevious(globalFilter)\"\r\n              label=\"Previous {{\r\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n              }} <<\"\r\n            ></button>\r\n            <label class=\"size-10\"\r\n              >\r\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\r\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\r\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\r\n              </span>\r\n              {{\r\n                startDate\r\n                  | date\r\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n              }}\r\n              to\r\n              {{\r\n                endDate\r\n                  | date\r\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n              }}\r\n              <span *ngIf=\"globalFilter.prefix===false\">\r\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\r\n              </span></label\r\n            >\r\n            <button\r\n              pButton\r\n              type=\"button\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\"\r\n              class=\"custom-btn\"\r\n              (click)=\"showNext(globalFilter)\"\r\n              label=\"Next {{\r\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n              }} >>\"\r\n            ></button>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Checkbox Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-checkbox\r\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'p-d-flex p-ai-center'\"\r\n            [binary]=\"true\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n          ></p-checkbox>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Spacer Control -->\r\n      <span *ngIf=\"!globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.SPACER\"\r\n        >\r\n          <span\r\n            [class]=\"\r\n            globalFilter.column\r\n                ? 'p-col-' + globalFilter.column\r\n                : ''\r\n            \"\r\n          ></span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Dropdown Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-dropdown\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [name]=\"globalFilter.displayText\"\r\n            [showClear]=\"true\"\r\n            [styleClass]=\"globalFilter.field\"\r\n            (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\r\n            [placeholder]=\"globalFilter.displayText\"\r\n            [options]=\"globalFilter.data || []\"\r\n            [optionLabel]=\"globalFilter.optionLabel\"\r\n            [optionValue]=\"globalFilter.optionValue\"\r\n            [filter]=\"globalFilter.allowSearch\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n          ></p-dropdown>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Input control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.INPUT\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-flex-nowrap align-items-center\">\r\n            <input\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1'\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (blur)=\"onFocusOutEvent(globalFilter)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              class=\"form-control\"\r\n            />\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- NumericInput control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n            <input\r\n              type=\"number\"\r\n              pInputText\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (blur)=\"onFocusOutEvent(globalFilter)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              class=\"form-control\"\r\n            />\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n      \r\n      <!-- Date Range Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\r\n          <label for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <p-calendar \r\n            #rangeCalendar\r\n            [showButtonBar]=\"true\"\r\n            todayButtonStyleClass=\"p-d-none\"\r\n            clearButtonStyleClass=\"p-ml-auto\"\r\n            [inputId]=\"globalFilter.displayText\"\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n            [(ngModel)]=\"globalFilter.value\" \r\n            selectionMode=\"range\" \r\n            appendTo=\"body\"\r\n            (onSelect)=\"selectDate(globalFilter, true)\"\r\n            [dateFormat]=\"calendarFormat\"\r\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\r\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\r\n            (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\r\n            ></p-calendar>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Numeric Range control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\r\n        >\r\n          <label for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex\">\r\n          <div class=\"p-d-flex flex-nowrap align-items-center p-mr-2\">\r\n            <p-inputNumber\r\n            [showButtons]=\"false\"\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\r\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n            >\r\n            </p-inputNumber>\r\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n              globalFilter.errorMessage\r\n            }}</span>\r\n          </div>\r\n          <span class=\"to-numeric\">To</span>\r\n          <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n            <p-inputNumber\r\n            [showButtons]=\"false\"\r\n              [(ngModel)]=\"globalFilter.valueTwo\"\r\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1 input-number'\"\r\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\r\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n            >\r\n            </p-inputNumber>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n          globalFilter.errorMessage\r\n        }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- MultiSelect control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-multiSelect\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [options]=\"globalFilter.data\"\r\n            optionLabel=\"label\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            optionValue=\"value\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n            [appendTo]=\"'body'\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n          ></p-multiSelect>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Lookup Control Field -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <input\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [id]=\"globalFilter.field\"\r\n            type=\"text\"\r\n            pInputText\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            (blur)=\"onFocusOutEvent(globalFilter)\"\r\n            [name]=\"globalFilter.field\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            (click)=\"selectLookupField(globalFilter)\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            class=\"form-control\"\r\n          />\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Apply button -->\r\n\r\n<button\r\n*ngIf=\"searchGlobalFilterBtn\"\r\npButton\r\ntype=\"button\"\r\nicon=\"pi pi-search\"\r\nid=\"globalSearchbtn\"\r\n(click)=\"applyFilters()\"\r\nclass=\"p-button-success align-globalFilter-btn p-mb-2\"\r\n></button>\r\n\r\n<!-- Close button -->\r\n<button\r\n*ngIf=\"clearGlobalFilterBtn\"\r\npButton\r\nid=\"clearGlobalFilterBtn\"\r\ntype=\"button\"\r\nicon=\"pi pi-refresh\"\r\n(click)=\"clearFilters()\"\r\n[class]=\"hideClearFilterBtn ? 'p-button-success p-mb-2 p-ml-3 align-globalFilter-btn' : 'hide-Global-clear-filter-button'\"\r\n></button>\r\n",
+                    template: "<div class=\"p-d-flex p-flex-wrap p-flex-row row\">\r\n  <div\r\n    [class]=\"globalFilter.hidden ? '' : globalFilter.column ? 'p-col-' + globalFilter.column : 'p-col-3'\"\r\n    *ngFor=\"let globalFilter of globalFilters\"\r\n  >\r\n    <div [ngSwitch]=\"globalFilter.type\">\r\n      <!-- Calender control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <p-calendar\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n              [placeholder]=\"'Select-Date'\"\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (onSelect)=\"selectDate(globalFilter, true)\"\r\n              [inputId]=\"globalFilter.field\"\r\n              [dateFormat]=\"calendarFormat\"\r\n              (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n              appendTo=\"body\"\r\n              [showButtonBar]=\"true\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n            >\r\n            </p-calendar>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Calender Range -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <button\r\n              pButton\r\n              type=\"button\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\"\r\n              class=\"custom-btn\"\r\n              (click)=\"showPrevious(globalFilter)\"\r\n              label=\"Previous {{\r\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n              }} <<\"\r\n            ></button>\r\n            <label class=\"size-10\"\r\n              >\r\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\r\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\r\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\r\n              </span>\r\n              {{\r\n                startDate\r\n                  | date\r\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n              }}\r\n              to\r\n              {{\r\n                endDate\r\n                  | date\r\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n              }}\r\n              <span *ngIf=\"globalFilter.prefix===false\">\r\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\r\n              </span></label\r\n            >\r\n            <button\r\n              pButton\r\n              type=\"button\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\"\r\n              class=\"custom-btn\"\r\n              (click)=\"showNext(globalFilter)\"\r\n              label=\"Next {{\r\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n              }} >>\"\r\n            ></button>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Checkbox Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-checkbox\r\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'p-d-flex p-ai-center'\"\r\n            [binary]=\"true\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n          ></p-checkbox>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Spacer Control -->\r\n      <span *ngIf=\"!globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.SPACER\"\r\n        >\r\n          <span\r\n            [class]=\"\r\n            globalFilter.column\r\n                ? 'p-col-' + globalFilter.column\r\n                : ''\r\n            \"\r\n          ></span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Dropdown Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-dropdown\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [name]=\"globalFilter.displayText\"\r\n            [showClear]=\"true\"\r\n            [styleClass]=\"globalFilter.field\"\r\n            (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\r\n            [placeholder]=\"globalFilter.displayText\"\r\n            [options]=\"globalFilter.data || []\"\r\n            [optionLabel]=\"globalFilter.optionLabel\"\r\n            [optionValue]=\"globalFilter.optionValue\"\r\n            [filter]=\"globalFilter.allowSearch\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n          ></p-dropdown>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Input control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.INPUT\">\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-flex-nowrap align-items-center\">\r\n            <input\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1'\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (blur)=\"onFocusOutEvent(globalFilter)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              class=\"form-control\"\r\n            />\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- NumericInput control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n            <input\r\n              type=\"number\"\r\n              pInputText\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n              (keyup.enter)=\"applyFilters()\"\r\n              (blur)=\"onFocusOutEvent(globalFilter)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n              class=\"form-control\"\r\n            />\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n      \r\n      <!-- Date Range Control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\r\n          <label for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex p-ai-center\">\r\n            <p-calendar \r\n            #rangeCalendar\r\n            [showButtonBar]=\"true\"\r\n            todayButtonStyleClass=\"p-d-none\"\r\n            clearButtonStyleClass=\"p-ml-auto\"\r\n            [inputId]=\"globalFilter.displayText\"\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n            [(ngModel)]=\"globalFilter.value\" \r\n            selectionMode=\"range\" \r\n            appendTo=\"body\"\r\n            (onSelect)=\"selectDate(globalFilter, true)\"\r\n            [dateFormat]=\"calendarFormat\"\r\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\r\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\r\n            (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\r\n            ></p-calendar>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Numeric Range control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\r\n        >\r\n          <label for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <div class=\"p-d-flex\">\r\n          <div class=\"p-d-flex flex-nowrap align-items-center p-mr-2\">\r\n            <p-inputNumber\r\n            [showButtons]=\"false\"\r\n              [(ngModel)]=\"globalFilter.value\"\r\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\r\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n            >\r\n            </p-inputNumber>\r\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n              globalFilter.errorMessage\r\n            }}</span>\r\n          </div>\r\n          <span class=\"to-numeric\">To</span>\r\n          <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n            <p-inputNumber\r\n            [showButtons]=\"false\"\r\n              [(ngModel)]=\"globalFilter.valueTwo\"\r\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1 input-number'\"\r\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\r\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\r\n              [disabled]=\"globalFilter.disabled\"\r\n            >\r\n            </p-inputNumber>\r\n            <span *ngIf=\"globalFilter.filtering\">\r\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n          globalFilter.errorMessage\r\n        }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- MultiSelect control -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <p-multiSelect\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            [options]=\"globalFilter.data\"\r\n            optionLabel=\"label\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            optionValue=\"value\"\r\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n            [appendTo]=\"'body'\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n          ></p-multiSelect>\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n\r\n      <!-- Lookup Control Field -->\r\n      <span [hidden]=\"globalFilter.hidden\">\r\n        <div\r\n          class=\"p-d-flex p-flex-column\"\r\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\r\n        >\r\n          <label class=\"size-10\" for=\"basic\">{{ globalFilter.displayText }}\r\n            <span *ngIf=\"globalFilter.requiredField\">*</span>\r\n          </label>\r\n          <input\r\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n            [id]=\"globalFilter.field\"\r\n            type=\"text\"\r\n            pInputText\r\n            [(ngModel)]=\"globalFilter.value\"\r\n            (blur)=\"onFocusOutEvent(globalFilter)\"\r\n            [name]=\"globalFilter.field\"\r\n            (keyup.enter)=\"applyFilters()\"\r\n            (click)=\"selectLookupField(globalFilter)\"\r\n            [disabled]=\"globalFilter.disabled\"\r\n            class=\"form-control\"\r\n          />\r\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n            globalFilter.errorMessage\r\n          }}</span>\r\n        </div>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Apply button -->\r\n\r\n<button\r\n*ngIf=\"searchGlobalFilterBtn\"\r\npButton\r\ntype=\"button\"\r\nicon=\"pi pi-search\"\r\nid=\"globalSearchbtn\"\r\n(click)=\"applyFilters()\"\r\nclass=\"p-button-success align-globalFilter-btn p-mb-2\"\r\n></button>\r\n\r\n<!-- Close button -->\r\n<button\r\n*ngIf=\"clearGlobalFilterBtn\"\r\npButton\r\nid=\"clearGlobalFilterBtn\"\r\ntype=\"button\"\r\nicon=\"pi pi-refresh\"\r\n(click)=\"clearFilters()\"\r\nclass='p-button-success p-mb-2 p-ml-3 align-globalFilter-btn'\r\n></button>\r\n",
                     styles: ["*{font-family:\"Lato\",sans-serif}.pi{font-family:\"primeicons\"}#toast-container{background:black}.grow-1{flex-grow:1}.w-100{width:100%}.size-10{font-size:10px}.center-content{width:100%!important}.custom-link{color:#4e87f1;cursor:pointer;text-decoration:none}.center-content+app-sidebar{position:relative}.row{margin-left:-.5rem;margin-right:-.5rem}p-calendar{display:flex;justify-content:stretch}p-checkbox{height:42px}.p-dialog .p-dialog-content{overflow:visible!important}:host ::ng-deep input,:host ::ng-deep p-calendar,:host ::ng-deep .p-calendar,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .custom-btn button{background:#efefef;border:#eee;border-radius:0;padding:5px 15px;font-size:12px;color:#585858;margin:0 5px}:host ::ng-deep .custom-btn button:hover{background-color:#dad5d5;color:#000}:host ::ng-deep .input-number{border:0;border-radius:2px;padding:5px 6px}:host ::ng-deep .input-number input{margin:-8px -23px -8px -8px;border:0;padding-right:10px;border-radius:3px}:host ::ng-deep .input-number button{color:#2d2d2d;width:15px;height:6;border:0;background-color:#fff}:host ::ng-deep .input-number button:hover{color:#2d2d2d;background-color:#ddd}:host ::ng-deep .input-number button span{font-size:12px}:host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}:host ::ng-deep .to-numeric{font-size:13px;margin:3px;color:#636363;padding-top:4px}.error{color:red}.hide-Global-clear-filter-button{display:none}.align-globalFilter-btn{float:left;margin:10px 5px 0 0}\n"]
                 },] }
     ];