@annalib/anna-core 10.5.1 → 10.6.0

package/fesm2020/annalib-anna-core.mjs

@@ -4731,6 +4731,390 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['drop', ['$event']]
             }] } });
 
+class AnnaColumnDateRangeFilterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+AnnaColumnDateRangeFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AnnaColumnDateRangeFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AnnaColumnDateRangeFilterComponent, selector: "anna-core-anna-column-date-range-filter", ngImport: i0, template: "<!-- <ng-template #datePickerTooltip>\r\n    <div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n        <div *ngFor=\"let data of filterTabObjects\">\r\n            <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\" [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{ data.label }}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <anna-core-sort-lib *ngIf=\"showSortComponent\" [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\" [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n    \r\n    <ng-container *ngIf=\"showFilterComponent\">\r\n        <div class=\"datepicker-container\">\r\n            <button class=\"column-clear-all\" [disabled]=\"disableColumnClearAllBtn\" (click)=\"clearColumnFilter()\">\r\n                Clear filter\r\n            </button>\r\n            <anna-core-calendar-filter-lib\r\n                [minDate]=\"calendarMinEnabledDate\"\r\n                [maxDate]=\"calendarMaxEnabledDate\"\r\n                [selectedFromDate]=\"selectedMinDate\"\r\n                [selectedToDate]=\"selectedMaxDate\"\r\n                (selectedDate) = \"calendarDateChanged($event)\"\r\n                [label]=\"selectedLabel\"\r\n            >\r\n            </anna-core-calendar-filter-lib>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div class=\"buttons-container\">\r\n        <button class=\"button\" (click)=\"cancelInDateFilter()\">Cancel</button>\r\n        <button class=\"button\" (click)=\"applyDateFilter()\" [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n        [disabled]=\"disableCalendarApplyBtn\">Apply</button>\r\n    </div>\r\n    \r\n</ng-template> -->", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anna-core-anna-column-date-range-filter', template: "<!-- <ng-template #datePickerTooltip>\r\n    <div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n        <div *ngFor=\"let data of filterTabObjects\">\r\n            <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\" [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{ data.label }}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <anna-core-sort-lib *ngIf=\"showSortComponent\" [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\" [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n    \r\n    <ng-container *ngIf=\"showFilterComponent\">\r\n        <div class=\"datepicker-container\">\r\n            <button class=\"column-clear-all\" [disabled]=\"disableColumnClearAllBtn\" (click)=\"clearColumnFilter()\">\r\n                Clear filter\r\n            </button>\r\n            <anna-core-calendar-filter-lib\r\n                [minDate]=\"calendarMinEnabledDate\"\r\n                [maxDate]=\"calendarMaxEnabledDate\"\r\n                [selectedFromDate]=\"selectedMinDate\"\r\n                [selectedToDate]=\"selectedMaxDate\"\r\n                (selectedDate) = \"calendarDateChanged($event)\"\r\n                [label]=\"selectedLabel\"\r\n            >\r\n            </anna-core-calendar-filter-lib>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div class=\"buttons-container\">\r\n        <button class=\"button\" (click)=\"cancelInDateFilter()\">Cancel</button>\r\n        <button class=\"button\" (click)=\"applyDateFilter()\" [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n        [disabled]=\"disableCalendarApplyBtn\">Apply</button>\r\n    </div>\r\n    \r\n</ng-template> -->" }]
+        }], ctorParameters: function () { return []; } });
+
+class AnnaColumnCheckboxFilterComponent {
+    constructor(annaSortService, annaFilterService) {
+        this.annaSortService = annaSortService;
+        this.annaFilterService = annaFilterService;
+        this.limit = 30;
+        this.filterAppliedToTable = new EventEmitter();
+        this.sortingAppliedToTable = new EventEmitter();
+        this.closeTooltip = new EventEmitter();
+        this.tempSortOrder = null;
+        this.showSortComponent = false;
+        this.showFilterComponent = false;
+        this.start = 0;
+        this.end = this.limit + this.start;
+        this.disableColumnClearAllBtn = true;
+    }
+    ngOnInit() {
+        this.populateTooltipDataBasedOnSelectedRadio(this.filterTabObjects[0]);
+    }
+    populateTooltipDataBasedOnSelectedRadio(activeTab) {
+        let header = activeTab.key;
+        this.selectedLabel = activeTab.label;
+        this.searchItem = null;
+        this.showSortComponent = activeTab.isSortRequired;
+        this.showFilterComponent = activeTab.isFilterRequired;
+        this.tempSortOrder = null;
+        this.isFilterChanged = false;
+        this.isSortChanged = false;
+        this.annaFilterService.selectedRadio = header;
+        this.disableActiveFilterClearButton();
+        this.createFilterTooltipData(header);
+    }
+    getCheckboxData(header) {
+        let tooltipOptions = this.createListForCheckboxFilter(header);
+        let selectedItems = sortBy(tooltipOptions.filter(item => item.isSelected), "label");
+        let unselectedItems = sortBy(tooltipOptions.filter(item => !item.isSelected), "label");
+        this.clonedTooltipOptions = [...selectedItems, ...unselectedItems];
+        this.tooltipOptions = cloneDeep(this.clonedTooltipOptions);
+        let margin = 5;
+        let dataLength = this.tooltipOptions.length;
+        this.heightOfCheckboxTooltipFilter = dataLength > 6 ? 200 : ((26.03 * dataLength) + (margin * dataLength) + margin);
+        this.disableSelectAll = unselectedItems.length == 0;
+        this.disableClearAll = selectedItems.length == 0;
+        this.selectedCheckboxOptionsCount = selectedItems.length;
+    }
+    createListForCheckboxFilter(header) {
+        let optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
+        let uniqOptionData = uniq(optionData.map(item => item[header]));
+        let tooltipOptions = uniqOptionData.map((item, index) => new TooltipModel(item, index + 1));
+        this.selectUnselectListCheckbox(tooltipOptions, header);
+        let index = tooltipOptions.findIndex(item => item.value == null);
+        if (index != -1) {
+            tooltipOptions[index].label = "(Blank)";
+        }
+        return tooltipOptions;
+    }
+    selectUnselectListCheckbox(tooltipOptions, header) {
+        if (this.annaFilterService.tooltipSelectedMap.has(header)) {
+            let selectedValueSet = new Set(this.annaFilterService.tooltipSelectedMap.get(header));
+            tooltipOptions.forEach(item => item.isSelected = selectedValueSet.has(item.value) ? true : false);
+        }
+        else {
+            tooltipOptions.forEach(item => item.isSelected = true);
+        }
+    }
+    unCheckAllCheckbox() {
+        this.tooltipOptions.forEach(item => {
+            item.isSelected = false;
+            let index = this.clonedTooltipOptions.findIndex(opt => opt.id == item.id);
+            this.clonedTooltipOptions[index].isSelected = false;
+        });
+        this.selectedCheckboxOptionsCount = 0;
+        this.disableSelectAll = false;
+        this.disableClearAll = true;
+        this.disableCheckboxApply = true;
+    }
+    selectAllCheckbox() {
+        this.tooltipOptions.forEach(item => {
+            item.isSelected = true;
+            let index = this.clonedTooltipOptions.findIndex(opt => opt.id == item.id);
+            this.clonedTooltipOptions[index].isSelected = true;
+        });
+        this.selectedCheckboxOptionsCount = this.tooltipOptions.length;
+        this.disableSelectAll = true;
+        this.disableClearAll = false;
+        this.disableCheckboxFilterApplyButton();
+    }
+    searchForTheItem(str) {
+        if (str) {
+            this.tooltipOptions = cloneDeep(this.clonedTooltipOptions.filter(item => item.label.toString().toLowerCase().includes(str.toLowerCase())));
+            this.tooltipOptions.forEach(element => {
+                element.label = this.boldString(element.label, str);
+            });
+            if (this.tooltipOptions.length > 0) {
+                let unselectedItems = this.tooltipOptions.filter((item) => !item.isSelected);
+                let selectedItems = this.tooltipOptions.filter((item) => item.isSelected);
+                this.disableSelectAll = unselectedItems.length == 0;
+                this.disableClearAll = selectedItems.length == 0;
+                this.selectedCheckboxOptionsCount = selectedItems.length;
+                this.disableCheckboxApply = (selectedItems.length == 0 || !this.checkIfCheckboxTooltipIsFiltered());
+            }
+            else {
+                this.selectedCheckboxOptionsCount = 0;
+                this.disableCheckboxApply = true;
+                this.disableClearAll = true;
+                this.disableSelectAll = true;
+            }
+        }
+        else {
+            this.tooltipOptions = cloneDeep(this.clonedTooltipOptions);
+            let unselectedItems = this.tooltipOptions.filter(item => !item.isSelected);
+            let selectedItems = this.tooltipOptions.filter(item => item.isSelected);
+            this.selectedCheckboxOptionsCount = selectedItems.length;
+            this.disableSelectAll = unselectedItems.length == 0;
+            this.disableClearAll = selectedItems.length == 0;
+            this.disableCheckboxFilterApplyButton();
+        }
+    }
+    boldString(str, find) {
+        let indexes = this.getIndicesOf(find, str, false);
+        indexes.forEach((item, index) => {
+            let startIndex = item + (index * 7); //Multiplying by 7 as there are 7char: <b></b>
+            let endIndex = startIndex + find.length;
+            let strToBeReplaced = str.substring(startIndex, endIndex);
+            str = str.replace(strToBeReplaced, "<b>" + strToBeReplaced + "</b>");
+        });
+        return str;
+    }
+    getIndicesOf(searchStr, str, caseSensitive) {
+        var searchStrLen = searchStr.length;
+        if (searchStrLen == 0) {
+            return [];
+        }
+        var startIndex = 0, index, indices = [];
+        if (!caseSensitive) {
+            str = str.toLowerCase();
+            searchStr = searchStr.toLowerCase();
+        }
+        while ((index = str.indexOf(searchStr, startIndex)) > -1) {
+            indices.push(index);
+            startIndex = index + searchStrLen;
+        }
+        return indices;
+    }
+    removeBoldElementFromString(originalString) {
+        let firstRegExp = new RegExp('<b>', 'g');
+        let secondRegExp = new RegExp('</b>', 'g');
+        let ret = originalString.replace(firstRegExp, '');
+        return ret.replace(secondRegExp, '');
+    }
+    disableCheckboxFilterApplyButton() {
+        let selectedItems = this.showFilterComponent ? this.tooltipOptions.filter(item => item.isSelected) : [];
+        if (this.showFilterComponent && this.showSortComponent) {
+            let isFilterChanged = this.checkIfCheckboxTooltipIsFiltered();
+            let isSortChanged = this.checkIfSortingChanged();
+            this.disableCheckboxApply = selectedItems.length == 0 || (!isSortChanged && !isFilterChanged);
+        }
+        else if (this.showFilterComponent) {
+            this.disableCheckboxApply = selectedItems.length == 0 || !this.checkIfCheckboxTooltipIsFiltered();
+        }
+        else if (this.showSortComponent) {
+            this.disableCheckboxApply = !this.checkIfSortingChanged();
+        }
+    }
+    checkIfSortingChanged() {
+        let currentColumnSortFilter = this.getColumnSortStateForSelectedRadio();
+        this.isSortChanged = this.tempSortOrder != null && this.tempSortOrder != currentColumnSortFilter;
+        return this.isSortChanged;
+    }
+    checkIfCheckboxTooltipIsFiltered() {
+        let currentSelectedValue = [];
+        let previousSelectedValue = [];
+        if (this.annaFilterService.tooltipSelectedMap.has(this.annaFilterService.selectedRadio)) {
+            previousSelectedValue = this.annaFilterService.tooltipSelectedMap.get(this.annaFilterService.selectedRadio);
+            if (!this.annaFilterService.initialValueMap.has(this.annaFilterService.selectedRadio)) {
+                let initialValue = sortBy(uniq(this.clonedTableData.map((item) => item[this.annaFilterService.selectedRadio])));
+                this.annaFilterService.initialValueMap.set(this.annaFilterService.selectedRadio, initialValue);
+            }
+        }
+        else if (this.annaFilterService.initialValueMap.has(this.annaFilterService.selectedRadio)) {
+            previousSelectedValue = this.annaFilterService.initialValueMap.get(this.annaFilterService.selectedRadio);
+        }
+        else {
+            previousSelectedValue = sortBy(uniq(this.clonedTableData.map(item => item[this.annaFilterService.selectedRadio])));
+            this.annaFilterService.initialValueMap.set(this.annaFilterService.selectedRadio, previousSelectedValue);
+        }
+        if (this.tooltipOptions) {
+            currentSelectedValue = sortBy(this.tooltipOptions.filter(item => item.isSelected).map(item => item.value));
+            if (!this.searchItem && currentSelectedValue.length == this.tooltipOptions.length && this.annaFilterService.initialValueMap.has(this.annaFilterService.selectedRadio)) {
+                currentSelectedValue = this.annaFilterService.initialValueMap.get(this.annaFilterService.selectedRadio);
+            }
+        }
+        let blankIndex = currentSelectedValue.findIndex((item) => item == null);
+        if (blankIndex != -1) {
+            currentSelectedValue = sortBy(currentSelectedValue);
+        }
+        this.isFilterChanged = !isEqual(currentSelectedValue, previousSelectedValue);
+        return this.isFilterChanged;
+    }
+    getColumnSortStateForSelectedRadio() {
+        let currentColumnSortFilter = this.annaSortService.columnSortState && this.annaSortService.columnSortState.has(this.annaFilterService.selectedRadio) &&
+            this.annaSortService.columnSortState.get(this.annaFilterService.selectedRadio);
+        currentColumnSortFilter = currentColumnSortFilter ? currentColumnSortFilter : SortTypeEnum.DEFAULT;
+        return currentColumnSortFilter;
+    }
+    applyFilters() {
+        this.applyListFilters();
+        this.applySortingOnFilteredData();
+        this.setInitialRowsForTable();
+        // this.disableEnableEachColumnTooltipIcon();
+        // this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
+        this.emitData();
+    }
+    applyListFilters() {
+        if (this.showFilterComponent && this.isFilterChanged) {
+            let currentSelectedValue = [];
+            if (this.tooltipOptions) {
+                currentSelectedValue = sortBy(this.tooltipOptions.filter(item => item.isSelected).map(item => item.value));
+                if (!this.searchItem && currentSelectedValue.length == this.tooltipOptions.length && this.annaFilterService.initialValueMap.has(this.annaFilterService.selectedRadio)) {
+                    currentSelectedValue = this.annaFilterService.initialValueMap.get(this.annaFilterService.selectedRadio);
+                }
+            }
+            let blankIndex = currentSelectedValue.findIndex((item) => item == null);
+            if (blankIndex != -1) {
+                currentSelectedValue = sortBy(currentSelectedValue);
+            }
+            this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
+            this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
+            this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
+        }
+    }
+    applySortingOnFilteredData() {
+        if (this.showSortComponent) {
+            if (this.isSortChanged) {
+                this.updateSortMap();
+            }
+            else if (this.isFilterChanged) {
+                this.checkIfSortingIsApplied();
+            }
+        }
+        else if (this.isFilterChanged) {
+            this.checkIfSortingIsApplied();
+        }
+    }
+    updateSortMap() {
+        this.annaSortService.columnSortState = new Map();
+        this.annaSortService.columnSortState.set(this.annaFilterService.selectedRadio, this.tempSortOrder);
+        this.applySorting(this.annaFilterService.selectedRadio);
+    }
+    checkIfSortingIsApplied() {
+        for (let [key, value] of this.annaSortService.columnSortState.entries()) {
+            if (value == "ASC") {
+                this.tableData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, this.tableData, key));
+            }
+            else if (value == "DESC") {
+                this.tableData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, this.tableData, key));
+            }
+        }
+    }
+    emitData() {
+        if (this.isFilterChanged && this.isSortChanged) {
+            this.filterAppliedToTable.emit(this.tableData);
+        }
+        else if (this.isFilterChanged) {
+            this.filterAppliedToTable.emit(this.tableData);
+        }
+        else if (this.isSortChanged) {
+            this.sortingAppliedToTable.emit(this.tableData);
+        }
+    }
+    applySorting(key) {
+        if (this.tempSortOrder == "ASC") {
+            this.tableData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, this.tableData, key));
+        }
+        else if (this.tempSortOrder == "DESC") {
+            this.tableData = cloneDeep(this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, this.tableData, key));
+        }
+        else if (this.tempSortOrder == "DEFAULT") {
+            this.tableData = cloneDeep(this.annaSortService.noSortingAppliedData);
+        }
+    }
+    updateIndex() {
+        this.start = this.end;
+        this.end = this.limit + this.start;
+    }
+    setInitialRowsForTable() {
+        this.resetIndex();
+        this.updateIndex();
+    }
+    selectUnselectCheckbox(data) {
+        data.isSelected = !data.isSelected;
+        let index = this.clonedTooltipOptions.findIndex(item => item.id == data.id);
+        this.clonedTooltipOptions[index].isSelected = data.isSelected;
+        let selectedItems = this.tooltipOptions.filter(item => item.isSelected);
+        let unselectedItems = this.tooltipOptions.filter(item => !item.isSelected);
+        this.disableClearAll = selectedItems.length == 0;
+        this.disableSelectAll = unselectedItems.length == 0;
+        this.selectedCheckboxOptionsCount = selectedItems.length;
+        this.disableCheckboxFilterApplyButton();
+    }
+    closeCheckboxFilter() {
+        if (this.toolTipdata) {
+            this.revert();
+        }
+        this.closeTooltip.emit();
+    }
+    revert() {
+        this.tempTooltipData = cloneDeep(this.toolTipdata);
+        this.annaFilterService.tooltipMap.set(this.annaFilterService.selectedRadio, this.tempTooltipData);
+        this.toolTipdata = null;
+    }
+    clearSearchedItem() {
+        this.searchItem = "";
+        this.searchForTheItem("");
+    }
+    resetIndex() {
+        this.start = 0;
+        this.end = this.limit + this.start;
+    }
+    storeSortTypeInTempVariable(event) {
+        this.tempSortOrder = event;
+        this.disableCheckboxFilterApplyButton();
+    }
+    disableActiveFilterClearButton() {
+        let selectedFilterSet = new Set(this.annaFilterService.appliedFiltersArray);
+        let currentColumnSortFilter = this.getColumnSortStateForSelectedRadio();
+        let isSortPresent = (this.annaSortService.columnSortState && this.annaSortService.columnSortState.size > 0 && currentColumnSortFilter != SortTypeEnum.DEFAULT);
+        this.disableColumnClearAllBtn = selectedFilterSet.has(this.annaFilterService.selectedRadio) || isSortPresent ? false : true;
+    }
+    createFilterTooltipData(header) {
+        if (this.showFilterComponent) {
+            this.disableCheckboxApply = true;
+            this.getCheckboxData(header);
+        }
+        else if (this.showSortComponent) {
+            this.disableCheckboxApply = true;
+        }
+    }
+}
+AnnaColumnCheckboxFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, deps: [{ token: AnnaSortService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component });
+AnnaColumnCheckboxFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AnnaColumnCheckboxFilterComponent, selector: "anna-core-anna-column-checkbox-filter", inputs: { tableData: "tableData", clonedTableData: "clonedTableData", limit: "limit", filterTabObjects: "filterTabObjects" }, outputs: { filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n    <div [ngClass]=\"{'full-width': filterTabObjects.length == 1}\" *ngFor=\"let data of filterTabObjects\">\r\n        <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\"\r\n            [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{\r\n            data.label }}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"checkbox-sort\" *ngIf=\"showSortComponent\">\r\n    <anna-core-sort-lib [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n        (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n        [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n</div>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <p class=\"d-flex justify-content-between\">\r\n        <button class=\"filter-text-btn\" [disabled]=\"disableClearAll\" (click)=\"unCheckAllCheckbox()\">Clear all</button>\r\n        <button class=\"filter-text-btn\" [disabled]=\"disableSelectAll\" (click)=\"selectAllCheckbox()\">Select all</button>\r\n    </p>\r\n    <p class=\"search-box\">\r\n        <i class=\"mi mdi-search search-icon search-icon-position\"></i>\r\n        <input type=\"text\" placeholder=\"Search\" class=\"search-input\"\r\n            style=\"margin-left: 2px; border: none; padding: 0px\" [(ngModel)]=\"searchItem\"\r\n            (ngModelChange)=\"searchForTheItem($event)\" />\r\n        <i class=\"mdi mdi-close search-bar-close\"\r\n            [ngClass]=\"{'disable-close-icon': (!searchItem || searchItem.length == 0) }\"\r\n            (click)=\"clearSearchedItem()\"></i>\r\n\r\n    </p>\r\n    <div style=\"position:relative\">\r\n        <cdk-virtual-scroll-viewport itemSize=\"18\" [style.height.px]=\"heightOfCheckboxTooltipFilter\"\r\n            class=\"dropdown-data-container\">\r\n            <p *cdkVirtualFor=\"let option of tooltipOptions\" class=\"input example-item\"\r\n                (click)=\"selectUnselectCheckbox(option)\">\r\n                <span *ngIf=\"option.isSelected\" role=\"button\" class=\"mi mdi-check-box check-box\"></span>\r\n                <span *ngIf=\"!option.isSelected\" role=\"button\"\r\n                    class=\"mi mdi-check-box-outline-blank check-box unchecked\"></span>\r\n                <span class=\"data\" title=\"{{ option.value }}\" [innerHTML]=\"option.label\"></span>\r\n            </p>\r\n        </cdk-virtual-scroll-viewport>\r\n        <div style=\"position: absolute; top:0; left:0; width:100%; height:100%; pointer-events:none\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button class=\"button\" (click)=\"closeCheckboxFilter()\">Cancel</button>\r\n    <button class=\"button\" [ngClass]=\"{ disabled: disableCheckboxApply }\" (click)=\"applyFilters()\"\r\n        [disabled]=\"disableCheckboxApply\">\r\n        Apply\r\n        <span *ngIf=\"showFilterComponent\">{{ selectedCheckboxOptionsCount == tooltipOptions.length &&\r\n            tooltipOptions.length != 0 && !searchItem? 'All ('+ selectedCheckboxOptionsCount + ')': '(' +\r\n            selectedCheckboxOptionsCount + ')' }}</span>\r\n    </button>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anna-core-anna-column-checkbox-filter', template: "<div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n    <div [ngClass]=\"{'full-width': filterTabObjects.length == 1}\" *ngFor=\"let data of filterTabObjects\">\r\n        <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\"\r\n            [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{\r\n            data.label }}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"checkbox-sort\" *ngIf=\"showSortComponent\">\r\n    <anna-core-sort-lib [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n        (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n        [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n</div>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <p class=\"d-flex justify-content-between\">\r\n        <button class=\"filter-text-btn\" [disabled]=\"disableClearAll\" (click)=\"unCheckAllCheckbox()\">Clear all</button>\r\n        <button class=\"filter-text-btn\" [disabled]=\"disableSelectAll\" (click)=\"selectAllCheckbox()\">Select all</button>\r\n    </p>\r\n    <p class=\"search-box\">\r\n        <i class=\"mi mdi-search search-icon search-icon-position\"></i>\r\n        <input type=\"text\" placeholder=\"Search\" class=\"search-input\"\r\n            style=\"margin-left: 2px; border: none; padding: 0px\" [(ngModel)]=\"searchItem\"\r\n            (ngModelChange)=\"searchForTheItem($event)\" />\r\n        <i class=\"mdi mdi-close search-bar-close\"\r\n            [ngClass]=\"{'disable-close-icon': (!searchItem || searchItem.length == 0) }\"\r\n            (click)=\"clearSearchedItem()\"></i>\r\n\r\n    </p>\r\n    <div style=\"position:relative\">\r\n        <cdk-virtual-scroll-viewport itemSize=\"18\" [style.height.px]=\"heightOfCheckboxTooltipFilter\"\r\n            class=\"dropdown-data-container\">\r\n            <p *cdkVirtualFor=\"let option of tooltipOptions\" class=\"input example-item\"\r\n                (click)=\"selectUnselectCheckbox(option)\">\r\n                <span *ngIf=\"option.isSelected\" role=\"button\" class=\"mi mdi-check-box check-box\"></span>\r\n                <span *ngIf=\"!option.isSelected\" role=\"button\"\r\n                    class=\"mi mdi-check-box-outline-blank check-box unchecked\"></span>\r\n                <span class=\"data\" title=\"{{ option.value }}\" [innerHTML]=\"option.label\"></span>\r\n            </p>\r\n        </cdk-virtual-scroll-viewport>\r\n        <div style=\"position: absolute; top:0; left:0; width:100%; height:100%; pointer-events:none\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button class=\"button\" (click)=\"closeCheckboxFilter()\">Cancel</button>\r\n    <button class=\"button\" [ngClass]=\"{ disabled: disableCheckboxApply }\" (click)=\"applyFilters()\"\r\n        [disabled]=\"disableCheckboxApply\">\r\n        Apply\r\n        <span *ngIf=\"showFilterComponent\">{{ selectedCheckboxOptionsCount == tooltipOptions.length &&\r\n            tooltipOptions.length != 0 && !searchItem? 'All ('+ selectedCheckboxOptionsCount + ')': '(' +\r\n            selectedCheckboxOptionsCount + ')' }}</span>\r\n    </button>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: AnnaSortService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
+                type: Input
+            }], clonedTableData: [{
+                type: Input
+            }], limit: [{
+                type: Input
+            }], filterTabObjects: [{
+                type: Input
+            }], filterAppliedToTable: [{
+                type: Output
+            }], sortingAppliedToTable: [{
+                type: Output
+            }], closeTooltip: [{
+                type: Output
+            }] } });
+
+class AnnaColumnTimeFilterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+AnnaColumnTimeFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnTimeFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AnnaColumnTimeFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AnnaColumnTimeFilterComponent, selector: "anna-core-anna-column-time-filter", ngImport: i0, template: "<!-- <ng-template #timeFilterToolTip>\r\n    \r\n    <div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n        <div *ngFor=\"let data of filterTabObjects\">\r\n            <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\" [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{ data.label }}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <anna-core-sort-lib *ngIf=\"showSortComponent\" [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\" [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n    \r\n    <ng-container *ngIf=\"showFilterComponent\">\r\n        <button class=\"column-clear-all\" [disabled]=\"disableColumnClearAllBtn\" (click)=\"clearColumnFilter()\">Clear filter</button>\r\n        <div\r\n            class=\"time-filter-checkboxes\"\r\n            *ngIf=\"gtGeneralConfig.component == 'SPOTDETAILS' || gtGeneralConfig.component == 'EXCLUDEINVENTORYPOPUP' || gtGeneralConfig.component == 'RATING'\"\r\n        >\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showMultiTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"multiTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!multiTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Include Multi</p>\r\n            </div>\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showZeroTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"zeroTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!zeroTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Include Zero</p>\r\n            </div>\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showEnterTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"enterTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!enterTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Enter time range</p>\r\n            </div>\r\n        </div>\r\n        <div class=\"time-label-container\">\r\n            <label>From</label>\r\n        </div>\r\n        <div class=\"time-container\">\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': startTimeHourErr}\" [(ngModel)]=\"selectedFromTime[0]\" type=\"text\" (ngModelChange)=\"startTimeHourChange($event)\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeStartTimeHour(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeStartTimeHour(false)\"></i>\r\n            </div>\r\n            <span class=\"dot\">:</span>\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': startTimeMinErr}\" [(ngModel)]=\"selectedFromTime[1]\" type=\"text\" (ngModelChange)=\"startTimeMinChange($event)\"/>\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeStartTimeMinute(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeStartTimeMinute(false)\"></i>\r\n            </div>\r\n            <div>\r\n                <mat-button-toggle-group [(ngModel)]=\"selectedFromTime[2]\" (ngModelChange)=\"disableTimeFilterApplyButton()\">\r\n                    <mat-button-toggle value=\"AM\">\r\n                        <span>AM</span>\r\n                    </mat-button-toggle>\r\n                    <mat-button-toggle value=\"PM\">\r\n                        <span>PM</span>\r\n                    </mat-button-toggle>\r\n                </mat-button-toggle-group>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"time-label-container\">\r\n            <label>To</label>\r\n        </div>\r\n        <div class=\"time-container\">\r\n            <input class=\"form-control numberInput\" [(ngModel)]=\"selectedToTime[0]\" [ngClass]=\"{'error-border': endTimeHourErr}\" (ngModelChange)=\"endTimeHourChange($event)\" type=\"text\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeEndTimeHour(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeEndTimeHour(false)\"></i>\r\n            </div>\r\n            <span class=\"dot\">:</span>\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': endTimeMinErr}\" [(ngModel)]=\"selectedToTime[1]\" (ngModelChange)=\"endTimeMinChange($event)\" type=\"text\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeEndTimeMinute(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeEndTimeMinute(false)\"></i>\r\n            </div>\r\n            <div>\r\n                <mat-button-toggle-group [(ngModel)]=\"selectedToTime[2]\" (ngModelChange)=\"disableTimeFilterApplyButton()\">\r\n                    <mat-button-toggle value=\"AM\">\r\n                        <span>AM</span>\r\n                    </mat-button-toggle>\r\n                    <mat-button-toggle value=\"PM\">\r\n                        <span>PM</span>\r\n                    </mat-button-toggle>\r\n                </mat-button-toggle-group>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div class=\"buttons-container\">\r\n        <button class=\"button\" (click)=\"closeTimeFilter()\">Cancel</button>\r\n        <button\r\n            class=\"button\"\r\n            [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n            (click)=\"applyTimeFilters()\"\r\n            [disabled]=\"disableTimeFilterApplyBtn\"\r\n        >\r\n            Apply\r\n        </button>\r\n    </div>\r\n</ng-template> -->", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anna-core-anna-column-time-filter', template: "<!-- <ng-template #timeFilterToolTip>\r\n    \r\n    <div class=\"radio-container\" *ngIf=\"showFilterTooltipTabs\">\r\n        <div *ngFor=\"let data of filterTabObjects\">\r\n            <p class=\"filter-tab\" [title]=\"data.label\" (click)=\"populateTooltipDataBasedOnSelectedRadio(data)\" [ngClass]=\"{'active': annaFilterService.selectedRadio == data.key}\" *ngIf=\"filterTabObjects.length > 0\">{{ data.label }}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <anna-core-sort-lib *ngIf=\"showSortComponent\" [ngClass]=\"{'no-bottom-border': !showFilterComponent}\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\" [sortObjectKey]=\"annaFilterService.selectedRadio\"></anna-core-sort-lib>\r\n    \r\n    <ng-container *ngIf=\"showFilterComponent\">\r\n        <button class=\"column-clear-all\" [disabled]=\"disableColumnClearAllBtn\" (click)=\"clearColumnFilter()\">Clear filter</button>\r\n        <div\r\n            class=\"time-filter-checkboxes\"\r\n            *ngIf=\"gtGeneralConfig.component == 'SPOTDETAILS' || gtGeneralConfig.component == 'EXCLUDEINVENTORYPOPUP' || gtGeneralConfig.component == 'RATING'\"\r\n        >\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showMultiTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"multiTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!multiTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Include Multi</p>\r\n            </div>\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showZeroTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"zeroTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!zeroTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Include Zero</p>\r\n            </div>\r\n            <div class=\"d-flex align-items-center\" style=\"padding: 0.5rem 0 0.5rem 0.5rem\" *ngIf=\"showEnterTimeCheckbox\">\r\n                <span\r\n                    *ngIf=\"enterTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-checked\"\r\n                    (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n                >\r\n                    check_box\r\n                </span>\r\n                <span\r\n                    *ngIf=\"!enterTimeCheckboxChecked\"\r\n                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                    (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n                >\r\n                    check_box_outline_blank\r\n                </span>\r\n                <p style=\"margin-left: 2px\">Enter time range</p>\r\n            </div>\r\n        </div>\r\n        <div class=\"time-label-container\">\r\n            <label>From</label>\r\n        </div>\r\n        <div class=\"time-container\">\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': startTimeHourErr}\" [(ngModel)]=\"selectedFromTime[0]\" type=\"text\" (ngModelChange)=\"startTimeHourChange($event)\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeStartTimeHour(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeStartTimeHour(false)\"></i>\r\n            </div>\r\n            <span class=\"dot\">:</span>\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': startTimeMinErr}\" [(ngModel)]=\"selectedFromTime[1]\" type=\"text\" (ngModelChange)=\"startTimeMinChange($event)\"/>\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeStartTimeMinute(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeStartTimeMinute(false)\"></i>\r\n            </div>\r\n            <div>\r\n                <mat-button-toggle-group [(ngModel)]=\"selectedFromTime[2]\" (ngModelChange)=\"disableTimeFilterApplyButton()\">\r\n                    <mat-button-toggle value=\"AM\">\r\n                        <span>AM</span>\r\n                    </mat-button-toggle>\r\n                    <mat-button-toggle value=\"PM\">\r\n                        <span>PM</span>\r\n                    </mat-button-toggle>\r\n                </mat-button-toggle-group>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"time-label-container\">\r\n            <label>To</label>\r\n        </div>\r\n        <div class=\"time-container\">\r\n            <input class=\"form-control numberInput\" [(ngModel)]=\"selectedToTime[0]\" [ngClass]=\"{'error-border': endTimeHourErr}\" (ngModelChange)=\"endTimeHourChange($event)\" type=\"text\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeEndTimeHour(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeEndTimeHour(false)\"></i>\r\n            </div>\r\n            <span class=\"dot\">:</span>\r\n            <input class=\"form-control numberInput\" [ngClass]=\"{'error-border': endTimeMinErr}\" [(ngModel)]=\"selectedToTime[1]\" (ngModelChange)=\"endTimeMinChange($event)\" type=\"text\" />\r\n            <div class=\"arrow-container\">\r\n                <i class=\"mdi mdi-triangle upward\" (click)=\"changeEndTimeMinute(true)\"></i>\r\n                <i class=\"mdi mdi-triangle downward\" (click)=\"changeEndTimeMinute(false)\"></i>\r\n            </div>\r\n            <div>\r\n                <mat-button-toggle-group [(ngModel)]=\"selectedToTime[2]\" (ngModelChange)=\"disableTimeFilterApplyButton()\">\r\n                    <mat-button-toggle value=\"AM\">\r\n                        <span>AM</span>\r\n                    </mat-button-toggle>\r\n                    <mat-button-toggle value=\"PM\">\r\n                        <span>PM</span>\r\n                    </mat-button-toggle>\r\n                </mat-button-toggle-group>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div class=\"buttons-container\">\r\n        <button class=\"button\" (click)=\"closeTimeFilter()\">Cancel</button>\r\n        <button\r\n            class=\"button\"\r\n            [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n            (click)=\"applyTimeFilters()\"\r\n            [disabled]=\"disableTimeFilterApplyBtn\"\r\n        >\r\n            Apply\r\n        </button>\r\n    </div>\r\n</ng-template> -->" }]
+        }], ctorParameters: function () { return []; } });
+
 // Angular import statements
 class AnnaCoreModule {
 }
