@churchillliving/se-ui-toolkit 6.56.11 → 6.56.13

package/fesm2022/churchillliving-se-ui-toolkit.mjs

@@ -16300,11 +16300,11 @@ class SeGlobalFilterComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SeGlobalFilterComponent, deps: [{ token: i1$3.DatePipe }, { token: i1$1.DynamicDialogRef, optional: true }, { token: i1$1.DynamicDialogConfig, optional: true }, { token: GridService }, { token: i1$1.DialogService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DropdownService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SeGlobalFilterComponent, selector: "se-global-filters", inputs: { globalFilters: "globalFilters", searchGlobalFilterBtn: "searchGlobalFilterBtn", clearGlobalFilterBtn: "clearGlobalFilterBtn", gridUpdate: "gridUpdate", activeTestMode: "activeTestMode" }, outputs: { filtersApplied: "filtersApplied", updateValue: "updateValue" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["rangeCalendar"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"global-filters-component-wrapper-div\">\n  <div\n    [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'col-' + globalFilter.column : 'col-3'\"\n    *ngFor=\"let globalFilter of globalFilters\"\n  >\n    <div [ngSwitch]=\"globalFilter.type\">\n      <!-- Calendar control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <div class=\"possible-bulk-update-input-wrapper-div\">\n              <p-datepicker\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n                [placeholder]=\"'Select-Date'\"\n                [(ngModel)]=\"globalFilter.value\"\n                (keyup.enter)=\"applyFilters()\"\n                (onSelect)=\"selectDate(globalFilter, true)\"\n                [inputId]=\"globalFilter.field\"\n                [dateFormat]=\"calendarFormat\"\n                (onClose)=\"onFocusOutEvent(globalFilter)\"\n                appendTo=\"body\"\n                [showButtonBar]=\"true\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup)=\"calendarFocusEvent(globalFilter)\"\n              >\n              </p-datepicker>\n              <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n                <button tabindex=\"-1\"\n                (click)=\"updateValues(globalFilter)\"\n                icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n                pButton\n                type=\"button\"  \n                ></button>\n              </div>\n              <span *ngIf=\"globalFilter.filtering\">\n                <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n              </span>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Calendar Range -->\n      <!-- <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"Previous {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} <<\" \n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n            <label class=\"global-filters-label\"\n              >\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\n              </span> -->\n              <!-- {{\n                startDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }}\n              to\n              {{\n                endDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }} -->\n              <!-- <span *ngIf=\"globalFilter.prefix===false\">\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\n              </span></label\n            >\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showNext(globalFilter)\"\n              label=\"Next {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} >>\"\n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span> -->\n\n      <!-- Checkbox Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-checkbox\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'flex align-items-center'\"\n              [binary]=\"true\"\n              (keyup.enter)=\"applyFilters()\"\n              [(ngModel)]=\"globalFilter.value\"\n              [disabled]=\"globalFilter.disabled\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n            ></p-checkbox>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Spacer Control -->\n      <span *ngIf=\"!globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SPACER\"\n        >\n          <span\n            [class]=\"\n            globalFilter.column\n                ? 'col-' + globalFilter.column\n                : ''\n            \"\n          ></span>\n        </div>\n      </span>\n\n      <!-- Dropdown Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-dropdown\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              [(ngModel)]=\"globalFilter.value\"\n              [name]=\"globalFilter.displayText\"\n              [showClear]=\"true\"\n              [styleClass]=\"globalFilter.field\"\n              (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\n              [placeholder]=\"globalFilter.displayText\"\n              [options]=\"getFilteredOptions(globalFilter)\"\n              [optionLabel]=\"globalFilter.optionLabel\"\n              [optionValue]=\"globalFilter.optionValue\"\n              [filter]=\"globalFilter.allowSearch\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n              (keydown)=\"dropdownKeydown(globalFilter, $event)\"\n              (keyup.enter)=\"applyFilters()\"\n              [disabled]=\"globalFilter.disabled\"\n              [appendTo]=\"'body'\"\n              [autoDisplayFirst]=\"globalFilter.value > 0 ? true : false\"\n              filterMatchMode=\"startsWith\"\n            ></p-dropdown>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Input control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"text\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\" \n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      <!-- NumericInput control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex flex-nowrap align-items-center possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"number\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\"\n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      \n      <!-- Date Range Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center range-calendar gap-1\">\n            <button *ngIf=\"globalFilter.dayRange\"\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"calendar-range-btn  calendar-previous\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"<<\"\n            >\n            <!-- \"Previous {{\n              globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n            }} <<\" -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          </button>\n            <p-datepicker \n            #rangeCalendar\n            [showButtonBar]=\"true\"\n\n            [inputId]=\"globalFilter.displayText\"\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n            [(ngModel)]=\"globalFilter.value\" \n            selectionMode=\"range\" \n            [selectOtherMonths]=\"true\"\n            appendTo=\"body\"\n            (onSelect)=\"selectDate(globalFilter, true, rangeCalendar)\"\n            [dateFormat]=\"calendarFormat\"\n            (onClose)=\"onFocusOutEvent(globalFilter)\"\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\n            (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\n            [disabled]=\"globalFilter.disabled\"\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\n            \n            ></p-datepicker>\n            <button *ngIf=\"globalFilter.dayRange\"\n            pButton\n            type=\"button\"\n            [disabled]=\"globalFilter.disabled\"              \n            class=\"calendar-range-btn calendar-next\"\n            (click)=\"showNext(globalFilter)\"\n            label=\">>\"\n          >\n          <!-- Next {{\n            globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n          }} >>\" -->\n          <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n        </button>\n            <!-- todayButtonStyleClass=\"hidden\"\n            clearButtonStyleClass=\"ml-auto\" -->\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Numeric Range control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\n        >\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex\">\n          <div class=\"flex flex-nowrap align-items-center mr-2\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.value\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n              globalFilter.errorMessage\n            }}</span>\n          </div>\n          <span class=\"to-numeric mr-2\">To</span>\n          <div class=\"flex flex-nowrap align-items-center\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.valueTwo\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 mr-2 grow-1 input-number'\"\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n        </div>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n      <!-- MultiSelect control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <p-multiSelect\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n            [(ngModel)]=\"globalFilter.value\"\n            [options]=\"globalFilter.data\"\n            optionLabel=\"label\"\n            (keyup.enter)=\"applyFilters()\"\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\n            optionValue=\"value\"\n            [appendTo]=\"'body'\"\n            [disabled]=\"globalFilter.disabled\"\n          ></p-multiSelect>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n\n         <!-- Select Button control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SELECTBUTTON\"\n\n        >\n        <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n          <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n        </label>\n        <p-selectButton\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n          [(ngModel)]=\"globalFilter.value\"\n          [options]=\"globalFilter.data\"\n          optionLabel=\"label\"\n          (onChange)=\"onFocusOutEvent(globalFilter)\"\n          optionValue=\"value\"\n          [multiple]=\"globalFilter.displayStyle\"\n          [disabled]=\"globalFilter.disabled\"  \n        >\n        <!-- <ng-template let-item pTemplate>\n          <i [class]=\"item.icon\"></i>\n      </ng-template> -->\n      </p-selectButton>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n\n\n      <!-- Lookup Control Field -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <div class=\"close-icon-wrapper lookup-filter-wrapper globalFilters\" style=\"position: relative; display: flex; align-items: center; width: 100%; gap: 0;\">\n              <input\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n                [id]=\"globalFilter.field\"\n                type=\"text\"\n                pInputText\n                [ngModel]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\" (ngModelChange)=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value = $event\"\n                (blur)=\"onFocusOutEvent(globalFilter)\"\n                [name]=\"globalFilter.field\"\n                (keyup.enter)=\"applyFilters()\"\n                (click)=\"selectLookupField(globalFilter)\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup.Tab)=\"selectLookupField(globalFilter)\"\n                (keyup.backspace)=\"removeNullLookup($event, globalFilter)\"\n                class=\"form-control lookup-input\"\n                style=\"flex: 1; min-width: 0;\"\n              />\n              <button tabindex=\"-1\"\n                *ngIf=\"globalFilter.value || globalFilter?.valueTwo?.text\"\n                (click)=\"lookupClearValue(globalFilter);onFocusOutEvent(globalFilter)\"\n                type=\"button\"\n                title=\"Clear\"\n                style=\"background: none; border: none; color: #999; cursor: pointer; padding: 0 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"\n              >\n                <i class=\"pi pi-times\" style=\"font-size: 14px;\"></i>\n              </button>\n              <span class=\"p-input-icon-right global-filter\" style=\"position: relative; flex-shrink: 0;\">\n                <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\n              </span>\n            </div>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n    </div>\n  </div>\n</div>\n<!-- <span>\n  <i  icon=\"pi pi-times\"></i>\n</span> -->\n\n<!-- Apply button -->\n\n<button\npButton\n*ngIf=\"!gridUpdate\"\ntype=\"button\"\nicon=\"pi pi-search\"\n[id]=\"searchbtnId\"\n(click)=\"applyFilters()\"\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\n></button>\n\n<!-- Close button -->\n<button\npButton\n*ngIf=\"!gridUpdate\"\nid=\"clearGlobalFilterBtn\"\ntype=\"button\"\nicon=\"pi pi-replay\"\n(click)=\"clearFilters()\"\nclass=\"hide-filter-button\"\n></button>\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i11.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i14.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i15.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i3$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: i3$2.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i23.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: ["globalFilter"] }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SeGlobalFilterComponent, selector: "se-global-filters", inputs: { globalFilters: "globalFilters", searchGlobalFilterBtn: "searchGlobalFilterBtn", clearGlobalFilterBtn: "clearGlobalFilterBtn", gridUpdate: "gridUpdate", activeTestMode: "activeTestMode" }, outputs: { filtersApplied: "filtersApplied", updateValue: "updateValue" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["rangeCalendar"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"global-filters-component-wrapper-div\">\n  <div\n    [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'col-' + globalFilter.column : 'col-3'\"\n    *ngFor=\"let globalFilter of globalFilters\"\n  >\n    <div [ngSwitch]=\"globalFilter.type\">\n      <!-- Calendar control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <div class=\"possible-bulk-update-input-wrapper-div\">\n              <p-datepicker\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n                [placeholder]=\"'Select-Date'\"\n                [(ngModel)]=\"globalFilter.value\"\n                (keyup.enter)=\"applyFilters()\"\n                (onSelect)=\"selectDate(globalFilter, true)\"\n                [inputId]=\"globalFilter.field\"\n                [dateFormat]=\"calendarFormat\"\n                (onClose)=\"onFocusOutEvent(globalFilter)\"\n                appendTo=\"body\"\n                [showButtonBar]=\"true\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup)=\"calendarFocusEvent(globalFilter)\"\n              >\n              </p-datepicker>\n              <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n                <button tabindex=\"-1\"\n                (click)=\"updateValues(globalFilter)\"\n                icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n                pButton\n                type=\"button\"  \n                ></button>\n              </div>\n              <span *ngIf=\"globalFilter.filtering\">\n                <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n              </span>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Calendar Range -->\n      <!-- <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"Previous {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} <<\" \n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n            <label class=\"global-filters-label\"\n              >\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\n              </span> -->\n              <!-- {{\n                startDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }}\n              to\n              {{\n                endDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }} -->\n              <!-- <span *ngIf=\"globalFilter.prefix===false\">\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\n              </span></label\n            >\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showNext(globalFilter)\"\n              label=\"Next {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} >>\"\n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span> -->\n\n      <!-- Checkbox Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-checkbox\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'flex align-items-center'\"\n              [binary]=\"true\"\n              (keyup.enter)=\"applyFilters()\"\n              [(ngModel)]=\"globalFilter.value\"\n              [disabled]=\"globalFilter.disabled\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n            ></p-checkbox>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Spacer Control -->\n      <span *ngIf=\"!globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SPACER\"\n        >\n          <span\n            [class]=\"\n            globalFilter.column\n                ? 'col-' + globalFilter.column\n                : ''\n            \"\n          ></span>\n        </div>\n      </span>\n\n      <!-- Dropdown Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-dropdown\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              [(ngModel)]=\"globalFilter.value\"\n              [name]=\"globalFilter.displayText\"\n              [showClear]=\"true\"\n              [styleClass]=\"globalFilter.field\"\n              (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\n              [placeholder]=\"globalFilter.displayText\"\n              [options]=\"getFilteredOptions(globalFilter)\"\n              [optionLabel]=\"globalFilter.optionLabel\"\n              [optionValue]=\"globalFilter.optionValue\"\n              [filter]=\"globalFilter.allowSearch\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n              (keydown)=\"dropdownKeydown(globalFilter, $event)\"\n              (keyup.enter)=\"applyFilters()\"\n              [disabled]=\"globalFilter.disabled\"\n              [appendTo]=\"'body'\"\n              [autoDisplayFirst]=\"globalFilter.value > 0 ? true : false\"\n              filterMatchMode=\"startsWith\"\n            ></p-dropdown>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Input control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"text\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\" \n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      <!-- NumericInput control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex flex-nowrap align-items-center possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"number\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\"\n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      \n      <!-- Date Range Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center range-calendar gap-1\">\n            <button *ngIf=\"globalFilter.dayRange\"\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"calendar-range-btn  calendar-previous\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"<<\"\n            >\n            <!-- \"Previous {{\n              globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n            }} <<\" -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          </button>\n            <p-datepicker \n            #rangeCalendar\n            [showButtonBar]=\"true\"\n\n            [inputId]=\"globalFilter.displayText\"\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n            [(ngModel)]=\"globalFilter.value\" \n            selectionMode=\"range\" \n            [selectOtherMonths]=\"true\"\n            appendTo=\"body\"\n            (onSelect)=\"selectDate(globalFilter, true, rangeCalendar)\"\n            [dateFormat]=\"calendarFormat\"\n            (onClose)=\"onFocusOutEvent(globalFilter)\"\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\n            (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\n            [disabled]=\"globalFilter.disabled\"\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\n            \n            ></p-datepicker>\n            <button *ngIf=\"globalFilter.dayRange\"\n            pButton\n            type=\"button\"\n            [disabled]=\"globalFilter.disabled\"              \n            class=\"calendar-range-btn calendar-next\"\n            (click)=\"showNext(globalFilter)\"\n            label=\">>\"\n          >\n          <!-- Next {{\n            globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n          }} >>\" -->\n          <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n        </button>\n            <!-- todayButtonStyleClass=\"hidden\"\n            clearButtonStyleClass=\"ml-auto\" -->\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Numeric Range control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\n        >\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex\">\n          <div class=\"flex flex-nowrap align-items-center mr-2\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.value\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n              globalFilter.errorMessage\n            }}</span>\n          </div>\n          <span class=\"to-numeric mr-2\">To</span>\n          <div class=\"flex flex-nowrap align-items-center\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.valueTwo\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 mr-2 grow-1 input-number'\"\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n        </div>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n      <!-- MultiSelect control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <p-multiSelect\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n            [(ngModel)]=\"globalFilter.value\"\n            [options]=\"globalFilter.data\"\n            optionLabel=\"label\"\n            (keyup.enter)=\"applyFilters()\"\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\n            optionValue=\"value\"\n            [appendTo]=\"'body'\"\n            [disabled]=\"globalFilter.disabled\"\n          ></p-multiSelect>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n\n         <!-- Select Button control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SELECTBUTTON\"\n\n        >\n        <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n          <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n        </label>\n        <p-selectButton\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n          [(ngModel)]=\"globalFilter.value\"\n          [options]=\"globalFilter.data\"\n          optionLabel=\"label\"\n          (onChange)=\"onFocusOutEvent(globalFilter)\"\n          optionValue=\"value\"\n          [multiple]=\"globalFilter.displayStyle\"\n          [disabled]=\"globalFilter.disabled\"  \n        >\n        <!-- <ng-template let-item pTemplate>\n          <i [class]=\"item.icon\"></i>\n      </ng-template> -->\n      </p-selectButton>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n\n\n      <!-- Lookup Control Field -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <div class=\"close-icon-wrapper lookup-filter-wrapper globalFilters\" style=\"position: relative; width: 100%;\">\n              <input\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n                [id]=\"globalFilter.field\"\n                type=\"text\"\n                pInputText\n                [ngModel]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\" (ngModelChange)=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value = $event\"\n                (blur)=\"onFocusOutEvent(globalFilter)\"\n                [name]=\"globalFilter.field\"\n                (keyup.enter)=\"applyFilters()\"\n                (click)=\"selectLookupField(globalFilter)\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup.Tab)=\"selectLookupField(globalFilter)\"\n                (keyup.backspace)=\"removeNullLookup($event, globalFilter)\"\n                class=\"form-control lookup-input\"\n              />\n              <button tabindex=\"-1\"\n                *ngIf=\"globalFilter.value || globalFilter?.valueTwo?.text\"\n                (click)=\"lookupClearValue(globalFilter);onFocusOutEvent(globalFilter)\"\n                type=\"button\"\n                title=\"Clear\"\n                style=\"position: absolute; right: 28px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #999; cursor: pointer; padding: 0 2px; display: flex; align-items: center; justify-content: center; z-index: 10;\"\n              >\n                <i class=\"pi pi-times\" style=\"font-size: 14px;\"></i>\n              </button>\n              <span class=\"p-input-icon-right global-filter\" style=\"z-index: 1;\">\n                <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\n              </span>\n            </div>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n    </div>\n  </div>\n</div>\n<!-- <span>\n  <i  icon=\"pi pi-times\"></i>\n</span> -->\n\n<!-- Apply button -->\n\n<button\npButton\n*ngIf=\"!gridUpdate\"\ntype=\"button\"\nicon=\"pi pi-search\"\n[id]=\"searchbtnId\"\n(click)=\"applyFilters()\"\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\n></button>\n\n<!-- Close button -->\n<button\npButton\n*ngIf=\"!gridUpdate\"\nid=\"clearGlobalFilterBtn\"\ntype=\"button\"\nicon=\"pi pi-replay\"\n(click)=\"clearFilters()\"\nclass=\"hide-filter-button\"\n></button>\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i11.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i14.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i15.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i3$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: i3$2.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i23.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: ["globalFilter"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SeGlobalFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'se-global-filters', template: "<div class=\"global-filters-component-wrapper-div\">\n  <div\n    [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'col-' + globalFilter.column : 'col-3'\"\n    *ngFor=\"let globalFilter of globalFilters\"\n  >\n    <div [ngSwitch]=\"globalFilter.type\">\n      <!-- Calendar control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <div class=\"possible-bulk-update-input-wrapper-div\">\n              <p-datepicker\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n                [placeholder]=\"'Select-Date'\"\n                [(ngModel)]=\"globalFilter.value\"\n                (keyup.enter)=\"applyFilters()\"\n                (onSelect)=\"selectDate(globalFilter, true)\"\n                [inputId]=\"globalFilter.field\"\n                [dateFormat]=\"calendarFormat\"\n                (onClose)=\"onFocusOutEvent(globalFilter)\"\n                appendTo=\"body\"\n                [showButtonBar]=\"true\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup)=\"calendarFocusEvent(globalFilter)\"\n              >\n              </p-datepicker>\n              <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n                <button tabindex=\"-1\"\n                (click)=\"updateValues(globalFilter)\"\n                icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n                pButton\n                type=\"button\"  \n                ></button>\n              </div>\n              <span *ngIf=\"globalFilter.filtering\">\n                <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n              </span>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Calendar Range -->\n      <!-- <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"Previous {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} <<\" \n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n            <label class=\"global-filters-label\"\n              >\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\n              </span> -->\n              <!-- {{\n                startDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }}\n              to\n              {{\n                endDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }} -->\n              <!-- <span *ngIf=\"globalFilter.prefix===false\">\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\n              </span></label\n            >\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showNext(globalFilter)\"\n              label=\"Next {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} >>\"\n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span> -->\n\n      <!-- Checkbox Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-checkbox\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'flex align-items-center'\"\n              [binary]=\"true\"\n              (keyup.enter)=\"applyFilters()\"\n              [(ngModel)]=\"globalFilter.value\"\n              [disabled]=\"globalFilter.disabled\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n            ></p-checkbox>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Spacer Control -->\n      <span *ngIf=\"!globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SPACER\"\n        >\n          <span\n            [class]=\"\n            globalFilter.column\n                ? 'col-' + globalFilter.column\n                : ''\n            \"\n          ></span>\n        </div>\n      </span>\n\n      <!-- Dropdown Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-dropdown\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              [(ngModel)]=\"globalFilter.value\"\n              [name]=\"globalFilter.displayText\"\n              [showClear]=\"true\"\n              [styleClass]=\"globalFilter.field\"\n              (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\n              [placeholder]=\"globalFilter.displayText\"\n              [options]=\"getFilteredOptions(globalFilter)\"\n              [optionLabel]=\"globalFilter.optionLabel\"\n              [optionValue]=\"globalFilter.optionValue\"\n              [filter]=\"globalFilter.allowSearch\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n              (keydown)=\"dropdownKeydown(globalFilter, $event)\"\n              (keyup.enter)=\"applyFilters()\"\n              [disabled]=\"globalFilter.disabled\"\n              [appendTo]=\"'body'\"\n              [autoDisplayFirst]=\"globalFilter.value > 0 ? true : false\"\n              filterMatchMode=\"startsWith\"\n            ></p-dropdown>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Input control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"text\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\" \n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      <!-- NumericInput control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex flex-nowrap align-items-center possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"number\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\"\n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      \n      <!-- Date Range Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center range-calendar gap-1\">\n            <button *ngIf=\"globalFilter.dayRange\"\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"calendar-range-btn  calendar-previous\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"<<\"\n            >\n            <!-- \"Previous {{\n              globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n            }} <<\" -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          </button>\n            <p-datepicker \n            #rangeCalendar\n            [showButtonBar]=\"true\"\n\n            [inputId]=\"globalFilter.displayText\"\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n            [(ngModel)]=\"globalFilter.value\" \n            selectionMode=\"range\" \n            [selectOtherMonths]=\"true\"\n            appendTo=\"body\"\n            (onSelect)=\"selectDate(globalFilter, true, rangeCalendar)\"\n            [dateFormat]=\"calendarFormat\"\n            (onClose)=\"onFocusOutEvent(globalFilter)\"\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\n            (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\n            [disabled]=\"globalFilter.disabled\"\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\n            \n            ></p-datepicker>\n            <button *ngIf=\"globalFilter.dayRange\"\n            pButton\n            type=\"button\"\n            [disabled]=\"globalFilter.disabled\"              \n            class=\"calendar-range-btn calendar-next\"\n            (click)=\"showNext(globalFilter)\"\n            label=\">>\"\n          >\n          <!-- Next {{\n            globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n          }} >>\" -->\n          <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n        </button>\n            <!-- todayButtonStyleClass=\"hidden\"\n            clearButtonStyleClass=\"ml-auto\" -->\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Numeric Range control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\n        >\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex\">\n          <div class=\"flex flex-nowrap align-items-center mr-2\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.value\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n              globalFilter.errorMessage\n            }}</span>\n          </div>\n          <span class=\"to-numeric mr-2\">To</span>\n          <div class=\"flex flex-nowrap align-items-center\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.valueTwo\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 mr-2 grow-1 input-number'\"\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n        </div>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n      <!-- MultiSelect control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <p-multiSelect\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n            [(ngModel)]=\"globalFilter.value\"\n            [options]=\"globalFilter.data\"\n            optionLabel=\"label\"\n            (keyup.enter)=\"applyFilters()\"\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\n            optionValue=\"value\"\n            [appendTo]=\"'body'\"\n            [disabled]=\"globalFilter.disabled\"\n          ></p-multiSelect>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n\n         <!-- Select Button control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SELECTBUTTON\"\n\n        >\n        <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n          <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n        </label>\n        <p-selectButton\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n          [(ngModel)]=\"globalFilter.value\"\n          [options]=\"globalFilter.data\"\n          optionLabel=\"label\"\n          (onChange)=\"onFocusOutEvent(globalFilter)\"\n          optionValue=\"value\"\n          [multiple]=\"globalFilter.displayStyle\"\n          [disabled]=\"globalFilter.disabled\"  \n        >\n        <!-- <ng-template let-item pTemplate>\n          <i [class]=\"item.icon\"></i>\n      </ng-template> -->\n      </p-selectButton>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n\n\n      <!-- Lookup Control Field -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <div class=\"close-icon-wrapper lookup-filter-wrapper globalFilters\" style=\"position: relative; display: flex; align-items: center; width: 100%; gap: 0;\">\n              <input\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n                [id]=\"globalFilter.field\"\n                type=\"text\"\n                pInputText\n                [ngModel]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\" (ngModelChange)=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value = $event\"\n                (blur)=\"onFocusOutEvent(globalFilter)\"\n                [name]=\"globalFilter.field\"\n                (keyup.enter)=\"applyFilters()\"\n                (click)=\"selectLookupField(globalFilter)\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup.Tab)=\"selectLookupField(globalFilter)\"\n                (keyup.backspace)=\"removeNullLookup($event, globalFilter)\"\n                class=\"form-control lookup-input\"\n                style=\"flex: 1; min-width: 0;\"\n              />\n              <button tabindex=\"-1\"\n                *ngIf=\"globalFilter.value || globalFilter?.valueTwo?.text\"\n                (click)=\"lookupClearValue(globalFilter);onFocusOutEvent(globalFilter)\"\n                type=\"button\"\n                title=\"Clear\"\n                style=\"background: none; border: none; color: #999; cursor: pointer; padding: 0 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"\n              >\n                <i class=\"pi pi-times\" style=\"font-size: 14px;\"></i>\n              </button>\n              <span class=\"p-input-icon-right global-filter\" style=\"position: relative; flex-shrink: 0;\">\n                <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\n              </span>\n            </div>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n    </div>\n  </div>\n</div>\n<!-- <span>\n  <i  icon=\"pi pi-times\"></i>\n</span> -->\n\n<!-- Apply button -->\n\n<button\npButton\n*ngIf=\"!gridUpdate\"\ntype=\"button\"\nicon=\"pi pi-search\"\n[id]=\"searchbtnId\"\n(click)=\"applyFilters()\"\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\n></button>\n\n<!-- Close button -->\n<button\npButton\n*ngIf=\"!gridUpdate\"\nid=\"clearGlobalFilterBtn\"\ntype=\"button\"\nicon=\"pi pi-replay\"\n(click)=\"clearFilters()\"\nclass=\"hide-filter-button\"\n></button>\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"] }]
+            args: [{ selector: 'se-global-filters', template: "<div class=\"global-filters-component-wrapper-div\">\n  <div\n    [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'col-' + globalFilter.column : 'col-3'\"\n    *ngFor=\"let globalFilter of globalFilters\"\n  >\n    <div [ngSwitch]=\"globalFilter.type\">\n      <!-- Calendar control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <div class=\"possible-bulk-update-input-wrapper-div\">\n              <p-datepicker\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n                [placeholder]=\"'Select-Date'\"\n                [(ngModel)]=\"globalFilter.value\"\n                (keyup.enter)=\"applyFilters()\"\n                (onSelect)=\"selectDate(globalFilter, true)\"\n                [inputId]=\"globalFilter.field\"\n                [dateFormat]=\"calendarFormat\"\n                (onClose)=\"onFocusOutEvent(globalFilter)\"\n                appendTo=\"body\"\n                [showButtonBar]=\"true\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup)=\"calendarFocusEvent(globalFilter)\"\n              >\n              </p-datepicker>\n              <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n                <button tabindex=\"-1\"\n                (click)=\"updateValues(globalFilter)\"\n                icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n                pButton\n                type=\"button\"  \n                ></button>\n              </div>\n              <span *ngIf=\"globalFilter.filtering\">\n                <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n              </span>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Calendar Range -->\n      <!-- <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center\">\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"Previous {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} <<\" \n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n            <label class=\"global-filters-label\"\n              >\n              <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\n              <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\n                {{  globalFilter.labelText ? globalFilter.labelText : '' }}\n              </span> -->\n              <!-- {{\n                startDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }}\n              to\n              {{\n                endDate\n                  | date\n                    : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\n              }} -->\n              <!-- <span *ngIf=\"globalFilter.prefix===false\">\n                {{ globalFilter.labelText ? globalFilter.labelText : ''}}\n              </span></label\n            >\n            <button\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"custom-btn\"\n              (click)=\"showNext(globalFilter)\"\n              label=\"Next {{\n                globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n              }} >>\"\n            > -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          <!-- </button>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span> -->\n\n      <!-- Checkbox Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-checkbox\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'flex align-items-center'\"\n              [binary]=\"true\"\n              (keyup.enter)=\"applyFilters()\"\n              [(ngModel)]=\"globalFilter.value\"\n              [disabled]=\"globalFilter.disabled\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n            ></p-checkbox>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Spacer Control -->\n      <span *ngIf=\"!globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SPACER\"\n        >\n          <span\n            [class]=\"\n            globalFilter.column\n                ? 'col-' + globalFilter.column\n                : ''\n            \"\n          ></span>\n        </div>\n      </span>\n\n      <!-- Dropdown Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <p-dropdown\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              [(ngModel)]=\"globalFilter.value\"\n              [name]=\"globalFilter.displayText\"\n              [showClear]=\"true\"\n              [styleClass]=\"globalFilter.field\"\n              (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\n              [placeholder]=\"globalFilter.displayText\"\n              [options]=\"getFilteredOptions(globalFilter)\"\n              [optionLabel]=\"globalFilter.optionLabel\"\n              [optionValue]=\"globalFilter.optionValue\"\n              [filter]=\"globalFilter.allowSearch\"\n              (onChange)=\"onFocusOutEvent(globalFilter)\"\n              (keydown)=\"dropdownKeydown(globalFilter, $event)\"\n              (keyup.enter)=\"applyFilters()\"\n              [disabled]=\"globalFilter.disabled\"\n              [appendTo]=\"'body'\"\n              [autoDisplayFirst]=\"globalFilter.value > 0 ? true : false\"\n              filterMatchMode=\"startsWith\"\n            ></p-dropdown>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Input control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"text\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\" \n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\">\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      <!-- NumericInput control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex flex-nowrap align-items-center possible-bulk-update-input-wrapper-div\">\n            <input\n              type=\"number\"\n              pInputText\n              [(ngModel)]=\"globalFilter.value\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n              (keyup.enter)=\"applyFilters()\"\n              (blur)=\"onFocusOutEvent(globalFilter)\"\n              [disabled]=\"globalFilter.disabled\"\n              class=\"form-control\"\n            />\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n      \n      <!-- Date Range Control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex align-items-center range-calendar gap-1\">\n            <button *ngIf=\"globalFilter.dayRange\"\n              pButton\n              type=\"button\"\n              [disabled]=\"globalFilter.disabled\"              \n              class=\"calendar-range-btn  calendar-previous\"\n              (click)=\"showPrevious(globalFilter)\"\n              label=\"<<\"\n            >\n            <!-- \"Previous {{\n              globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n            }} <<\" -->\n            <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n          </button>\n            <p-datepicker \n            #rangeCalendar\n            [showButtonBar]=\"true\"\n\n            [inputId]=\"globalFilter.displayText\"\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'flex-grow-1 grow-1 ' + globalFilter.displayText\"\n            [(ngModel)]=\"globalFilter.value\" \n            selectionMode=\"range\" \n            [selectOtherMonths]=\"true\"\n            appendTo=\"body\"\n            (onSelect)=\"selectDate(globalFilter, true, rangeCalendar)\"\n            [dateFormat]=\"calendarFormat\"\n            (onClose)=\"onFocusOutEvent(globalFilter)\"\n            (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\n            (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\n            (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\n            (onClearClick)=\"clearDateRangeValue(globalFilter)\"\n            [disabled]=\"globalFilter.disabled\"\n            (keyup.enter)=\"applyFilters(true, globalFilter)\"\n            \n            ></p-datepicker>\n            <button *ngIf=\"globalFilter.dayRange\"\n            pButton\n            type=\"button\"\n            [disabled]=\"globalFilter.disabled\"              \n            class=\"calendar-range-btn calendar-next\"\n            (click)=\"showNext(globalFilter)\"\n            label=\">>\"\n          >\n          <!-- Next {{\n            globalFilter.dayRange ? globalFilter.dayRange : 'Week'\n          }} >>\" -->\n          <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\n        </button>\n            <!-- todayButtonStyleClass=\"hidden\"\n            clearButtonStyleClass=\"ml-auto\" -->\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n      <!-- Numeric Range control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\n        >\n          <label for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"flex\">\n          <div class=\"flex flex-nowrap align-items-center mr-2\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.value\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1  grow-1 input-number'\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n              globalFilter.errorMessage\n            }}</span>\n          </div>\n          <span class=\"to-numeric mr-2\">To</span>\n          <div class=\"flex flex-nowrap align-items-center\">\n            <p-inputNumber\n            [showButtons]=\"false\"\n              [(ngModel)]=\"globalFilter.valueTwo\"\n              [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\n              [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 mr-2 grow-1 input-number'\"\n              (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\n              (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\n              [disabled]=\"globalFilter.disabled\"\n            >\n            </p-inputNumber>\n            <span *ngIf=\"globalFilter.filtering\">\n              <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\n            </span>\n          </div>\n        </div>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n      <!-- MultiSelect control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.MULTISELECT\"\n        >\n          <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <p-multiSelect\n            [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n            [(ngModel)]=\"globalFilter.value\"\n            [options]=\"globalFilter.data\"\n            optionLabel=\"label\"\n            (keyup.enter)=\"applyFilters()\"\n            (onChange)=\"onFocusOutEvent(globalFilter)\"\n            optionValue=\"value\"\n            [appendTo]=\"'body'\"\n            [disabled]=\"globalFilter.disabled\"\n          ></p-multiSelect>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n\n\n         <!-- Select Button control -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.SELECTBUTTON\"\n\n        >\n        <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\n          <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n        </label>\n        <p-selectButton\n          [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n          [(ngModel)]=\"globalFilter.value\"\n          [options]=\"globalFilter.data\"\n          optionLabel=\"label\"\n          (onChange)=\"onFocusOutEvent(globalFilter)\"\n          optionValue=\"value\"\n          [multiple]=\"globalFilter.displayStyle\"\n          [disabled]=\"globalFilter.disabled\"  \n        >\n        <!-- <ng-template let-item pTemplate>\n          <i [class]=\"item.icon\"></i>\n      </ng-template> -->\n      </p-selectButton>\n        <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n          globalFilter.errorMessage\n        }}</span>\n        </div>\n      </span>\n\n\n\n      <!-- Lookup Control Field -->\n      <span [hidden]=\"globalFilter.hidden\">\n        <div\n          class=\"global-filters-filter-div\"\n          *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\n        >\n          <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\n            <span *ngIf=\"globalFilter.requiredField\" [class]=\"'required-star ' + (globalFilter.errorMessage ? ' invalid ' : '')\">*</span>\n          </label>\n          <div class=\"possible-bulk-update-input-wrapper-div\">\n            <div class=\"close-icon-wrapper lookup-filter-wrapper globalFilters\" style=\"position: relative; width: 100%;\">\n              <input\n                [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n                [id]=\"globalFilter.field\"\n                type=\"text\"\n                pInputText\n                [ngModel]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\" (ngModelChange)=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value = $event\"\n                (blur)=\"onFocusOutEvent(globalFilter)\"\n                [name]=\"globalFilter.field\"\n                (keyup.enter)=\"applyFilters()\"\n                (click)=\"selectLookupField(globalFilter)\"\n                [disabled]=\"globalFilter.disabled\"\n                (keyup.Tab)=\"selectLookupField(globalFilter)\"\n                (keyup.backspace)=\"removeNullLookup($event, globalFilter)\"\n                class=\"form-control lookup-input\"\n              />\n              <button tabindex=\"-1\"\n                *ngIf=\"globalFilter.value || globalFilter?.valueTwo?.text\"\n                (click)=\"lookupClearValue(globalFilter);onFocusOutEvent(globalFilter)\"\n                type=\"button\"\n                title=\"Clear\"\n                style=\"position: absolute; right: 28px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #999; cursor: pointer; padding: 0 2px; display: flex; align-items: center; justify-content: center; z-index: 10;\"\n              >\n                <i class=\"pi pi-times\" style=\"font-size: 14px;\"></i>\n              </button>\n              <span class=\"p-input-icon-right global-filter\" style=\"z-index: 1;\">\n                <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\n              </span>\n            </div>\n            <div *ngIf=\"globalFilter.interfaceType=='bulkUpdate'\" class=\"p-input-icon-right global-filter bulk-update\" >\n              <button tabindex=\"-1\"\n              (click)=\"updateValues(globalFilter)\"\n              icon=\"fa-regular fa-arrow-down-to-dotted-line\"\n              pButton\n              type=\"button\"  \n              ></button>\n            </div>\n          </div>\n          <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\n            globalFilter.errorMessage\n          }}</span>\n        </div>\n      </span>\n    </div>\n  </div>\n</div>\n<!-- <span>\n  <i  icon=\"pi pi-times\"></i>\n</span> -->\n\n<!-- Apply button -->\n\n<button\npButton\n*ngIf=\"!gridUpdate\"\ntype=\"button\"\nicon=\"pi pi-search\"\n[id]=\"searchbtnId\"\n(click)=\"applyFilters()\"\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\n></button>\n\n<!-- Close button -->\n<button\npButton\n*ngIf=\"!gridUpdate\"\nid=\"clearGlobalFilterBtn\"\ntype=\"button\"\nicon=\"pi pi-replay\"\n(click)=\"clearFilters()\"\nclass=\"hide-filter-button\"\n></button>\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.DatePipe }, { type: i1$1.DynamicDialogRef, decorators: [{
                     type: Optional
                 }] }, { type: i1$1.DynamicDialogConfig, decorators: [{