@annalib/anna-core 20.3.1 → 20.3.2

package/fesm2022/annalib-anna-core.mjs

@@ -1,7 +1,8 @@
-import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf, ScrollingModule } from '@angular/cdk/scrolling';
+import * as i2$1 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkScrollable, VIRTUAL_SCROLL_STRATEGY, ScrollingModule } from '@angular/cdk/scrolling';
 import { NgTemplateOutlet, NgIf, NgClass, TitleCasePipe, DatePipe, NgFor, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Directive, HostListener, Pipe, Injectable, ViewChildren, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Directive, HostListener, Pipe, Injectable, ViewChildren, ViewEncapsulation, Optional, Inject, ViewChild, forwardRef, ContentChildren, NgModule } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i5 from '@angular/material/button-toggle';
@@ -9,7 +10,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i7 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i4$1 from '@angular/material/table';
-import { MatTableModule } from '@angular/material/table';
+import { MatTableModule, MatHeaderRowDef } from '@angular/material/table';
 import * as i4 from '@angular-slider/ngx-slider';
 import { NgxSliderModule } from '@angular-slider/ngx-slider';
 import * as i1 from '@ng-bootstrap/ng-bootstrap';
@@ -24,8 +25,14 @@ import customParseFormat from 'dayjs/plugin/isSameOrAfter';
 import customParseFormat$1 from 'dayjs/plugin/customParseFormat';
 import isBetween from 'dayjs/plugin/isBetween';
 import minMax from 'dayjs/plugin/minMax';
-import { Subject, BehaviorSubject } from 'rxjs';
+import { Subject, BehaviorSubject, animationFrameScheduler, asapScheduler, Observable, Subscription, isObservable, of } from 'rxjs';
+import * as i1$1 from '@angular/cdk/bidi';
+import { startWith, auditTime, takeUntil, distinctUntilChanged, pairwise, switchMap, shareReplay, map as map$1 } from 'rxjs/operators';
 import * as i2 from '@angular/router';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { isDataSource, ArrayDataSource } from '@angular/cdk/collections';
+import * as i2$2 from '@angular/cdk/table';
+import { _COALESCED_STYLE_SCHEDULER, STICKY_POSITIONING_LISTENER, CdkHeaderRowDef } from '@angular/cdk/table';
 import hash from 'object-hash';
 
 class AnnaBuyerApprovalIconTemplateComponent {
@@ -4871,6 +4878,859 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ["tableHeader"]
             }] } });
 