@@ -4755,7 +5139,10 @@ AnnaCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         AnnaNonEditableGenericTableComponent,
         AnnaTableVirtualScrollViewportComponent,
         AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
-        DigitOnlyDirective], imports: [CommonModule,
+        DigitOnlyDirective,
+        AnnaColumnDateRangeFilterComponent,
+        AnnaColumnTimeFilterComponent,
+        AnnaColumnCheckboxFilterComponent], imports: [CommonModule,
         NgbModule,
         FormsModule,
         MatRadioModule,
@@ -4782,6 +5169,9 @@ AnnaCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         AnnaVirtualTableDirective,
         AnnaNonEditableGenericTableComponent,
         AnnaTableVirtualScrollViewportComponent,
+        AnnaColumnDateRangeFilterComponent,
+        AnnaColumnTimeFilterComponent,
+        AnnaColumnCheckboxFilterComponent,
         AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
         DigitOnlyDirective] });
 AnnaCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaCoreModule, imports: [CommonModule,
@@ -4825,7 +5215,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         AnnaNonEditableGenericTableComponent,
                         AnnaTableVirtualScrollViewportComponent,
                         AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
-                        DigitOnlyDirective
+                        DigitOnlyDirective,
+                        AnnaColumnDateRangeFilterComponent,
+                        AnnaColumnTimeFilterComponent,
+                        AnnaColumnCheckboxFilterComponent
                     ],
                     imports: [
                         CommonModule,
@@ -4866,6 +5259,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         AnnaVirtualTableDirective,
                         AnnaNonEditableGenericTableComponent,
                         AnnaTableVirtualScrollViewportComponent,
+                        AnnaColumnDateRangeFilterComponent,
+                        AnnaColumnTimeFilterComponent,
+                        AnnaColumnCheckboxFilterComponent,
                         AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
                         DigitOnlyDirective
                     ]
@@ -4965,5 +5361,5 @@ var Days;
  * Generated bundle index. Do not edit.
  */
 
-export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, SortTypeEnum, TooltipModel, UserActivationStatus, fixedSizeVirtualScrollStrategyFactory, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
+export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, SortTypeEnum, TooltipModel, UserActivationStatus, fixedSizeVirtualScrollStrategyFactory, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
 //# sourceMappingURL=annalib-anna-core.mjs.map