+class AnnaGtHelperService {
+    constructor(annaFilterService, router, route, annaSortService) {
+        this.annaFilterService = annaFilterService;
+        this.router = router;
+        this.route = route;
+        this.annaSortService = annaSortService;
+        this.virtualScrollSubject = new Subject();
+    }
+    calculateNumberOfSkeletonColumnsForTable(tableHeaders) {
+        const numberOfSkeletonColumns = [];
+        let headersInEachColumn = 0;
+        tableHeaders.forEach((column) => {
+            if (column.visible) {
+                headersInEachColumn = 0;
+                column.headerInfo.forEach(() => {
+                    headersInEachColumn += 1;
+                });
+                numberOfSkeletonColumns.push(Array(headersInEachColumn).fill(0));
+            }
+        });
+        return numberOfSkeletonColumns;
+    }
+    initColumnFilterAndSorting() {
+        this.annaFilterService.tooltipSelectedMap = new Map();
+        this.annaFilterService.selectedRadio = null;
+        this.annaFilterService.appliedFiltersArray = [];
+        this.annaFilterService.initialValueMap = new Map();
+        this.annaSortService.columnSortState = new Map();
+        this.annaSortService.noSortingAppliedData = [];
+    }
+    enableOrDisableClearAllBtn() {
+        const isFilterApplied = this.annaFilterService.appliedFiltersArray.length > 0;
+        const isSortApplied = this.isSortingAppliedToTable();
+        return !(isFilterApplied || isSortApplied);
+    }
+    updateFiltersInURL() {
+        const latestQueryParams = this.prepareQueryParamsOnFilter();
+        if (Object.keys(latestQueryParams).length > 0) {
+            this.router.navigate([], {
+                queryParams: { filters: JSON.stringify(latestQueryParams) },
+                relativeTo: this.route.parent,
+                queryParamsHandling: "merge",
+            });
+        }
+        else {
+            this.router.navigate([], {
+                relativeTo: this.route.parent,
+            });
+        }
+    }
+    prepareQueryParamsOnFilter() {
+        const query = {};
+        if (this.annaFilterService.appliedFiltersArray.length > 0) {
+            query.appliedFilters = this.annaFilterService.appliedFiltersArray;
+            query.selectedFilterData = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
+        }
+        if (this.checkIfSortingIsApplied()) {
+            query.sortState = JSON.stringify(Array.from(this.annaSortService.columnSortState));
+        }
+        return query;
+    }
+    checkIfSortingIsApplied() {
+        let isSortingApplied = false;
+        this.annaSortService.columnSortState.forEach((value, key) => {
+            if (value === "ASC" || value === "DESC") {
+                isSortingApplied = true;
+            }
+        });
+        return isSortingApplied;
+    }
+    initTableFilters(clonedTableData) {
+        this.annaFilterService.tooltipSelectedMap = new Map();
+        this.annaFilterService.selectedRadio = null;
+        this.annaFilterService.appliedFiltersArray = [];
+        this.annaSortService.columnSortState = new Map();
+        this.annaSortService.noSortingAppliedData = cloneDeep(clonedTableData);
+        this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
+    }
+    initFilters() {
+        this.annaFilterService.tooltipSelectedMap = new Map();
+        this.annaFilterService.appliedFiltersArray = [];
+    }
+    setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
+        let usersTable;
+        if (isPersistingFilter) {
+            usersTable = this.annaFilterService.filterData(clonedTable, "");
+            this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
+        }
+        else {
+            usersTable = clonedTable;
+            this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
+        }
+        if (filters?.sortState) {
+            this.annaSortService.columnSortState = new Map(JSON.parse(filters.sortState));
+            usersTable = this.callSort(usersTable);
+        }
+        this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
+        return usersTable;
+    }
+    callSort(usersTable) {
+        let sortedUsersTableData = usersTable;
+        this.annaSortService.columnSortState.forEach((value, key) => {
+            if (value === "ASC") {
+                sortedUsersTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
+            }
+            else if (value === "DESC") {
+                sortedUsersTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
+            }
+        });
+        return sortedUsersTableData;
+    }
+    isSortingAppliedToTable() {
+        let isSortingApplied = false;
+        this.annaSortService.columnSortState.forEach((value, key) => {
+            if (value === "ASC" || value === "DESC") {
+                isSortingApplied = true;
+            }
+        });
+        return isSortingApplied;
+    }
+    updateQueryParamsFilter(key, value, operation, queryParamObj) {
+        if (operation === "ADD") {
+            queryParamObj[key] = value;
+        }
+        else if (operation === "DELETE") {
+            delete queryParamObj[key];
+        }
+        return queryParamObj;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
+
+/* eslint-disable no-underscore-dangle */
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Checks if the given ranges are equal. */
+function rangesEqual(r1, r2) {
+    return r1.start === r2.start && r1.end === r2.end;
+}
+/**
+ * Scheduler to be used for scroll events. Needs to fall back to
+ * something that doesn't rely on requestAnimationFrame on environments
+ * that don't support it (e.g. server-side rendering).
+ */
+const SCROLL_SCHEDULER = typeof requestAnimationFrame !== "undefined" ? animationFrameScheduler : asapScheduler;
+/**
+ * A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
+ * Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
+ * which avoids flickering of elements in the transformed container with `position: sticky`.
+ */
+class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
+    /** The direction the viewport scrolls. */
+    get orientation() {
+        return this._orientation;
+    }
+    set orientation(orientation) {
+        if (this._orientation !== orientation) {
+            this._orientation = orientation;
+            this._calculateSpacerSize();
+        }
+    }
+    constructor(elementRef, _changeDetectorRef, ngZone, _scrollStrategy, dir, scrollDispatcher, viewportRuler, annaGtService) {
+        super(elementRef, scrollDispatcher, ngZone, dir);
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._scrollStrategy = _scrollStrategy;
+        this.annaGtService = annaGtService;
+        /** Emits when the viewport is detached from a CdkVirtualForOf. */
+        this._detachedSubject = new Subject();
+        /** Emits when the rendered range changes. */
+        this._renderedRangeSubject = new Subject();
+        this._orientation = "vertical";
+        // Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
+        // strategy lazily (i.e. only if the user is actually listening to the events). We do this because
+        // depending on how the strategy calculates the scrolled index, it may come at a cost to
+        // performance.
+        /** Emits when the index of the first element visible in the viewport changes. */
+        this.scrolledIndexChange = new Observable((observer) => this._scrollStrategy.scrolledIndexChange.subscribe((index) => Promise.resolve().then(() => this.ngZone.run(() => observer.next(index)))));
+        /** A stream that emits whenever the rendered range changes. */
+        this.renderedRangeStream = this._renderedRangeSubject;
+        /**
+         * The total size of all content (in pixels), including content that is not currently rendered.
+         */
+        this._totalContentSize = 0;
+        /** A string representing the `style.width` property value to be used for the spacer element. */
+        this._totalContentWidth = "";
+        /** A string representing the `style.height` property value to be used for the spacer element. */
+        this._totalContentHeight = "";
+        /** The currently rendered range of indices. */
+        this._renderedRange = { start: 0, end: 0 };
+        /** The length of the data bound to this viewport (in number of items). */
+        this._dataLength = 0;
+        /** The size of the viewport (in pixels). */
+        this._viewportSize = 0;
+        /** The last rendered content offset that was set. */
+        this._renderedContentOffset = 0;
+        /**
+         * Whether the last rendered content offset was to the end of the content (and therefore needs to
+         * be rewritten as an offset to the start of the content).
+         */
+        this._renderedContentOffsetNeedsRewrite = false;
+        /** Whether there is a pending change detection cycle. */
+        this._isChangeDetectionPending = false;
+        /** A list of functions to run after the next change detection cycle. */
+        this._runAfterChangeDetection = [];
+        /** Subscription to changes in the viewport size. */
+        this._viewportChanges = Subscription.EMPTY;
+        if (!_scrollStrategy) {
+            throw Error('Error: cdk-virtual-scroll-viewport requires the "itemSize" property to be set.');
+        }
+        this._viewportChanges = viewportRuler.change().subscribe(() => {
+            this.checkViewportSize();
+        });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // It's still too early to measure the viewport at this point. Deferring with a promise allows
+        // the Viewport to be rendered with the correct size before we measure. We run this outside the
+        // zone to avoid causing more change detection cycles. We handle the change detection loop
+        // ourselves instead.
+        this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
+            this._measureViewportSize();
+            this._scrollStrategy.attach(this);
+            this.elementScrolled()
+                .pipe(
+            // Start off with a fake scroll event so we properly detect our initial position.
+            startWith(null), 
+            // Collect multiple events into one until the next animation frame. This way if
+            // there are multiple scroll events in the same frame we only need to recheck
+            // our layout once.
+            auditTime(0, SCROLL_SCHEDULER))
+                .subscribe(() => {
+                this._scrollStrategy.onContentScrolled();
+                this.annaGtService.virtualScrollSubject.next(true);
+            });
+            this._markChangeDetectionNeeded();
+        }));
+    }
+    ngOnDestroy() {
+        this.detach();
+        this._scrollStrategy.detach();
+        // Complete all subjects
+        this._renderedRangeSubject.complete();
+        this._detachedSubject.complete();
+        this._viewportChanges.unsubscribe();
+        super.ngOnDestroy();
+    }
+    /** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
+    attach(forOf) {
+        if (this._forOf) {
+            throw Error("CdkVirtualScrollViewport is already attached.");
+        }
+        // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
+        // changes. Run outside the zone to avoid triggering change detection, since we're managing the
+        // change detection loop ourselves.
+        this.ngZone.runOutsideAngular(() => {
+            this._forOf = forOf;
+            this._forOf.dataStream.pipe(takeUntil(this._detachedSubject)).subscribe((data) => {
+                const newLength = data.length;
+                if (newLength !== this._dataLength) {
+                    this._dataLength = newLength;
+                    this._scrollStrategy.onDataLengthChanged();
+                }
+                this._doChangeDetection();
+            });
+        });
+    }
+    /** Detaches the current `CdkVirtualForOf`. */
+    detach() {
+        this._forOf = null;
+        this._detachedSubject.next();
+    }
+    /** Gets the length of the data bound to this viewport (in number of items). */
+    getDataLength() {
+        return this._dataLength;
+    }
+    /** Gets the size of the viewport (in pixels). */
+    getViewportSize() {
+        return this._viewportSize;
+    }
+    // TODO(mmalerba): This is technically out of sync with what's really rendered until a render
+    // cycle happens. I'm being careful to only call it after the render cycle is complete and before
+    // setting it to something else, but its error prone and should probably be split into
+    // `pendingRange` and `renderedRange`, the latter reflecting whats actually in the DOM.
+    /** Get the current rendered range of items. */
+    getRenderedRange() {
+        return this._renderedRange;
+    }
+    /**
+     * Sets the total size of all content (in pixels), including content that is not currently
+     * rendered.
+     */
+    setTotalContentSize(size) {
+        if (this._totalContentSize !== size) {
+            this._totalContentSize = size;
+            this._calculateSpacerSize();
+            this._markChangeDetectionNeeded();
+        }
+    }
+    /** Sets the currently rendered range of indices. */
+    setRenderedRange(range) {
+        if (!rangesEqual(this._renderedRange, range)) {
+            this._renderedRangeSubject.next((this._renderedRange = range));
+            this._markChangeDetectionNeeded(() => this._scrollStrategy.onContentRendered());
+        }
+    }
+    /**
+     * Gets the offset from the start of the viewport to the start of the rendered data (in pixels).
+     */
+    getOffsetToRenderedContentStart() {
+        return this._renderedContentOffsetNeedsRewrite ? null : this._renderedContentOffset;
+    }
+    /**
+     * Sets the offset from the start of the viewport to either the start or end of the rendered data
+     * (in pixels).
+     */
+    setRenderedContentOffset(offset) {
+        const top = `${Number(offset)}px`;
+        this._renderedContentOffset = offset;
+        if (this._renderedContentTransform !== top) {
+            // We know this value is safe because we parse `offset` with `Number()` before passing it
+            // into the string.
+            this._renderedContentTransform = top;
+            this._markChangeDetectionNeeded(() => {
+                if (this._renderedContentOffsetNeedsRewrite) {
+                    this._renderedContentOffset -= this.measureRenderedContentSize();
+                    this._renderedContentOffsetNeedsRewrite = false;
+                    this.setRenderedContentOffset(this._renderedContentOffset);
+                }
+                else {
+                    this._scrollStrategy.onRenderedOffsetChanged();
+                }
+            });
+        }
+    }
+    /**
+     * Scrolls to the given offset from the start of the viewport. Please note that this is not always
+     * the same as setting `scrollTop` or `scrollLeft`. In a horizontal viewport with right-to-left
+     * direction, this would be the equivalent of setting a fictional `scrollRight` property.
+     * @param offset The offset to scroll to.
+     * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
+     */
+    scrollToOffset(offset, behavior = "auto") {
+        const options = { behavior, top: offset };
+        this.scrollTo(options);
+    }
+    /**
+     * Scrolls to the offset for the given index.
+     * @param index The index of the element to scroll to.
+     * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
+     */
+    scrollToIndex(index, behavior = "auto") {
+        this._scrollStrategy.scrollToIndex(index, behavior);
+    }
+    /**
+     * Gets the current scroll offset from the start of the viewport (in pixels).
+     * @param from The edge to measure the offset from. Defaults to 'top' in vertical mode and 'start'
+     *     in horizontal mode.
+     */
+    //  CHANGES@ANNALIB added override to functions
+    measureScrollOffset(from) {
+        return from ? super.measureScrollOffset(from) : super.measureScrollOffset("top");
+    }
+    /** Measure the combined size of all of the rendered items. */
+    measureRenderedContentSize() {
+        const contentEl = this._contentWrapper.nativeElement;
+        return contentEl.offsetHeight;
+    }
+    /**
+     * Measure the total combined size of the given range. Throws if the range includes items that are
+     * not rendered.
+     */
+    measureRangeSize(range) {
+        if (!this._forOf) {
+            return 0;
+        }
+        return this._forOf.measureRangeSize(range, this.orientation);
+    }
+    /** Update the viewport dimensions and re-render. */
+    checkViewportSize() {
+        // TODO: Cleanup later when add logic for handling content resize
+        this._measureViewportSize();
+        this._scrollStrategy.onDataLengthChanged();
+    }
+    /** Measure the viewport size. */
+    _measureViewportSize() {
+        const viewportEl = this.elementRef.nativeElement;
+        this._viewportSize = viewportEl.clientHeight;
+    }
+    /** Queue up change detection to run. */
+    _markChangeDetectionNeeded(runAfter) {
+        if (runAfter) {
+            this._runAfterChangeDetection.push(runAfter);
+        }
+        // Use a Promise to batch together calls to `_doChangeDetection`. This way if we set a bunch of
+        // properties sequentially we only have to run `_doChangeDetection` once at the end.
+        if (!this._isChangeDetectionPending) {
+            this._isChangeDetectionPending = true;
+            this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
+                this._doChangeDetection();
+            }));
+        }
+    }
+    /** Run change detection. */
+    _doChangeDetection() {
+        this._isChangeDetectionPending = false;
+        // Apply the content transform. The transform can't be set via an Angular binding because
+        // bypassSecurityTrustStyle is banned in Google. However the value is safe, it's composed of
+        // string literals, a variable that can only be 'X' or 'Y', and user input that is run through
+        // the `Number` function first to coerce it to a numeric value.
+        this._contentWrapper.nativeElement.style.top = this._renderedContentTransform;
+        // Apply changes to Angular bindings. Note: We must call `markForCheck` to run change detection
+        // from the root, since the repeated items are content projected in. Calling `detectChanges`
+        // instead does not properly check the projected content.
+        this.ngZone.run(() => this._changeDetectorRef.markForCheck());
+        const runAfterChangeDetection = this._runAfterChangeDetection;
+        this._runAfterChangeDetection = [];
+        runAfterChangeDetection.forEach((fn) => {
+            fn();
+        });
+    }
+    /** Calculates the `style.width` and `style.height` for the spacer element. */
+    _calculateSpacerSize() {
+        this._totalContentHeight = `${this._totalContentSize}px`;
+        this._totalContentWidth = "";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i1$1.Directionality, optional: true }, { token: i2$1.ScrollDispatcher }, { token: i2$1.ViewportRuler }, { token: AnnaGtHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaTableVirtualScrollViewportComponent, isStandalone: true, selector: "anna-core-table-virtual-scroll-viewport", inputs: { orientation: "orientation" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.anna-table-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.anna-table-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "anna-table-virtual-scroll-viewport" }, providers: [
+            {
+                provide: CdkScrollable,
+                useExisting: AnnaTableVirtualScrollViewportComponent,
+            },
+            {
+                provide: CdkVirtualScrollViewport,
+                useExisting: AnnaTableVirtualScrollViewportComponent,
+            },
+        ], viewQueries: [{ propertyName: "_contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n  Wrap the rendered content in an element that will be used to offset it based on the scroll\n  position.\n-->\n<div\n    #contentWrapper\n    class=\"anna-table-virtual-scroll-content-wrapper\"\n>\n    <ng-content></ng-content>\n</div>\n<!--\n  Spacer used to force the scrolling container to the correct size for the *total* number of items\n  so that the scrollbar captures the size of the entire data set.\n-->\n<div\n    class=\"app-table-virtual-scroll-spacer\"\n    [style.width]=\"_totalContentWidth\"\n    [style.height]=\"_totalContentHeight\"\n></div>\n", styles: ["anna-table-virtual-scroll-viewport{display:block;position:relative;overflow:auto;contain:strict;will-change:scroll-position;-webkit-overflow-scrolling:touch}.anna-table-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .anna-table-virtual-scroll-content-wrapper{right:0;left:auto}.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper{min-height:100%}.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper{min-width:100%}.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.app-table-virtual-scroll-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0}[dir=rtl] .app-table-virtual-scroll-spacer{right:0;left:auto;transform-origin:100% 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-core-table-virtual-scroll-viewport", host: {
+                        class: "anna-table-virtual-scroll-viewport",
+                        "[class.anna-table-virtual-scroll-orientation-horizontal]": 'orientation === "horizontal"',
+                        "[class.anna-table-virtual-scroll-orientation-vertical]": 'orientation !== "horizontal"',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: CdkScrollable,
+                            useExisting: AnnaTableVirtualScrollViewportComponent,
+                        },
+                        {
+                            provide: CdkVirtualScrollViewport,
+                            useExisting: AnnaTableVirtualScrollViewportComponent,
+                        },
+                    ], standalone: true, template: "<!--\n  Wrap the rendered content in an element that will be used to offset it based on the scroll\n  position.\n-->\n<div\n    #contentWrapper\n    class=\"anna-table-virtual-scroll-content-wrapper\"\n>\n    <ng-content></ng-content>\n</div>\n<!--\n  Spacer used to force the scrolling container to the correct size for the *total* number of items\n  so that the scrollbar captures the size of the entire data set.\n-->\n<div\n    class=\"app-table-virtual-scroll-spacer\"\n    [style.width]=\"_totalContentWidth\"\n    [style.height]=\"_totalContentHeight\"\n></div>\n", styles: ["anna-table-virtual-scroll-viewport{display:block;position:relative;overflow:auto;contain:strict;will-change:scroll-position;-webkit-overflow-scrolling:touch}.anna-table-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .anna-table-virtual-scroll-content-wrapper{right:0;left:auto}.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper{min-height:100%}.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-horizontal .anna-table-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper{min-width:100%}.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.app-table-virtual-scroll-orientation-vertical .anna-table-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.app-table-virtual-scroll-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0}[dir=rtl] .app-table-virtual-scroll-spacer{right:0;left:auto;transform-origin:100% 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [VIRTUAL_SCROLL_STRATEGY]
+                }] }, { type: i1$1.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: i2$1.ScrollDispatcher }, { type: i2$1.ViewportRuler }, { type: AnnaGtHelperService }]; }, propDecorators: { orientation: [{
+                type: Input
+            }], scrolledIndexChange: [{
+                type: Output
+            }], _contentWrapper: [{
+                type: ViewChild,
+                args: ["contentWrapper", { static: true }]
+            }] } });
+
+/**
+ * A custom scroll strategy that accepts a static row height, static header height,
+ * and a buffer size. The strategy
+ */
+class AnnaFixedRowSizeTableVirtualScrollStrategy {
+    constructor(rowHeight, buffer, headerHeight) {
+        this.scrolledIndexChangeSubject = new Subject();
+        this.scrolledIndexChange = this.scrolledIndexChangeSubject.pipe(distinctUntilChanged());
+        this.updateRowHeightAndBuffer(rowHeight, buffer, headerHeight);
+    }
+    /**
+     * Attaches this scroll strategy to a viewport.
+     * @param viewport The viewport to attach this strategy to.
+     */
+    attach(viewport) {
+        this.viewport = viewport;
+        this.updateTotalContentSize();
+        this.updateRenderedRange();
+    }
+    /**
+     * Detaches this scroll strategy from the currently attached viewport.
+     */
+    detach() {
+        this.scrolledIndexChangeSubject.complete();
+        this.viewport = null;
+    }
+    onContentScrolled() {
+        this.updateRenderedRange();
+    }
+    onDataLengthChanged() {
+        this.updateTotalContentSize();
+        this.updateRenderedRange();
+    }
+    onContentRendered() {
+        // This method is useful for virtual scroll strategies that measure the rendered
+        // content to determine its height. This scroll strategy assumes that rows have
+        // a static height, so there's no need to implement this method.
+    }
+    onRenderedOffsetChanged() {
+        // Similar to onContentRendered, this method is useful for virtual scroll strategies
+        // that need to track the offset as it changes. This scroll strategy is always able
+        // to calculate the correct offset from other values, so there's no need to implement
+        // this method.
+    }
+    scrollToIndex(index, behavior) {
+        this.viewport?.scrollToOffset(index * this.rowHeight, behavior);
+    }
+    /**
+     * Update the item size and buffer size.
+     * @param rowHeight The height of a row in the virtually scrolling table.
+     * @param buffer The number of rows to buffer outside the viewport.
+     * @param headerHeight The total height of the table header, including all header rows.
+     */
+    updateRowHeightAndBuffer(rowHeight, buffer, headerHeight) {
+        this.rowHeight = rowHeight;
+        this.buffer = buffer;
+        this.headerHeight = headerHeight;
+        this.updateTotalContentSize();
+        this.updateRenderedRange();
+    }
+    updateRenderedRange() {
+        if (!this.viewport) {
+            return;
+        }
+        const viewportSize = this.viewport.getViewportSize();
+        const dataLength = this.viewport.getDataLength();
+        const scrollOffset = this.viewport.measureScrollOffset();
+        // the index of the first item that would be at least partially visible in the viewport
+        const firstVisibleIndex = Math.floor((scrollOffset + this.headerHeight) / this.rowHeight);
+        // if the buffer size is 10 but the first visible item is at, say, index 7
+        // then the buffered items must be 7, because we don't have 10 items available to buffer.
+        const bufferedItems = Math.min(AnnaFilterService.bufferSize, firstVisibleIndex);
+        const itemsInViewport = Math.ceil(viewportSize / this.rowHeight);
+        const itemsToRender = itemsInViewport + this.buffer;
+        // Clamp the new range between 0 and dataLength
+        const newStart = Math.max(0, firstVisibleIndex - bufferedItems);
+        const newEnd = Math.min(dataLength, firstVisibleIndex + itemsToRender);
+        const newRange = {
+            start: newStart,
+            end: newEnd,
+        };
+        const newOffset = this.rowHeight * (firstVisibleIndex - bufferedItems);
+        this.viewport.setRenderedContentOffset(newOffset);
+        this.viewport.setRenderedRange(newRange);
+        this.scrolledIndexChangeSubject.next(Math.floor(firstVisibleIndex));
+    }
+    updateTotalContentSize() {
+        this.viewport?.setTotalContentSize(this.viewport.getDataLength() * this.rowHeight);
+    }
+}
+/**
+ * Provider factory for `FixedSizeVirtualScrollStrategy` that simply extracts the already created
+ * `FixedSizeVirtualScrollStrategy` from the given directive.
+ * @param fixedSizeDir The instance of `CdkFixedSizeVirtualScroll` to extract the
+ *     `FixedSizeVirtualScrollStrategy` from.
+ */
+function fixedSizeVirtualScrollStrategyFactory(fixedSizeDir) {
+    return fixedSizeDir.scrollStrategy;
+}
+class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
+    constructor() {
+        this.heightOfRow = 30;
+        this.heightOfHeaderRow = 30;
+        this.bufferForRows = 20;
+        this.noOfHeaderRows = null;
+        this.headerRowCount = 1;
+        /** The scroll strategy used by this directive. */
+        this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
+    }
+    /** The height of rows in the table (in pixels). Defaults to 30. */
+    set rowHeight(value) {
+        this.heightOfRow = coerceNumberProperty(value);
+    }
+    get rowHeight() {
+        return this.heightOfRow;
+    }
+    /**
+     * The height of header rows in the table (in pixels). Defaults to 30.
+     */
+    set headerRowHeight(value) {
+        this.heightOfHeaderRow = coerceNumberProperty(value);
+    }
+    get headerRowHeight() {
+        return this.heightOfHeaderRow;
+    }
+    /**
+     * The number of buffered rows rendered beyond the viewport.
+     * If the number of buffered rows dips below this number, more rows will be rendered. Defaults to 20.
+     */
+    set buffer(value) {
+        this.bufferForRows = coerceNumberProperty(value);
+    }
+    get buffer() {
+        return this.bufferForRows;
+    }
+    set headerRows(value) {
+        this.noOfHeaderRows = coerceNumberProperty(value, undefined);
+    }
+    get headerRows() {
+        return this.noOfHeaderRows;
+    }
+    ngOnChanges(change) {
+        if (this.headerRows !== undefined || this.headerRowsQuery) {
+            this.handleChange();
+        }
+        if (change.buffer?.previousValue !== change.buffer?.currentValue) {
+            AnnaFilterService.bufferSize = this.buffer;
+            this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
+        }
+    }
+    ngAfterContentInit() {
+        this.headerRowsQuery.changes.subscribe(() => {
+            this.handleChange();
+        });
+    }
+    handleChange() {
+        this.scrollStrategy.updateRowHeightAndBuffer(this.rowHeight, this.buffer, 
+        // Use the explicit headerRows input value if set.
+        // Otherwise, fall back to the QueryList length.
+        this.headerRowHeight * (this.noOfHeaderRows ?? this.headerRowsQuery.length));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, isStandalone: true, selector: "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]", inputs: { rowHeight: "rowHeight", headerRowHeight: "headerRowHeight", buffer: "buffer", headerRows: "headerRows" }, providers: [
+            {
+                provide: VIRTUAL_SCROLL_STRATEGY,
+                useFactory: fixedSizeVirtualScrollStrategyFactory,
+                deps: [forwardRef(() => AnnaFixedRowSizeTableVirtualScrollStrategyDirective)],
+            },
+        ], queries: [{ propertyName: "headerRowsQuery", predicate: MatHeaderRowDef }], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]",
+                    providers: [
+                        {
+                            provide: VIRTUAL_SCROLL_STRATEGY,
+                            useFactory: fixedSizeVirtualScrollStrategyFactory,
+                            deps: [forwardRef(() => AnnaFixedRowSizeTableVirtualScrollStrategyDirective)],
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], propDecorators: { rowHeight: [{
+                type: Input
+            }], headerRowHeight: [{
+                type: Input
+            }], buffer: [{
+                type: Input
+            }], headerRows: [{
+                type: Input
+            }], headerRowsQuery: [{
+                type: ContentChildren,
+                args: [MatHeaderRowDef]
+            }] } });
+
+/* eslint-disable no-underscore-dangle */
+/**
+ * Directive that wraps a given data source in a "virtual" data source that emits
+ * the slice of the original data source that matches the range that should be rendered
+ * in the containing virtual scroll viewport.
+ */
+class AnnaVirtualTableDirective {
+    set dataSource(value) {
+        this.tableDataSource = value;
+        if (isDataSource(value)) {
+            this.dataSourceChanges.next(value);
+        }
+        else {
+            this.dataSourceChanges.next(new ArrayDataSource(isObservable(value) ? value : Array.from(value || [])));
+        }
+    }
+    get dataSource() {
+        return this.tableDataSource;
+    }
+    constructor(elementRef, viewport, table, ngZone, _coalescedStyleScheduler) {
+        this.viewport = viewport;
+        this.table = table;
+        this._coalescedStyleScheduler = _coalescedStyleScheduler;
+        this.virtualizedDataStream = new Subject();
+        this.dataSourceChanges = new Subject();
+        /** The raw, unvirtualized data stream. Emits whenever the data in the current DataSource changes. */
+        this.dataStream = this.dataSourceChanges.pipe(
+        // Start off with null data source.
+        startWith(null), 
+        // Bundle up the previous and current data sources so we can work with both.
+        pairwise(), 
+        // Use `changeDataSource` to disconnect from the previous data source and connect to the
+        // new one, passing back a stream of data changes which we run through `switchMap` to give
+        // us a data stream that emits the latest data from whatever the current data source is.
+        switchMap(([prev, cur]) => this.changeDataSource(prev, cur)), 
+        // Replay the last emitted data when someone subscribes.
+        shareReplay(1));
+        this.viewChange = new Subject();
+        this.destroyed$ = new Subject();
+        this.renderedRange = { start: 0, end: 0 };
+        this.isNativeHtmlTable = false;
+        table.dataSource = this.virtualizedDataStream;
+        this.isNativeHtmlTable = elementRef.nativeElement.tagName === "TABLE";
+        this.dataStream.subscribe((data) => {
+            this.data = data;
+            this.onRenderedDataChange();
+        });
+        viewport.renderedRangeStream.pipe(takeUntil(this.destroyed$)).subscribe((range) => {
+            this.renderedRange = range;
+            ngZone.run(() => this.viewChange.next(range));
+            this.onRenderedDataChange();
+        });
+        viewport.attach(this);
+    }
+    ngOnInit() {
+        // This is just a proof of concept, but the AnnaTableVirtualScrollViewportComponent uses `position: absolute`
+        // and `top: #px` instead of `transform: translateY(#px)` to position the viewport.
+        // This removes the need to account for the translation in the `top` of the sticky header rows.
+        if (this.viewport instanceof AnnaTableVirtualScrollViewportComponent) {
+            return;
+        }
+        this.viewport.scrolledIndexChange
+            .pipe(map$1(() => this.viewport.getOffsetToRenderedContentStart()), takeUntil(this.destroyed$))
+            .subscribe((offset) => {
+            // We need to set the `style.top` property of the sticky header rows
+            // to the negative value of the virtual scroll viewport's offset, so
+            // make the offset negative.
+            offset = -offset;
+            const stickyStates = this.headerRowDefs.map((rowDef) => rowDef.sticky);
+            // This logic is exactly the same as what's in the StickyStyler (literally copy + paste).
+            // The only difference is that the `stickyOffset` variable starts at the virtual scroll
+            // viewport container's offset instead of starting at zero.
+            const rows = this.table._getRenderedRows(this.table._headerRowOutlet);
+            const stickyOffsets = [];
+            const stickyCellHeights = [];
+            const elementsToStick = [];
+            for (let rowIndex = 0, stickyOffset = offset; rowIndex < rows.length; rowIndex++) {
+                stickyOffsets[rowIndex] = stickyOffset;
+                if (!stickyStates[rowIndex]) {
+                    continue;
+                }
+                const row = rows[rowIndex];
+                elementsToStick[rowIndex] = this.isNativeHtmlTable
+                    ? Array.from(row.children)
+                    : [row];
+                const { height } = row.getBoundingClientRect();
+                stickyOffset += height;
+                stickyCellHeights[rowIndex] = height;
+            }
+            // Using the CoalescedStyleScheduler here is optional. It'll work without it,
+            // and CoalescedStyleScheduler is not public (yet?), so feel free to remove it.
+            this._coalescedStyleScheduler.schedule(() => {
+                for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+                    if (!stickyStates[rowIndex]) {
+                        continue;
+                    }
+                    elementsToStick[rowIndex].forEach((element) => {
+                        element.style.top = `${stickyOffsets[rowIndex]}px`;
+                    });
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.dataSourceChanges.complete();
+        this.virtualizedDataStream.complete();
+    }
+    /** React to scroll state changes in the viewport. */
+    onRenderedDataChange() {
+        if (!this.renderedRange) {
+            return;
+        }
+        this.renderedItems = this.data.slice(this.renderedRange.start, this.renderedRange.end + 1);
+        // delegate rendering to the table by emitting from the virtualizedDataStream
+        this.virtualizedDataStream.next(this.renderedItems);
+    }
+    /** Swap out one data source for another. */
+    changeDataSource(oldDataSource, newDs) {
+        oldDataSource?.disconnect(this);
+        return newDs ? newDs.connect(this) : of();
+    }
+    /**
+     * This method is only used by the experimental AutoSizeVirtualScrollStrategy.
+     * We're not using that strategy, but I've implemented it just to show how it oculd be done.
+     * I'm not actually sure if this works.
+     */
+    measureRangeSize(range, orientation) {
+        if (orientation === "horizontal" || range.end < range.start) {
+            // virtual scrolling columns are not supported by this directive
+            return 0;
+        }
+        const renderedBodyRows = this.table._getRenderedRows(this.table._rowOutlet);
+        const firstRow = renderedBodyRows[range.start];
+        const lastRow = renderedBodyRows[range.end];
+        if (!firstRow || !lastRow) {
+            return 0;
+        }
+        // We need to include all header and footer rows in the sum, since they're always rendered
+        const renderedHeaderRows = this.table._getRenderedRows(this.table._headerRowOutlet);
+        const renderedFooterRows = this.table._getRenderedRows(this.table._footerRowOutlet);
+        // TODO (performance): Can we just measure the offset of the first and last items
+        // and do some math to avoid having to measure each row individually?
+        const headerHeight = renderedHeaderRows.reduce((sum, row) => {
+            const updatedSum = sum + row.getBoundingClientRect().height;
+            return updatedSum;
+        }, 0);
+        const footerHeight = renderedFooterRows.reduce((sum, row) => {
+            const updatedSum = sum + row.getBoundingClientRect().height;
+            return updatedSum;
+        }, 0);
+        const bodyHeight = lastRow.getBoundingClientRect().bottom - firstRow.getBoundingClientRect().top;
+        return headerHeight + footerHeight + bodyHeight;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, deps: [{ token: i0.ElementRef }, { token: i2$1.CdkVirtualScrollViewport }, { token: i2$2.CdkTable }, { token: i0.NgZone }, { token: _COALESCED_STYLE_SCHEDULER }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AnnaVirtualTableDirective, isStandalone: true, selector: "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]", inputs: { dataSource: ["appVirtualDataSource", "dataSource"] }, providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }], queries: [{ propertyName: "headerRowDefs", predicate: CdkHeaderRowDef }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]",
+                    providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2$1.CdkVirtualScrollViewport }, { type: i2$2.CdkTable }, { type: i0.NgZone }, { type: i2$2._CoalescedStyleScheduler, decorators: [{
+                    type: Inject,
+                    args: [_COALESCED_STYLE_SCHEDULER]
+                }] }]; }, propDecorators: { dataSource: [{
+                type: Input,
+                args: ["appVirtualDataSource"]
+            }], headerRowDefs: [{
+                type: ContentChildren,
+                args: [CdkHeaderRowDef]
+            }] } });
+
 /* eslint-disable max-len */
 class AnnaCoreModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -4898,7 +5758,10 @@ class AnnaCoreModule {
             AnnaWeekCalendarComponent,
             AnnaCalendarFilterComponent,
             AnnaSortComponent,
+            AnnaVirtualTableDirective,
             AnnaNonEditableGenericTableComponent,
+            AnnaTableVirtualScrollViewportComponent,
+            AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
             DigitOnlyDirective,
             AnnaColumnDateRangeFilterComponent,
             AnnaColumnTimeFilterComponent,
@@ -4924,10 +5787,13 @@ class AnnaCoreModule {
             AnnaWeekCalendarComponent,
             AnnaCalendarFilterComponent,
             AnnaSortComponent,
+            AnnaVirtualTableDirective,
             AnnaNonEditableGenericTableComponent,
+            AnnaTableVirtualScrollViewportComponent,
             AnnaColumnDateRangeFilterComponent,
             AnnaColumnTimeFilterComponent,
             AnnaColumnCheckboxFilterComponent,
+            AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
             DigitOnlyDirective,
             AnnaDeletedOrderIconTemplateComponent,
             AnnaColumnSliderFilterComponent,
@@ -4996,7 +5862,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AnnaWeekCalendarComponent,
                         AnnaCalendarFilterComponent,
                         AnnaSortComponent,
+                        AnnaVirtualTableDirective,
                         AnnaNonEditableGenericTableComponent,
+                        AnnaTableVirtualScrollViewportComponent,
+                        AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
                         DigitOnlyDirective,
                         AnnaColumnDateRangeFilterComponent,
                         AnnaColumnTimeFilterComponent,
@@ -5025,10 +5894,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AnnaWeekCalendarComponent,
                         AnnaCalendarFilterComponent,
                         AnnaSortComponent,
+                        AnnaVirtualTableDirective,
                         AnnaNonEditableGenericTableComponent,
+                        AnnaTableVirtualScrollViewportComponent,
                         AnnaColumnDateRangeFilterComponent,
                         AnnaColumnTimeFilterComponent,
                         AnnaColumnCheckboxFilterComponent,
+                        AnnaFixedRowSizeTableVirtualScrollStrategyDirective,
                         DigitOnlyDirective,
                         AnnaDeletedOrderIconTemplateComponent,
                         AnnaColumnSliderFilterComponent,
@@ -5039,145 +5911,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class AnnaGtHelperService {
-    constructor(annaFilterService, router, route, annaSortService) {
-        this.annaFilterService = annaFilterService;
-        this.router = router;
-        this.route = route;
-        this.annaSortService = annaSortService;
-        this.virtualScrollSubject = new Subject();
-    }
-    calculateNumberOfSkeletonColumnsForTable(tableHeaders) {
-        const numberOfSkeletonColumns = [];
-        let headersInEachColumn = 0;
-        tableHeaders.forEach((column) => {
-            if (column.visible) {
-                headersInEachColumn = 0;
-                column.headerInfo.forEach(() => {
-                    headersInEachColumn += 1;
-                });
-                numberOfSkeletonColumns.push(Array(headersInEachColumn).fill(0));
-            }
-        });
-        return numberOfSkeletonColumns;
-    }
-    initColumnFilterAndSorting() {
-        this.annaFilterService.tooltipSelectedMap = new Map();
-        this.annaFilterService.selectedRadio = null;
-        this.annaFilterService.appliedFiltersArray = [];
-        this.annaFilterService.initialValueMap = new Map();
-        this.annaSortService.columnSortState = new Map();
-        this.annaSortService.noSortingAppliedData = [];
-    }
-    enableOrDisableClearAllBtn() {
-        const isFilterApplied = this.annaFilterService.appliedFiltersArray.length > 0;
-        const isSortApplied = this.isSortingAppliedToTable();
-        return !(isFilterApplied || isSortApplied);
-    }
-    updateFiltersInURL() {
-        const latestQueryParams = this.prepareQueryParamsOnFilter();
-        if (Object.keys(latestQueryParams).length > 0) {
-            this.router.navigate([], {
-                queryParams: { filters: JSON.stringify(latestQueryParams) },
-                relativeTo: this.route.parent,
-                queryParamsHandling: "merge",
-            });
-        }
-        else {
-            this.router.navigate([], {
-                relativeTo: this.route.parent,
-            });
-        }
-    }
-    prepareQueryParamsOnFilter() {
-        const query = {};
-        if (this.annaFilterService.appliedFiltersArray.length > 0) {
-            query.appliedFilters = this.annaFilterService.appliedFiltersArray;
-            query.selectedFilterData = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
-        }
-        if (this.checkIfSortingIsApplied()) {
-            query.sortState = JSON.stringify(Array.from(this.annaSortService.columnSortState));
-        }
-        return query;
-    }
-    checkIfSortingIsApplied() {
-        let isSortingApplied = false;
-        this.annaSortService.columnSortState.forEach((value, key) => {
-            if (value === "ASC" || value === "DESC") {
-                isSortingApplied = true;
-            }
-        });
-        return isSortingApplied;
-    }
-    initTableFilters(clonedTableData) {
-        this.annaFilterService.tooltipSelectedMap = new Map();
-        this.annaFilterService.selectedRadio = null;
-        this.annaFilterService.appliedFiltersArray = [];
-        this.annaSortService.columnSortState = new Map();
-        this.annaSortService.noSortingAppliedData = cloneDeep(clonedTableData);
-        this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
-    }
-    initFilters() {
-        this.annaFilterService.tooltipSelectedMap = new Map();
-        this.annaFilterService.appliedFiltersArray = [];
-    }
-    setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
-        let usersTable;
-        if (isPersistingFilter) {
-            usersTable = this.annaFilterService.filterData(clonedTable, "");
-            this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
-        }
-        else {
-            usersTable = clonedTable;
-            this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
-        }
-        if (filters?.sortState) {
-            this.annaSortService.columnSortState = new Map(JSON.parse(filters.sortState));
-            usersTable = this.callSort(usersTable);
-        }
-        this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
-        return usersTable;
-    }
-    callSort(usersTable) {
-        let sortedUsersTableData = usersTable;
-        this.annaSortService.columnSortState.forEach((value, key) => {
-            if (value === "ASC") {
-                sortedUsersTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
-            }
-            else if (value === "DESC") {
-                sortedUsersTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
-            }
-        });
-        return sortedUsersTableData;
-    }
-    isSortingAppliedToTable() {
-        let isSortingApplied = false;
-        this.annaSortService.columnSortState.forEach((value, key) => {
-            if (value === "ASC" || value === "DESC") {
-                isSortingApplied = true;
-            }
-        });
-        return isSortingApplied;
-    }
-    updateQueryParamsFilter(key, value, operation, queryParamObj) {
-        if (operation === "ADD") {
-            queryParamObj[key] = value;
-        }
-        else if (operation === "DELETE") {
-            delete queryParamObj[key];
-        }
-        return queryParamObj;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
-
 class AnnaNumberFormatService {
     static GetRoundedValueWithUnits(inputValue, digitsToRoundDecimalPoint = 2) {
         const result = AnnaNumberFormatService.GetValueInUnits(Math.abs(inputValue));
@@ -5374,5 +6107,5 @@ class ANNAIconNames {
  * Generated bundle index. Do not edit.
  */
 
-export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTypeofDataPipe, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, RadioButtonModel, ShowEllipsisTextOnHoverDirective, SortTypeEnum, TooltipModel, TooltipModelForColumnLevelFiltering };
+export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, RadioButtonModel, ShowEllipsisTextOnHoverDirective, SortTypeEnum, TooltipModel, TooltipModelForColumnLevelFiltering, fixedSizeVirtualScrollStrategyFactory };
 //# sourceMappingURL=annalib-anna-core.mjs.map