@one-paragon/angular-utilities 1.2.12 → 1.2.13

package/esm2022/table-builder/components/table-container/virtual-scroll-container.mjs

@@ -0,0 +1,151 @@
+import { ChangeDetectionStrategy, Component, effect, forwardRef, untracked, viewChild, inject, computed } from '@angular/core';
+import { CdkVirtualScrollViewport, ScrollingModule, VIRTUAL_SCROLL_STRATEGY, } from '@angular/cdk/scrolling';
+import { switchMap } from 'rxjs';
+import { notNull, subscriber } from '../../../rxjs';
+import { TableStore } from '../../classes/table-store';
+import { TableVirtualScrollStrategy } from '../scroll-strategy';
+import { VirtualScrollOptions } from '../../classes/table-builder-general-settings';
+import { DataStore } from '../../classes/data-store';
+import { toObservable, toSignal } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/scrolling";
+export class VirtualScrollContainer {
+    state = inject(TableStore);
+    dataStore = inject(DataStore);
+    viewport = viewChild(CdkVirtualScrollViewport);
+    defaultOptions = new VirtualScrollOptions();
+    scrollStrategy = new TableVirtualScrollStrategy(this.computedRowHeight(), this.computedHeaderHeight());
+    $usePaginator = this.state.selectSignal(s => s.notPersistedTableSettings.usePaginator);
+    $pageSize = this.state.$pageSize;
+    $currentPage = this.state.$currentPage;
+    $showAll = this.state.selectSignal(s => s.showAll);
+    $stateDataLength = this.dataStore.selectSignal(s => s.dataLen);
+    $dataLength = computed(() => {
+        const paginated = this.$usePaginator() && !this.$showAll();
+        const pageSize = this.$pageSize();
+        const pageNumber = this.$currentPage();
+        const dataLen = this.$stateDataLength();
+        if (paginated)
+            return Math.min(dataLen - (pageNumber * pageSize), pageSize);
+        return dataLen;
+    });
+    constructor() {
+        addEventListener('resize', this.resizeHandler);
+    }
+    setViewportEffect = effect(() => {
+        const viewport = this.viewport();
+        untracked(() => {
+            if (!!viewport) {
+                this.setSize(this.viewport().elementRef);
+            }
+            ;
+        });
+    });
+    subscriber = subscriber();
+    onRenderedRangeEffect = effect(() => {
+        const renderedRange = this.$renderedRange();
+        if (!renderedRange)
+            return;
+        untracked(() => {
+            this.dataStore.patchState({
+                virtualEnds: {
+                    start: renderedRange.start,
+                    end: renderedRange.end + 25,
+                }
+            });
+            this.setSize(this.viewport().elementRef);
+        });
+    });
+    onDataLengthEffect = effect(() => {
+        const dataLength = this.$dataLength();
+        untracked(() => {
+            this.scrollStrategy.setDataLength(dataLength);
+        });
+    });
+    onOffsetEffect = effect(() => {
+        const offset = this.$offset();
+        untracked(() => {
+            this.dataStore.patchState({ virtualScrollOffset: offset });
+        });
+    });
+    viewPort$ = toObservable(this.viewport).pipe(notNull());
+    $scrolledIndexChange = toSignal(this.viewPort$.pipe(switchMap(v => v.scrolledIndexChange)));
+    $renderedRange = toSignal(this.viewPort$.pipe(switchMap(v => v.renderedRangeStream)));
+    $offset = computed(() => {
+        const viewport = this.viewport();
+        const scrolledIndexChange = this.$scrolledIndexChange();
+        if (!scrolledIndexChange || !viewport)
+            return 0;
+        return viewport.getOffsetToRenderedContentStart() ?? 0;
+    });
+    ngOnDestroy() {
+        removeEventListener('resize', this.resizeHandler);
+    }
+    setSize(el) {
+        const vsViewport = el.nativeElement;
+        const virtualScrollOptions = this.state.tableSettings().useVirtualScroll;
+        const rowHeight = this.computedRowHeight();
+        let amountOfVisibleItems = virtualScrollOptions?.amountOfVisibleItems || this.defaultOptions.amountOfVisibleItems;
+        virtualScrollOptions?.amountOfVisibleItems || this.defaultOptions.amountOfVisibleItems;
+        let height = (rowHeight * amountOfVisibleItems);
+        if (!this.state.tableSettings().hideHeader) {
+            const headerHeight = this.computedHeaderHeight();
+            height += headerHeight;
+        }
+        if (virtualScrollOptions?.maxViewPortHeight && virtualScrollOptions.maxViewPortHeight < height)
+            height = virtualScrollOptions.maxViewPortHeight;
+        vsViewport.setAttribute('style', `height: ${height}px !important;`);
+        this.viewport()?.checkViewportSize();
+        const virtualScrollOffset = this.viewport()?.getOffsetToRenderedContentStart() ?? 0;
+        this.dataStore.patchState({ virtualScrollOffset });
+    }
+    resizeHandler = () => {
+        if (this.viewport()) {
+            this.setSize(this.viewport().elementRef);
+        }
+    };
+    computedRowHeight() {
+        const virtualScrollOptions = this.state.tableSettings().useVirtualScroll;
+        const rowHeight = virtualScrollOptions?.rowHeight || (typeof this.state.tableSettings().rowHeight === 'number' && this.state.tableSettings().rowHeight) || this.defaultOptions.rowHeight;
+        return rowHeight;
+    }
+    computedHeaderHeight() {
+        const virtualScrollOptions = this.state.tableSettings().useVirtualScroll;
+        const headerHeight = virtualScrollOptions?.headerHeight || (typeof this.state.tableSettings().headerHeight === 'number' && this.state.tableSettings().headerHeight) || this.defaultOptions.headerHeight;
+        return headerHeight;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: VirtualScrollContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.2", type: VirtualScrollContainer, isStandalone: true, selector: "tb-virtual-scroll-container", viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <cdk-virtual-scroll-viewport>
+      <ng-content/>
+    </cdk-virtual-scroll-viewport>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], viewProviders: [
+            {
+                provide: VIRTUAL_SCROLL_STRATEGY,
+                useFactory: (c) => c.scrollStrategy,
+                deps: [forwardRef(() => VirtualScrollContainer)],
+            },
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: VirtualScrollContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tb-virtual-scroll-container',
+                    template: `
+    <cdk-virtual-scroll-viewport>
+      <ng-content/>
+    </cdk-virtual-scroll-viewport>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [ScrollingModule],
+                    viewProviders: [
+                        {
+                            provide: VIRTUAL_SCROLL_STRATEGY,
+                            useFactory: (c) => c.scrollStrategy,
+                            deps: [forwardRef(() => VirtualScrollContainer)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwtY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXIvdmlydHVhbC1zY3JvbGwtY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQXlCLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RKLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsZUFBZSxFQUNmLHVCQUF1QixHQUN4QixNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakMsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFvQnBFLE1BQU0sT0FBTyxzQkFBc0I7SUFDekIsS0FBSyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQixTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRXRDLFFBQVEsR0FBRyxTQUFTLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUUvQyxjQUFjLEdBQUcsSUFBSSxvQkFB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QUF5QixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsY0FBYztnQkFDM0QsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDLENBQUM7YUFDakQ7U0FDRjs7MkZBRVUsc0JBQXNCO2tCQWxCbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUU7Ozs7S0FJUDtvQkFDSCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsYUFBYSxFQUFFO3dCQUNiOzRCQUNFLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFVBQVUsRUFBRSxDQUFDLENBQXlCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxjQUFjOzRCQUMzRCxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDLENBQUM7eUJBQ2pEO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBlZmZlY3QsIGZvcndhcmRSZWYsIHVudHJhY2tlZCwgdmlld0NoaWxkLCBpbmplY3QsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0LFxyXG4gIFNjcm9sbGluZ01vZHVsZSxcclxuICBWSVJUVUFMX1NDUk9MTF9TVFJBVEVHWSxcclxufSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcclxuaW1wb3J0IHsgc3dpdGNoTWFwIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IG5vdE51bGwsIHN1YnNjcmliZXIgfSBmcm9tICcuLi8uLi8uLi9yeGpzJztcclxuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xyXG5pbXBvcnQgeyBUYWJsZVZpcnR1YWxTY3JvbGxTdHJhdGVneSB9IGZyb20gJy4uL3Njcm9sbC1zdHJhdGVneSc7XHJcbmltcG9ydCB7IFZpcnR1YWxTY3JvbGxPcHRpb25zIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy90YWJsZS1idWlsZGVyLWdlbmVyYWwtc2V0dGluZ3MnO1xyXG5pbXBvcnQgeyBEYXRhU3RvcmUgfSBmcm9tICcuLi8uLi9jbGFzc2VzL2RhdGEtc3RvcmUnO1xyXG5pbXBvcnQgeyB0b09ic2VydmFibGUsIHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0Yi12aXJ0dWFsLXNjcm9sbC1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxyXG4gICAgICA8bmctY29udGVudC8+XHJcbiAgICA8L2Nkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydD5cclxuICAgIGAsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbU2Nyb2xsaW5nTW9kdWxlXSxcclxuICB2aWV3UHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IFZJUlRVQUxfU0NST0xMX1NUUkFURUdZLFxyXG4gICAgICB1c2VGYWN0b3J5OiAoYzogVmlydHVhbFNjcm9sbENvbnRhaW5lcikgPT4gYy5zY3JvbGxTdHJhdGVneSxcclxuICAgICAgZGVwczogW2ZvcndhcmRSZWYoKCkgPT4gVmlydHVhbFNjcm9sbENvbnRhaW5lcildLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlydHVhbFNjcm9sbENvbnRhaW5lciBpbXBsZW1lbnRzICBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgc3RhdGUgPSBpbmplY3QoVGFibGVTdG9yZSk7XHJcbiAgcHJpdmF0ZSBkYXRhU3RvcmUgPSBpbmplY3QoRGF0YVN0b3JlKTsgXHJcblxyXG4gIHZpZXdwb3J0ID0gdmlld0NoaWxkKENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydCk7XHJcblxyXG4gIGRlZmF1bHRPcHRpb25zID0gbmV3IFZpcnR1YWxTY3JvbGxPcHRpb25zKCk7XHJcbiAgc2Nyb2xsU3RyYXRlZ3kgPSBuZXcgVGFibGVWaXJ0dWFsU2Nyb2xsU3RyYXRlZ3koXHJcbiAgICB0aGlzLmNvbXB1dGVkUm93SGVpZ2h0KCksXHJcbiAgICB0aGlzLmNvbXB1dGVkSGVhZGVySGVpZ2h0KClcclxuICAgICk7XHJcblxyXG4gICR1c2VQYWdpbmF0b3IgPSB0aGlzLnN0YXRlLnNlbGVjdFNpZ25hbChzID0+IHMubm90UGVyc2lzdGVkVGFibGVTZXR0aW5ncy51c2VQYWdpbmF0b3IpO1xyXG4gICRwYWdlU2l6ZSA9IHRoaXMuc3RhdGUuJHBhZ2VTaXplO1xyXG4gICRjdXJyZW50UGFnZSA9IHRoaXMuc3RhdGUuJGN1cnJlbnRQYWdlO1xyXG4gICRzaG93QWxsID0gdGhpcy5zdGF0ZS5zZWxlY3RTaWduYWwocyA9PiBzLnNob3dBbGwpO1xyXG4gICRzdGF0ZURhdGFMZW5ndGggPSB0aGlzLmRhdGFTdG9yZS5zZWxlY3RTaWduYWwocyA9PiBzLmRhdGFMZW4pO1xyXG4gICRkYXRhTGVuZ3RoICA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGNvbnN0IHBhZ2luYXRlZCA9IHRoaXMuJHVzZVBhZ2luYXRvcigpICYmICF0aGlzLiRzaG93QWxsKCk7XHJcbiAgICBjb25zdCBwYWdlU2l6ZSA9IHRoaXMuJHBhZ2VTaXplKCk7XHJcbiAgICBjb25zdCBwYWdlTnVtYmVyID0gdGhpcy4kY3VycmVudFBhZ2UoKTtcclxuICAgIGNvbnN0IGRhdGFMZW4gPSB0aGlzLiRzdGF0ZURhdGFMZW5ndGgoKTtcclxuICAgIGlmKHBhZ2luYXRlZCkgcmV0dXJuIE1hdGgubWluKGRhdGFMZW4gLSAocGFnZU51bWJlciAqIHBhZ2VTaXplKSwgcGFnZVNpemUpO1xyXG4gICAgcmV0dXJuIGRhdGFMZW47XHJcbiAgfSk7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBhZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnJlc2l6ZUhhbmRsZXIpO1xyXG4gIH1cclxuICBzZXRWaWV3cG9ydEVmZmVjdCA9IGVmZmVjdCgoKSA9PiB7XHJcbiAgICBjb25zdCB2aWV3cG9ydCA9IHRoaXMudmlld3BvcnQoKTtcclxuICAgIHVudHJhY2tlZCgoKSA9PiB7XHJcbiAgICAgIGlmKCEhdmlld3BvcnQpe1xyXG4gICAgICAgIHRoaXMuc2V0U2l6ZSh0aGlzLnZpZXdwb3J0KCkhLmVsZW1lbnRSZWYpO1xyXG4gICAgICB9O1xyXG4gICAgfSlcclxuICB9KVxyXG5cclxuICBzdWJzY3JpYmVyID0gc3Vic2NyaWJlcigpO1xyXG5cclxuICBvblJlbmRlcmVkUmFuZ2VFZmZlY3QgPSBlZmZlY3QoKCkgPT4ge1xyXG4gICAgY29uc3QgcmVuZGVyZWRSYW5nZSA9IHRoaXMuJHJlbmRlcmVkUmFuZ2UoKTtcclxuICAgIGlmKCFyZW5kZXJlZFJhbmdlKSByZXR1cm47XHJcbiAgICB1bnRyYWNrZWQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmRhdGFTdG9yZS5wYXRjaFN0YXRlKHtcclxuICAgICAgICB2aXJ0dWFsRW5kczoge1xyXG4gICAgICAgICAgc3RhcnQ6IHJlbmRlcmVkUmFuZ2Uuc3RhcnQsXHJcbiAgICAgICAgICBlbmQ6IHJlbmRlcmVkUmFuZ2UuZW5kICsgMjUsXHJcbiAgICAgICAgfX0pO1xyXG4gICAgICB0aGlzLnNldFNpemUodGhpcy52aWV3cG9ydCgpIS5lbGVtZW50UmVmKTtcclxuICAgIH0pXHJcbiAgfSlcclxuXHJcbiAgb25EYXRhTGVuZ3RoRWZmZWN0ID0gZWZmZWN0KCgpID0+IHtcclxuICAgIGNvbnN0IGRhdGFMZW5ndGggPSB0aGlzLiRkYXRhTGVuZ3RoKCk7XHJcbiAgICB1bnRyYWNrZWQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnNjcm9sbFN0cmF0ZWd5LnNldERhdGFMZW5ndGgoZGF0YUxlbmd0aCk7XHJcbiAgICB9KVxyXG4gIH0pXHJcblxyXG4gIG9uT2Zmc2V0RWZmZWN0ID0gZWZmZWN0KCgpID0+IHtcclxuICAgIGNvbnN0IG9mZnNldCA9IHRoaXMuJG9mZnNldCgpO1xyXG4gICAgdW50cmFja2VkKCgpID0+IHtcclxuICAgICAgdGhpcy5kYXRhU3RvcmUucGF0Y2hTdGF0ZSh7IHZpcnR1YWxTY3JvbGxPZmZzZXQ6IG9mZnNldCB9KTtcclxuICAgIH0pXHJcbiAgfSlcclxuICB2aWV3UG9ydCQgPSB0b09ic2VydmFibGUodGhpcy52aWV3cG9ydCkucGlwZShub3ROdWxsKCkpO1xyXG4gICRzY3JvbGxlZEluZGV4Q2hhbmdlID0gdG9TaWduYWwodGhpcy52aWV3UG9ydCQucGlwZShzd2l0Y2hNYXAodiA9PiB2LnNjcm9sbGVkSW5kZXhDaGFuZ2UpKSk7XHJcbiAgJHJlbmRlcmVkUmFuZ2UgPSB0b1NpZ25hbCh0aGlzLnZpZXdQb3J0JC5waXBlKHN3aXRjaE1hcCh2ID0+IHYucmVuZGVyZWRSYW5nZVN0cmVhbSkpKTtcclxuXHJcbiAgJG9mZnNldCA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGNvbnN0IHZpZXdwb3J0ID0gdGhpcy52aWV3cG9ydCgpO1xyXG4gICAgY29uc3Qgc2Nyb2xsZWRJbmRleENoYW5nZSA9IHRoaXMuJHNjcm9sbGVkSW5kZXhDaGFuZ2UoKTtcclxuICAgIGlmKCFzY3JvbGxlZEluZGV4Q2hhbmdlIHx8ICF2aWV3cG9ydCkgcmV0dXJuIDA7XHJcbiAgICByZXR1cm4gdmlld3BvcnQuZ2V0T2Zmc2V0VG9SZW5kZXJlZENvbnRlbnRTdGFydCgpID8/IDA7XHJcbiAgfSlcclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICByZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnJlc2l6ZUhhbmRsZXIpO1xyXG4gIH1cclxuXHJcbiAgc2V0U2l6ZShlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcclxuICAgIGNvbnN0IHZzVmlld3BvcnQgPSBlbC5uYXRpdmVFbGVtZW50O1xyXG4gICAgY29uc3QgdmlydHVhbFNjcm9sbE9wdGlvbnMgPSB0aGlzLnN0YXRlLnRhYmxlU2V0dGluZ3MoKS51c2VWaXJ0dWFsU2Nyb2xsISBhcyBWaXJ0dWFsU2Nyb2xsT3B0aW9ucztcclxuICAgIGNvbnN0IHJvd0hlaWdodCA9IHRoaXMuY29tcHV0ZWRSb3dIZWlnaHQoKTtcclxuICAgIGxldCBhbW91bnRPZlZpc2libGVJdGVtcyA9IHZpcnR1YWxTY3JvbGxPcHRpb25zPy5hbW91bnRPZlZpc2libGVJdGVtcyB8fCB0aGlzLmRlZmF1bHRPcHRpb25zLmFtb3VudE9mVmlzaWJsZUl0ZW1zO1xyXG4gICAgICB2aXJ0dWFsU2Nyb2xsT3B0aW9ucz8uYW1vdW50T2ZWaXNpYmxlSXRlbXMgfHwgdGhpcy5kZWZhdWx0T3B0aW9ucy5hbW91bnRPZlZpc2libGVJdGVtcztcclxuICAgIGxldCBoZWlnaHQgPSAocm93SGVpZ2h0ICogYW1vdW50T2ZWaXNpYmxlSXRlbXMpO1xyXG4gICAgaWYoIXRoaXMuc3RhdGUudGFibGVTZXR0aW5ncygpLmhpZGVIZWFkZXIpe1xyXG4gICAgICBjb25zdCBoZWFkZXJIZWlnaHQgPSB0aGlzLmNvbXB1dGVkSGVhZGVySGVpZ2h0KCk7XHJcbiAgICAgIGhlaWdodCArPSBoZWFkZXJIZWlnaHQ7XHJcbiAgICB9XHJcbiAgICBpZih2aXJ0dWFsU2Nyb2xsT3B0aW9ucz8ubWF4Vmlld1BvcnRIZWlnaHQgJiYgdmlydHVhbFNjcm9sbE9wdGlvbnMubWF4Vmlld1BvcnRIZWlnaHQgPCBoZWlnaHQpIGhlaWdodCA9IHZpcnR1YWxTY3JvbGxPcHRpb25zLm1heFZpZXdQb3J0SGVpZ2h0O1xyXG4gICAgdnNWaWV3cG9ydC5zZXRBdHRyaWJ1dGUoXHJcbiAgICAgICdzdHlsZScsXHJcbiAgICAgIGBoZWlnaHQ6ICR7aGVpZ2h0fXB4ICFpbXBvcnRhbnQ7YCxcclxuICAgICk7XHJcbiAgICB0aGlzLnZpZXdwb3J0KCk/LmNoZWNrVmlld3BvcnRTaXplKCk7XHJcbiAgICBjb25zdCB2aXJ0dWFsU2Nyb2xsT2Zmc2V0ID0gdGhpcy52aWV3cG9ydCgpPy5nZXRPZmZzZXRUb1JlbmRlcmVkQ29udGVudFN0YXJ0KCkgPz8gMFxyXG4gICAgdGhpcy5kYXRhU3RvcmUucGF0Y2hTdGF0ZSh7IHZpcnR1YWxTY3JvbGxPZmZzZXQgfSk7XHJcbiAgfVxyXG5cclxuICByZXNpemVIYW5kbGVyID0gKCkgPT4ge1xyXG4gICAgaWYgKHRoaXMudmlld3BvcnQoKSkge1xyXG4gICAgICB0aGlzLnNldFNpemUodGhpcy52aWV3cG9ydCgpIS5lbGVtZW50UmVmKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICBjb21wdXRlZFJvd0hlaWdodCgpe1xyXG4gICAgY29uc3QgdmlydHVhbFNjcm9sbE9wdGlvbnMgPSB0aGlzLnN0YXRlLnRhYmxlU2V0dGluZ3MoKS51c2VWaXJ0dWFsU2Nyb2xsISBhcyBWaXJ0dWFsU2Nyb2xsT3B0aW9ucztcclxuICAgIGNvbnN0IHJvd0hlaWdodCA9IHZpcnR1YWxTY3JvbGxPcHRpb25zPy5yb3dIZWlnaHR8fCAodHlwZW9mIHRoaXMuc3RhdGUudGFibGVTZXR0aW5ncygpLnJvd0hlaWdodCA9PT0gJ251bWJlcicgJiYgdGhpcy5zdGF0ZS50YWJsZVNldHRpbmdzKCkucm93SGVpZ2h0IGFzIG51bWJlcikgfHwgdGhpcy5kZWZhdWx0T3B0aW9ucy5yb3dIZWlnaHQ7XHJcbiAgICByZXR1cm4gcm93SGVpZ2h0O1xyXG4gIH1cclxuXHJcbiAgY29tcHV0ZWRIZWFkZXJIZWlnaHQoKXtcclxuICAgIGNvbnN0IHZpcnR1YWxTY3JvbGxPcHRpb25zID0gdGhpcy5zdGF0ZS50YWJsZVNldHRpbmdzKCkudXNlVmlydHVhbFNjcm9sbCEgYXMgVmlydHVhbFNjcm9sbE9wdGlvbnM7XHJcbiAgICBjb25zdCBoZWFkZXJIZWlnaHQgPSB2aXJ0dWFsU2Nyb2xsT3B0aW9ucz8uaGVhZGVySGVpZ2h0fHwgKHR5cGVvZiAgdGhpcy5zdGF0ZS50YWJsZVNldHRpbmdzKCkuaGVhZGVySGVpZ2h0ID09PSAnbnVtYmVyJyAmJiB0aGlzLnN0YXRlLnRhYmxlU2V0dGluZ3MoKS5oZWFkZXJIZWlnaHQgYXMgbnVtYmVyKSB8fCB0aGlzLmRlZmF1bHRPcHRpb25zLmhlYWRlckhlaWdodDtcclxuICAgIHJldHVybiBoZWFkZXJIZWlnaHQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/table-builder/components/table-container-filter/filter-list/filter-list.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
+import { TableStore } from '../../../classes/table-store';
+import { isFilterInfo } from '../../../classes/filter-info';
+import { WrapperFilterStore } from '../table-wrapper-filter-store';
+import { LetDirective } from '@ngrx/component';
+import { AsyncPipe } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatIconModule } from '@angular/material/icon';
+import { FilterComponent } from '../../filter/filter.component';
+import { MatChipsModule } from '@angular/material/chips';
+import { KeyDisplayPipe } from '../../../pipes/key-display';
+import { FormatFilterTypePipe } from '../../../pipes/format-filter-type.pipe';
+import { FormatFilterValuePipe } from '../../../pipes/format-filter-value.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/tooltip";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/chips";
+export class FilterChipsComponent {
+    tableState = inject(TableStore);
+    filterStore = inject(WrapperFilterStore);
+    $filters = computed(() => Object.values(this.tableState.$filters()).filter(f => isFilterInfo(f) && !f._isExternallyManaged));
+    deleteByIndex(index) {
+        this.filterStore.deleteByIndex(index);
+    }
+    addFilter(filter) {
+        this.filterStore.addFilter(filter);
+    }
+    clearAll() {
+        this.filterStore.clearAll();
+    }
+    currentFilters$ = this.filterStore.currentFilters$;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: FilterChipsComponent, isStandalone: true, selector: "lib-filter-list", ngImport: i0, template: "<div class=\"d-w\" *ngrxLet=\"currentFilters$ as currentFilters\" >\r\n\r\n  @if (currentFilters.length) {\r\n    <button class=\"cancel-button\" mat-icon-button (click)=\"clearAll()\" matTooltip=\"Close all Filters Cards\">\r\n      <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n    </button>\r\n    <div class=\"float\">\r\n      @for (filter of currentFilters; track filter.key) {\r\n        <div class=\"filter\">\r\n          <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex($index)\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <mat-chip-set>\r\n    @for (filter of $filters(); track filter.key) {\r\n      <mat-chip (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n        {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip>\r\n    }\r\n    @if ($filters().length > 1) {\r\n      <mat-chip  (removed)=\"tableState.clearFilters()\">\r\n        Clear All\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip>\r\n    }\r\n  </mat-chip-set>\r\n\r\n</div>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyDisplayPipe, name: "keyDisplay" }, { kind: "pipe", type: FormatFilterTypePipe, name: "formatFilterType" }, { kind: "pipe", type: FormatFilterValuePipe, name: "formatFilterValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FilterChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-filter-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        LetDirective, MatButtonModule, MatTooltipModule, MatIconModule, FilterComponent,
+                        MatChipsModule, AsyncPipe, KeyDisplayPipe, FormatFilterTypePipe, FormatFilterValuePipe
+                    ], template: "<div class=\"d-w\" *ngrxLet=\"currentFilters$ as currentFilters\" >\r\n\r\n  @if (currentFilters.length) {\r\n    <button class=\"cancel-button\" mat-icon-button (click)=\"clearAll()\" matTooltip=\"Close all Filters Cards\">\r\n      <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n    </button>\r\n    <div class=\"float\">\r\n      @for (filter of currentFilters; track filter.key) {\r\n        <div class=\"filter\">\r\n          <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex($index)\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <mat-chip-set>\r\n    @for (filter of $filters(); track filter.key) {\r\n      <mat-chip (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n        {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip>\r\n    }\r\n    @if ($filters().length > 1) {\r\n      <mat-chip  (removed)=\"tableState.clearFilters()\">\r\n        Clear All\r\n        <mat-icon matChipRemove>cancel</mat-icon>\r\n      </mat-chip>\r\n    }\r\n  </mat-chip-set>\r\n\r\n</div>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2ZpbHRlci1saXN0L2ZpbHRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9maWx0ZXItbGlzdC9maWx0ZXItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBYyxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7Ozs7OztBQWFoRixNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDaEMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBRXpDLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFpQixDQUFDLENBQUE7SUFDNUksYUFBYSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFzQjtRQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELGVBQWUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQzt1R0FsQnhDLG9CQUFvQjsyRkFBcEIsb0JBQW9CLDJFQzFCakMsdXdDQStCQSwwZ0JEVEksWUFBWSxnR0FBRSxlQUFlLDJJQUFFLGdCQUFnQiw0VEFBRSxhQUFhLG9MQUFFLGVBQWUsNkZBQy9FLGNBQWMsa2dCQUFFLFNBQVMseUNBQUUsY0FBYyw4Q0FBRSxvQkFBb0Isb0RBQUUscUJBQXFCOzsyRkFHN0Usb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxZQUFZLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxlQUFlO3dCQUMvRSxjQUFjLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUI7cUJBQ3ZGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUYWJsZVN0b3JlIH0gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy90YWJsZS1zdG9yZSc7XHJcbmltcG9ydCB7IEZpbHRlckluZm8sIGlzRmlsdGVySW5mbyB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZmlsdGVyLWluZm8nO1xyXG5pbXBvcnQgeyBXcmFwcGVyRmlsdGVyU3RvcmUgfSBmcm9tICcuLi90YWJsZS13cmFwcGVyLWZpbHRlci1zdG9yZSc7XHJcbmltcG9ydCB7IExldERpcmVjdGl2ZSB9IGZyb20gJ0BuZ3J4L2NvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBGaWx0ZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xyXG5pbXBvcnQgeyBLZXlEaXNwbGF5UGlwZSB9IGZyb20gJy4uLy4uLy4uL3BpcGVzL2tleS1kaXNwbGF5JztcclxuaW1wb3J0IHsgRm9ybWF0RmlsdGVyVHlwZVBpcGUgfSBmcm9tICcuLi8uLi8uLi9waXBlcy9mb3JtYXQtZmlsdGVyLXR5cGUucGlwZSc7XHJcbmltcG9ydCB7IEZvcm1hdEZpbHRlclZhbHVlUGlwZSB9IGZyb20gJy4uLy4uLy4uL3BpcGVzL2Zvcm1hdC1maWx0ZXItdmFsdWUucGlwZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1maWx0ZXItbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi4vZ2VuLWZpbHRlci1kaXNwbGF5ZXIvZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmNzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTGV0RGlyZWN0aXZlLCBNYXRCdXR0b25Nb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGUsIE1hdEljb25Nb2R1bGUsIEZpbHRlckNvbXBvbmVudCxcclxuICAgIE1hdENoaXBzTW9kdWxlLCBBc3luY1BpcGUsIEtleURpc3BsYXlQaXBlLCBGb3JtYXRGaWx0ZXJUeXBlUGlwZSwgRm9ybWF0RmlsdGVyVmFsdWVQaXBlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVyQ2hpcHNDb21wb25lbnQge1xyXG5cclxuICB0YWJsZVN0YXRlID0gaW5qZWN0KFRhYmxlU3RvcmUpO1xyXG4gIGZpbHRlclN0b3JlID0gaW5qZWN0KFdyYXBwZXJGaWx0ZXJTdG9yZSk7XHJcblxyXG4gICRmaWx0ZXJzID0gY29tcHV0ZWQoKCkgPT4gT2JqZWN0LnZhbHVlcyh0aGlzLnRhYmxlU3RhdGUuJGZpbHRlcnMoKSkuZmlsdGVyKGYgPT4gaXNGaWx0ZXJJbmZvKGYpICYmICFmLl9pc0V4dGVybmFsbHlNYW5hZ2VkKSBhcyBGaWx0ZXJJbmZvW10pXHJcbiAgZGVsZXRlQnlJbmRleChpbmRleDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLmZpbHRlclN0b3JlLmRlbGV0ZUJ5SW5kZXgoaW5kZXgpO1xyXG4gIH1cclxuXHJcbiAgYWRkRmlsdGVyKGZpbHRlcjpGaWx0ZXJJbmZvPGFueT4pe1xyXG4gICAgdGhpcy5maWx0ZXJTdG9yZS5hZGRGaWx0ZXIoZmlsdGVyKTtcclxuICB9XHJcblxyXG4gIGNsZWFyQWxsKCkge1xyXG4gICAgICB0aGlzLmZpbHRlclN0b3JlLmNsZWFyQWxsKCk7XHJcbiAgfVxyXG5cclxuICBjdXJyZW50RmlsdGVycyQgPSB0aGlzLmZpbHRlclN0b3JlLmN1cnJlbnRGaWx0ZXJzJDtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZC13XCIgKm5ncnhMZXQ9XCJjdXJyZW50RmlsdGVycyQgYXMgY3VycmVudEZpbHRlcnNcIiA+XHJcblxyXG4gIEBpZiAoY3VycmVudEZpbHRlcnMubGVuZ3RoKSB7XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwiY2FuY2VsLWJ1dHRvblwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xlYXJBbGwoKVwiIG1hdFRvb2x0aXA9XCJDbG9zZSBhbGwgRmlsdGVycyBDYXJkc1wiPlxyXG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJjYW5jZWwtYnV0dG9uXCIgY29sb3I9XCJwcmltYXJ5XCI+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxvYXRcIj5cclxuICAgICAgQGZvciAoZmlsdGVyIG9mIGN1cnJlbnRGaWx0ZXJzOyB0cmFjayBmaWx0ZXIua2V5KSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlclwiPlxyXG4gICAgICAgICAgPHRiLWZpbHRlciBbZmlsdGVyXT1cImZpbHRlclwiIChjbG9zZSk9XCJkZWxldGVCeUluZGV4KCRpbmRleClcIiAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIDxtYXQtY2hpcC1zZXQ+XHJcbiAgICBAZm9yIChmaWx0ZXIgb2YgJGZpbHRlcnMoKTsgdHJhY2sgZmlsdGVyLmtleSkge1xyXG4gICAgICA8bWF0LWNoaXAgKGRibGNsaWNrKT1cImFkZEZpbHRlcihmaWx0ZXIpXCIgIChyZW1vdmVkKT1cInRhYmxlU3RhdGUucmVtb3ZlRmlsdGVyKGZpbHRlci5maWx0ZXJJZCEpXCI+XHJcbiAgICAgICAge3sgZmlsdGVyLmtleSB8IGtleURpc3BsYXkgfCBhc3luYyAgfX0ge3tmaWx0ZXIuZmlsdGVyVHlwZSB8IGZvcm1hdEZpbHRlclR5cGUgOiBmaWx0ZXIuZmlsdGVyVmFsdWV9fSB7eyBmaWx0ZXIuZmlsdGVyVmFsdWUgfCBmb3JtYXRGaWx0ZXJWYWx1ZTogZmlsdGVyLmtleSA6IGZpbHRlci5maWx0ZXJUeXBlICB8IGFzeW5jIH19XHJcbiAgICAgICAgPG1hdC1pY29uIG1hdENoaXBSZW1vdmU+Y2FuY2VsPC9tYXQtaWNvbj5cclxuICAgICAgPC9tYXQtY2hpcD5cclxuICAgIH1cclxuICAgIEBpZiAoJGZpbHRlcnMoKS5sZW5ndGggPiAxKSB7XHJcbiAgICAgIDxtYXQtY2hpcCAgKHJlbW92ZWQpPVwidGFibGVTdGF0ZS5jbGVhckZpbHRlcnMoKVwiPlxyXG4gICAgICAgIENsZWFyIEFsbFxyXG4gICAgICAgIDxtYXQtaWNvbiBtYXRDaGlwUmVtb3ZlPmNhbmNlbDwvbWF0LWljb24+XHJcbiAgICAgIDwvbWF0LWNoaXA+XHJcbiAgICB9XHJcbiAgPC9tYXQtY2hpcC1zZXQ+XHJcblxyXG48L2Rpdj5cclxuIl19

package/esm2022/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.mjs

@@ -0,0 +1,36 @@
+import { Component, ChangeDetectionStrategy, inject, computed } from '@angular/core';
+import { FieldType } from '../../../interfaces/report-def';
+import { TableStore } from '../../../classes/table-store';
+import { WrapperFilterStore } from '../table-wrapper-filter-store';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { SpaceCasePipe, StopPropagationDirective } from '../../../../utilities';
+import { MatIconModule } from '@angular/material/icon';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/menu";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/icon";
+export class GenFilterDisplayerComponent {
+    tableState = inject(TableStore);
+    filterStore = inject(WrapperFilterStore);
+    $filterCols = computed(() => {
+        const mds = this.tableState.$metaDataArray();
+        return mds.filter(m => m.fieldType !== FieldType.Hidden && m.fieldType !== FieldType.NotMapped && !m.noFilter);
+    });
+    addFilter(metaData) {
+        this.filterStore.addFilter({ key: metaData.key, fieldType: metaData.fieldType });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GenFilterDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: GenFilterDisplayerComponent, isStandalone: true, selector: "tb-filter-displayer", ngImport: i0, template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\r\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  @for (md of $filterCols(); track md.key) {\r\n    <button (click)=\"addFilter(md)\" mat-menu-item>\r\n      <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\r\n    </button>\r\n  }\r\n</mat-menu>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GenFilterDisplayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-filter-displayer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatButtonModule, MatMenuModule, MatTooltipModule, StopPropagationDirective, MatIconModule,
+                        AsyncPipe, SpaceCasePipe
+                    ], template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\r\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  @for (md of $filterCols(); track md.key) {\r\n    <button (click)=\"addFilter(md)\" mat-menu-item>\r\n      <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\r\n    </button>\r\n  }\r\n</mat-menu>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2dlbi1maWx0ZXItZGlzcGxheWVyL2dlbi1maWx0ZXItZGlzcGxheWVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9nZW4tZmlsdGVyLWRpc3BsYXllci9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFZLFNBQVMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7QUFhNUMsTUFBTSxPQUFPLDJCQUEyQjtJQUM1QixVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hDLFdBQVcsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNuRCxXQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUMxQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzdDLE9BQU8sR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxTQUFTLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDaEgsQ0FBQyxDQUFDLENBQUM7SUFFRCxTQUFTLENBQUMsUUFBa0I7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLFNBQVMsRUFBQyxDQUFDLENBQUM7SUFDakYsQ0FBQzt1R0FWUSwyQkFBMkI7MkZBQTNCLDJCQUEyQiwrRUN0QnhDLGllQVVBLHlnQkRRTSxlQUFlLDJJQUFFLGFBQWEsNnZCQUFFLGdCQUFnQiw2VEFBRSx3QkFBd0IsOERBQUUsYUFBYSwrS0FDOUUsYUFBYTs7MkZBR2pCLDJCQUEyQjtrQkFYdkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsZUFBZSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSx3QkFBd0IsRUFBRSxhQUFhO3dCQUN6RixTQUFTLEVBQUUsYUFBYTtxQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBpbmplY3QsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1ldGFEYXRhLCBGaWVsZFR5cGUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1kZWYnO1xyXG5pbXBvcnQgeyBUYWJsZVN0b3JlIH0gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy90YWJsZS1zdG9yZSc7XHJcbmltcG9ydCB7IFdyYXBwZXJGaWx0ZXJTdG9yZSB9IGZyb20gJy4uL3RhYmxlLXdyYXBwZXItZmlsdGVyLXN0b3JlJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xyXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcbmltcG9ydCB7IFNwYWNlQ2FzZVBpcGUsIFN0b3BQcm9wYWdhdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL3V0aWxpdGllcyc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0Yi1maWx0ZXItZGlzcGxheWVyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgIE1hdEJ1dHRvbk1vZHVsZSwgTWF0TWVudU1vZHVsZSwgTWF0VG9vbHRpcE1vZHVsZSwgU3RvcFByb3BhZ2F0aW9uRGlyZWN0aXZlLCBNYXRJY29uTW9kdWxlLFxyXG4gICAgICBBc3luY1BpcGUsIFNwYWNlQ2FzZVBpcGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEdlbkZpbHRlckRpc3BsYXllckNvbXBvbmVudCB7XHJcbiAgcHJvdGVjdGVkIHRhYmxlU3RhdGUgPSBpbmplY3QoVGFibGVTdG9yZSk7XHJcbiAgcHJvdGVjdGVkIGZpbHRlclN0b3JlID0gaW5qZWN0KFdyYXBwZXJGaWx0ZXJTdG9yZSk7XHJcbiAgJGZpbHRlckNvbHMgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICBjb25zdCBtZHMgPSB0aGlzLnRhYmxlU3RhdGUuJG1ldGFEYXRhQXJyYXkoKTtcclxuICAgIHJldHVybiBtZHMuZmlsdGVyKG0gPT4gbS5maWVsZFR5cGUgIT09IEZpZWxkVHlwZS5IaWRkZW4gJiYgbS5maWVsZFR5cGUgIT09IEZpZWxkVHlwZS5Ob3RNYXBwZWQgJiYgIW0ubm9GaWx0ZXIpXHJcbiAgfSk7XHJcblxyXG4gICAgYWRkRmlsdGVyKG1ldGFEYXRhOiBNZXRhRGF0YSkge1xyXG4gICAgICB0aGlzLmZpbHRlclN0b3JlLmFkZEZpbHRlcih7a2V5OiBtZXRhRGF0YS5rZXksIGZpZWxkVHlwZTogbWV0YURhdGEuZmllbGRUeXBlfSk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGJ1dHRvbiBzdG9wLXByb3BhZ2F0aW9uIGNsYXNzPVwiZmlsdGVyLWJ1dHRvblwiIG1hdC1pY29uLWJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiIG1hdFRvb2x0aXA9XCJBZGQgRmlsdGVyXCI+XHJcbiAgPG1hdC1pY29uIGNsYXNzPVwiZmlsdGVyLWljb25cIiBjb2xvcj1cInByaW1hcnlcIj5maWx0ZXJfbGlzdDwvbWF0LWljb24+XHJcbjwvYnV0dG9uPlxyXG48bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XHJcbiAgQGZvciAobWQgb2YgJGZpbHRlckNvbHMoKTsgdHJhY2sgbWQua2V5KSB7XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJhZGRGaWx0ZXIobWQpXCIgbWF0LW1lbnUtaXRlbT5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItbGFiZWxzXCI+e3ttZC5kaXNwbGF5TmFtZSB8fCAobWQua2V5IHwgc3BhY2VDYXNlKX19PC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgfVxyXG48L21hdC1tZW51PlxyXG4iXX0=

package/esm2022/table-builder/components/table-container-filter/table-wrapper-filter-store.mjs

@@ -0,0 +1,25 @@
+import { Injectable } from "@angular/core";
+import { ComponentStore } from "@ngrx/component-store";
+import { map } from "rxjs/operators";
+import * as i0 from "@angular/core";
+export class WrapperFilterStore extends ComponentStore {
+    constructor() {
+        super({ filterInfo: [] });
+    }
+    clearAll = this.updater(() => ({ filterInfo: [] }));
+    deleteByIndex = this.updater((state, index) => {
+        const arr = [...state.filterInfo];
+        arr.splice(index, 1);
+        return { filterInfo: arr };
+    });
+    currentFilters$ = this.state$.pipe(map(state => state.filterInfo));
+    addFilter = this.updater((state, filter) => {
+        return ({ ...state, filterInfo: [...state.filterInfo, filter] });
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: WrapperFilterStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: WrapperFilterStore });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: WrapperFilterStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL3RhYmxlLWNvbnRhaW5lci1maWx0ZXIvdGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUdyQyxNQUFNLE9BQU8sa0JBQW9CLFNBQVEsY0FBNEM7SUFDbkY7UUFDRSxLQUFLLENBQUMsRUFBQyxVQUFVLEVBQUMsRUFBRSxFQUFDLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRSxFQUFFLENBQUEsQ0FBQyxFQUFDLFVBQVUsRUFBQyxFQUFFLEVBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0MsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUMsS0FBWSxFQUFDLEVBQUU7UUFDakQsTUFBTSxHQUFHLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNsQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNyQixPQUFPLEVBQUMsVUFBVSxFQUFDLEdBQUcsRUFBQyxDQUFDO0lBQzFCLENBQUMsQ0FBQyxDQUFDO0lBRUgsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRW5FLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFDLE1BQW9CLEVBQUMsRUFBRTtRQUNyRCxPQUFPLENBQUMsRUFBQyxHQUFHLEtBQUssRUFBQyxVQUFVLEVBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLEVBQUMsTUFBTSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUMsQ0FBQyxDQUFBO3VHQWhCUyxrQkFBa0I7MkdBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFEOUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDb21wb25lbnRTdG9yZSB9IGZyb20gXCJAbmdyeC9jb21wb25lbnQtc3RvcmVcIjtcclxuaW1wb3J0IHsgbWFwIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbmltcG9ydCB7IFBhcnRpYWxGaWx0ZXIgfSBmcm9tIFwiLi4vLi4vY2xhc3Nlcy9maWx0ZXItaW5mb1wiO1xyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBXcmFwcGVyRmlsdGVyU3RvcmUgIGV4dGVuZHMgQ29tcG9uZW50U3RvcmU8e2ZpbHRlckluZm86UGFydGlhbEZpbHRlcltdfT57XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICAgIHN1cGVyKHtmaWx0ZXJJbmZvOltdfSk7XHJcbiAgfVxyXG5cclxuICBjbGVhckFsbCA9IHRoaXMudXBkYXRlcigoKT0+KHtmaWx0ZXJJbmZvOltdfSkpO1xyXG4gIGRlbGV0ZUJ5SW5kZXggPSB0aGlzLnVwZGF0ZXIoKHN0YXRlLGluZGV4Om51bWJlcik9PntcclxuICAgIGNvbnN0IGFyciA9IFsuLi5zdGF0ZS5maWx0ZXJJbmZvXTtcclxuICAgIGFyci5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgcmV0dXJuIHtmaWx0ZXJJbmZvOmFycn07XHJcbiAgfSk7XHJcblxyXG4gIGN1cnJlbnRGaWx0ZXJzJCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKHN0YXRlID0+IHN0YXRlLmZpbHRlckluZm8pKTtcclxuXHJcbiAgYWRkRmlsdGVyID0gdGhpcy51cGRhdGVyKChzdGF0ZSxmaWx0ZXI6UGFydGlhbEZpbHRlcik9PntcclxuICAgIHJldHVybiAoey4uLnN0YXRlLGZpbHRlckluZm86Wy4uLnN0YXRlLmZpbHRlckluZm8sZmlsdGVyXX0pO1xyXG4gIH0pXHJcbn1cclxuIl19

package/esm2022/table-builder/directives/custom-cell-directive.mjs

@@ -0,0 +1,73 @@
+import { Directive, TemplateRef, Input, inject } from '@angular/core';
+import { CdkColumnDef } from '@angular/cdk/table';
+import { FieldType } from '../interfaces/report-def';
+import { ReplaySubject } from 'rxjs';
+import * as i0 from "@angular/core";
+// here is how to use it
+// <generic-table [report]="report">
+//     <p *customCell="'column1'; let element = element" [class.makeMeRed]="element?.port">If Port, i will be red</p>
+//     <p *customCell="'column2'">I am custom cell two </p>
+// </generic-table>
+export class CustomCellDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    columnDef = inject(CdkColumnDef, { optional: true });
+    customCell;
+    displayName;
+    preSort;
+    TemplateRef;
+    customCellOrder;
+    customCellWidth;
+    customCellTableRef;
+    /**
+     * true if column not mapped to a property in the data source. Default is false.
+     */
+    customCellNotMapped = false;
+    constructor() {
+        if (this.templateRef !== null)
+            this.TemplateRef = this.templateRef;
+    }
+    ngOnInit() {
+        this.$metaData.next(this.getMetaData());
+    }
+    $metaData = new ReplaySubject();
+    getMetaData = () => {
+        return {
+            key: this.customCell,
+            displayName: this.displayName,
+            preSort: this.preSort,
+            fieldType: this.customCellNotMapped ? FieldType.NotMapped : FieldType.Unknown,
+            order: this.customCellOrder,
+            width: this.customCellWidth,
+            customCell: true,
+        };
+    };
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: CustomCellDirective, isStandalone: true, selector: "[customCell]", inputs: { customCell: "customCell", displayName: "displayName", preSort: "preSort", TemplateRef: "TemplateRef", customCellOrder: "customCellOrder", customCellWidth: "customCellWidth", customCellTableRef: "customCellTableRef", customCellNotMapped: "customCellNotMapped" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[customCell]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { customCell: [{
+                type: Input
+            }], displayName: [{
+                type: Input
+            }], preSort: [{
+                type: Input
+            }], TemplateRef: [{
+                type: Input
+            }], customCellOrder: [{
+                type: Input
+            }], customCellWidth: [{
+                type: Input
+            }], customCellTableRef: [{
+                type: Input
+            }], customCellNotMapped: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWNlbGwtZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvZGlyZWN0aXZlcy9jdXN0b20tY2VsbC1kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFxQixTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU1yQyx3QkFBd0I7QUFDeEIsb0NBQW9DO0FBQ3BDLHFIQUFxSDtBQUNySCwyREFBMkQ7QUFDM0QsbUJBQW1CO0FBS25CLE1BQU0sT0FBTyxtQkFBbUI7SUFDcEIsV0FBVyxHQUFHLE1BQU0sQ0FBbUIsV0FBVyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDekUsU0FBUyxHQUFHLE1BQU0sQ0FBQyxZQUFZLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNuRCxVQUFVLENBQVU7SUFDcEIsV0FBVyxDQUFVO0lBQ3JCLE9BQU8sQ0FBVztJQUNsQixXQUFXLENBQW9CO0lBQy9CLGVBQWUsQ0FBVTtJQUN6QixlQUFlLENBQVU7SUFDekIsa0JBQWtCLENBQW1CO0lBQzlDOztPQUVHO0lBQ00sbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ3JDO1FBQ0UsSUFBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUk7WUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUE7SUFDekMsQ0FBQztJQUNELFNBQVMsR0FBRyxJQUFJLGFBQWEsRUFBWSxDQUFDO0lBQzFDLFdBQVcsR0FBRyxHQUFhLEVBQUU7UUFDM0IsT0FBTztZQUNMLEdBQUcsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUNwQixXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDN0IsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFNBQVMsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPO1lBQzdFLEtBQUssRUFBRSxJQUFJLENBQUMsZUFBZTtZQUMzQixLQUFLLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDM0IsVUFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQztJQUNKLENBQUMsQ0FBQTtJQUdELE1BQU0sQ0FBQyxzQkFBc0IsQ0FBSSxHQUEyQixFQUFFLEdBQVE7UUFDcEUsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO3VHQXJDUSxtQkFBbUI7MkZBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsVUFBVSxFQUFFLElBQUk7aUJBQ25CO3dEQUlZLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUlHLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYsIElucHV0LCBpbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDZGtDb2x1bW5EZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvdGFibGUnO1xyXG5pbXBvcnQgeyBTb3J0RGVmLCBNZXRhRGF0YSwgRmllbGRUeXBlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9yZXBvcnQtZGVmJztcclxuaW1wb3J0IHsgVGFibGVCdWlsZGVyIH0gZnJvbSAnLi4vY2xhc3Nlcy90YWJsZS1idWlsZGVyJztcclxuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW50ZXJmYWNlIEN1c3RvbUNlbGxDb250ZXh0PFQ+IHtcclxuICAkaW1wbGljaXQ6IFQsXHJcbiAgZWxlbWVudDogVCxcclxufVxyXG4vLyBoZXJlIGlzIGhvdyB0byB1c2UgaXRcclxuLy8gPGdlbmVyaWMtdGFibGUgW3JlcG9ydF09XCJyZXBvcnRcIj5cclxuLy8gICAgIDxwICpjdXN0b21DZWxsPVwiJ2NvbHVtbjEnOyBsZXQgZWxlbWVudCA9IGVsZW1lbnRcIiBbY2xhc3MubWFrZU1lUmVkXT1cImVsZW1lbnQ/LnBvcnRcIj5JZiBQb3J0LCBpIHdpbGwgYmUgcmVkPC9wPlxyXG4vLyAgICAgPHAgKmN1c3RvbUNlbGw9XCInY29sdW1uMidcIj5JIGFtIGN1c3RvbSBjZWxsIHR3byA8L3A+XHJcbi8vIDwvZ2VuZXJpYy10YWJsZT5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tjdXN0b21DZWxsXScsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21DZWxsRGlyZWN0aXZlPFQgPSBhbnk+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIHByaXZhdGUgdGVtcGxhdGVSZWYgPSBpbmplY3Q8VGVtcGxhdGVSZWY8YW55Pj4oVGVtcGxhdGVSZWYsIHsgb3B0aW9uYWw6IHRydWUgfSk7XHJcbiAgICBwdWJsaWMgY29sdW1uRGVmID0gaW5qZWN0KENka0NvbHVtbkRlZiwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcclxuICAgIEBJbnB1dCgpIGN1c3RvbUNlbGwhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkaXNwbGF5TmFtZT86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHByZVNvcnQ/OiBTb3J0RGVmO1xyXG4gICAgQElucHV0KCkgVGVtcGxhdGVSZWYhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gICAgQElucHV0KCkgY3VzdG9tQ2VsbE9yZGVyPzogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgY3VzdG9tQ2VsbFdpZHRoPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgY3VzdG9tQ2VsbFRhYmxlUmVmPzogVGFibGVCdWlsZGVyPFQ+O1xyXG4gICAgLyoqXHJcbiAgICAgKiB0cnVlIGlmIGNvbHVtbiBub3QgbWFwcGVkIHRvIGEgcHJvcGVydHkgaW4gdGhlIGRhdGEgc291cmNlLiBEZWZhdWx0IGlzIGZhbHNlLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBjdXN0b21DZWxsTm90TWFwcGVkID0gZmFsc2U7XHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgICAgaWYodGhpcy50ZW1wbGF0ZVJlZiAhPT0gbnVsbClcclxuICAgICAgICB0aGlzLlRlbXBsYXRlUmVmID0gdGhpcy50ZW1wbGF0ZVJlZjtcclxuICAgICB9XHJcbiAgICAgbmdPbkluaXQoKSB7XHJcbiAgICAgIHRoaXMuJG1ldGFEYXRhLm5leHQodGhpcy5nZXRNZXRhRGF0YSgpKVxyXG4gICAgfVxyXG4gICAgJG1ldGFEYXRhID0gbmV3IFJlcGxheVN1YmplY3Q8TWV0YURhdGE+KCk7XHJcbiAgICBnZXRNZXRhRGF0YSA9ICgpOiBNZXRhRGF0YSA9PiB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAga2V5OiB0aGlzLmN1c3RvbUNlbGwsXHJcbiAgICAgICAgZGlzcGxheU5hbWU6IHRoaXMuZGlzcGxheU5hbWUsXHJcbiAgICAgICAgcHJlU29ydDogdGhpcy5wcmVTb3J0LFxyXG4gICAgICAgIGZpZWxkVHlwZTogdGhpcy5jdXN0b21DZWxsTm90TWFwcGVkID8gRmllbGRUeXBlLk5vdE1hcHBlZCA6IEZpZWxkVHlwZS5Vbmtub3duLFxyXG4gICAgICAgIG9yZGVyOiB0aGlzLmN1c3RvbUNlbGxPcmRlcixcclxuICAgICAgICB3aWR0aDogdGhpcy5jdXN0b21DZWxsV2lkdGgsXHJcbiAgICAgICAgY3VzdG9tQ2VsbDogdHJ1ZSxcclxuICAgICAgfTtcclxuICAgIH1cclxuICAgIFxyXG5cclxuICAgIHN0YXRpYyBuZ1RlbXBsYXRlQ29udGV4dEd1YXJkPFQ+KGRpcjogQ3VzdG9tQ2VsbERpcmVjdGl2ZTxUPiwgY3R4OiBhbnkpOiBjdHggaXMgQ3VzdG9tQ2VsbENvbnRleHQ8VD4ge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxufVxyXG4iXX0=

package/esm2022/table-builder/directives/index.mjs

@@ -0,0 +1,6 @@
+export * from './custom-cell-directive';
+export * from './multi-sort.directive';
+export * from './resize-column.directive';
+export * from './table-wrapper.directive';
+export * from './tb-filter.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLWNlbGwtZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tdWx0aS1zb3J0LmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcmVzaXplLWNvbHVtbi5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLXdyYXBwZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi90Yi1maWx0ZXIuZGlyZWN0aXZlJztcclxuXHJcbiJdfQ==

package/esm2022/table-builder/directives/multi-sort.directive.mjs

@@ -0,0 +1,50 @@
+import { Directive, inject } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+import { TableStore } from '../classes/table-store';
+import * as i0 from "@angular/core";
+export class MultiSortDirective extends MatSort {
+    state = inject(TableStore);
+    constructor() {
+        super();
+        this.state.setSort(this.sortChange.pipe(distinctUntilChanged((f, s) => f.active === s.active && f.direction === s.direction), map(sc => ({ key: sc.active, direction: sc.direction }))));
+        this.state.on(this.state.sort$, (rules) => {
+            const topRule = { active: rules[0]?.active || '', direction: rules[0]?.direction || '' };
+            const topActiveChanged = topRule.active !== this.active || '';
+            const topDirectionChanged = topRule.direction !== this.direction || '';
+            if (topActiveChanged || topDirectionChanged) {
+                this.active = topRule.active;
+                this.direction = topRule.direction;
+                this.sortChange.emit(topRule);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MultiSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: MultiSortDirective, isStandalone: true, selector: "[multiSort]", inputs: { disabled: ["matSortDisabled", "disabled"] }, providers: [
+            { provide: MatSort, useExisting: MultiSortDirective }
+        ], exportAs: ["multiSort"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MultiSortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[multiSort]',
+                    exportAs: 'multiSort',
+                    inputs: ['disabled: matSortDisabled'],
+                    providers: [
+                        { provide: MatSort, useExisting: MultiSortDirective }
+                    ],
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+export function isDifferent(a, b) {
+    if (a.length !== b.length) {
+        return true;
+    }
+    for (let i = 0; i < a.length; i++) {
+        if (a[i].active !== b[i].active || a[i].direction !== b[i].direction) {
+            return true;
+        }
+    }
+    return false;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc29ydC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL211bHRpLXNvcnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsT0FBTyxFQUF1QixNQUFNLHdCQUF3QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxvQkFBb0IsRUFBMkIsR0FBRyxFQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDekYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVdwRCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsT0FBTztJQUNyQyxLQUFLLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBR25DO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FDckMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLFNBQVMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDLEVBQ2xGLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQ2hCLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDUixNQUFNLE9BQU8sR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLFNBQVMsSUFBSSxFQUFtQixFQUFDLENBQUM7WUFDekcsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1lBQzlELE1BQU0sbUJBQW1CLEdBQUcsT0FBTyxDQUFDLFNBQVMsS0FBSyxJQUFJLENBQUMsU0FBUyxJQUFJLEVBQUUsQ0FBQztZQUN2RSxJQUFHLGdCQUFnQixJQUFJLG1CQUFtQixFQUFDLENBQUM7Z0JBQzFDLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztnQkFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDO2dCQUNuQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNoQyxDQUFDO1FBQ0gsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDO3VHQXRCVSxrQkFBa0I7MkZBQWxCLGtCQUFrQixpSEFMbEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFO1NBQ3REOzsyRkFHVSxrQkFBa0I7a0JBVDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRSxXQUFXO29CQUNyQixNQUFNLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDckMsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLG9CQUFvQixFQUFFO3FCQUN0RDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtpQkFDakI7O0FBMkJELE1BQU0sVUFBVSxXQUFXLENBQUMsQ0FBUyxFQUFFLENBQVM7SUFDOUMsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMxQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFDRCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3JFLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztJQUNILENBQUM7SUFDRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE9uSW5pdCwgT25EZXN0cm95LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0U29ydCwgU29ydCwgU29ydERpcmVjdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xyXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgZGlzdGluY3RVbnRpbEtleUNoYW5nZWQsIG1hcCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBUYWJsZVN0b3JlIH0gZnJvbSAnLi4vY2xhc3Nlcy90YWJsZS1zdG9yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1ttdWx0aVNvcnRdJyxcclxuICBleHBvcnRBczogJ211bHRpU29ydCcsXHJcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkOiBtYXRTb3J0RGlzYWJsZWQnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHsgcHJvdmlkZTogTWF0U29ydCwgdXNlRXhpc3Rpbmc6IE11bHRpU29ydERpcmVjdGl2ZSB9XHJcbiAgXSxcclxuICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNdWx0aVNvcnREaXJlY3RpdmUgZXh0ZW5kcyBNYXRTb3J0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgc3RhdGUgPSBpbmplY3QoVGFibGVTdG9yZSk7XHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLnN0YXRlLnNldFNvcnQodGhpcy5zb3J0Q2hhbmdlLnBpcGUoXHJcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKChmLHMpID0+IGYuYWN0aXZlID09PSBzLmFjdGl2ZSAmJiBmLmRpcmVjdGlvbiA9PT0gcy5kaXJlY3Rpb24pLFxyXG4gICAgICAgbWFwKHNjID0+ICh7IGtleTogc2MuYWN0aXZlLCBkaXJlY3Rpb246IHNjLmRpcmVjdGlvbiB9KSkpKTtcclxuICAgIHRoaXMuc3RhdGUub24oXHJcbiAgICAgIHRoaXMuc3RhdGUuc29ydCQsXHJcbiAgICAgIChydWxlcykgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvcFJ1bGUgPSB7IGFjdGl2ZTogcnVsZXNbMF0/LmFjdGl2ZSB8fCAnJywgZGlyZWN0aW9uOiBydWxlc1swXT8uZGlyZWN0aW9uIHx8ICcnIGFzIFNvcnREaXJlY3Rpb259O1xyXG4gICAgICAgIGNvbnN0IHRvcEFjdGl2ZUNoYW5nZWQgPSB0b3BSdWxlLmFjdGl2ZSAhPT0gdGhpcy5hY3RpdmUgfHwgJyc7XHJcbiAgICAgICAgY29uc3QgdG9wRGlyZWN0aW9uQ2hhbmdlZCA9IHRvcFJ1bGUuZGlyZWN0aW9uICE9PSB0aGlzLmRpcmVjdGlvbiB8fCAnJztcclxuICAgICAgICBpZih0b3BBY3RpdmVDaGFuZ2VkIHx8IHRvcERpcmVjdGlvbkNoYW5nZWQpe1xyXG4gICAgICAgICAgdGhpcy5hY3RpdmUgPSB0b3BSdWxlLmFjdGl2ZTtcclxuICAgICAgICAgIHRoaXMuZGlyZWN0aW9uID0gdG9wUnVsZS5kaXJlY3Rpb247XHJcbiAgICAgICAgICB0aGlzLnNvcnRDaGFuZ2UuZW1pdCh0b3BSdWxlKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgfVxyXG5cclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIGlzRGlmZmVyZW50KGE6IFNvcnRbXSwgYjogU29ydFtdKSB7XHJcbiAgaWYgKGEubGVuZ3RoICE9PSBiLmxlbmd0aCkge1xyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG4gIGZvciAobGV0IGkgPSAwOyBpIDwgYS5sZW5ndGg7IGkrKykge1xyXG4gICAgaWYgKGFbaV0uYWN0aXZlICE9PSBiW2ldLmFjdGl2ZSB8fCBhW2ldLmRpcmVjdGlvbiAhPT0gYltpXS5kaXJlY3Rpb24pIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9IFxyXG4gIH1cclxuICByZXR1cm4gZmFsc2U7XHJcbn1cclxuIl19

package/esm2022/table-builder/directives/resize-column.directive.mjs

@@ -0,0 +1,87 @@
+import { Directive, Renderer2, Input, ElementRef, booleanAttribute, inject } from "@angular/core";
+import { fromEvent } from "rxjs";
+import { filter, map, switchMap, takeUntil } from "rxjs/operators";
+import { defaultShareReplay } from "../../rxjs";
+import { TableStore } from "../classes/table-store";
+import * as i0 from "@angular/core";
+export class ResizeColumnDirective {
+    renderer = inject(Renderer2);
+    el = inject(ElementRef);
+    store = inject(TableStore);
+    resizable = false;
+    key;
+    ngOnInit() {
+        if (this.resizable) {
+            const { table, columnHead } = this.getTableAndColumnHeadHtmlElements();
+            const resizer = this.createResizerSpanInColumnHead(columnHead);
+            const aggregateMouseEventsMapped$ = this.mouseDownThroughMouseUpEventMapper(resizer, columnHead, table);
+            const resizeColsData$ = aggregateMouseEventsMapped$.pipe(filter(({ mouseMove }) => !!mouseMove.buttons), map(({ mouseDownData, mouseMove }) => {
+                const { newTableWidth, newColumnWidth } = this.calculateNewWidths(mouseDownData, mouseMove);
+                return ({
+                    key: this.key,
+                    widthInPixel: newColumnWidth,
+                    tableSize: newTableWidth,
+                });
+            }), defaultShareReplay());
+            this.store.setUserDefinedWidth(resizeColsData$.pipe(map(resizeData => ([{ key: this.key, widthInPixel: resizeData.widthInPixel }]))));
+            this.store.setTableWidth(resizeColsData$.pipe(map(resizeData => resizeData.tableSize)));
+        }
+    }
+    createResizerSpanInColumnHead(columnHead) {
+        const resizer = this.renderer.createElement("span");
+        this.renderer.addClass(resizer, "resize-holder");
+        resizer.style['cursor'] = 'col-resize';
+        resizer.style['user-select'] = 'none';
+        resizer.style['width'] = '10px';
+        resizer.style['height'] = '100%';
+        resizer.style['position'] = 'absolute';
+        resizer.style['right'] = '0';
+        resizer.style['top'] = '0';
+        resizer.style['z-index'] = '1';
+        this.renderer.appendChild(columnHead, resizer);
+        return resizer;
+    }
+    getTableAndColumnHeadHtmlElements() {
+        const columnHead = this.el.nativeElement;
+        const row = this.renderer.parentNode(columnHead);
+        const table = this.renderer.parentNode(row);
+        return ({ table, columnHead });
+    }
+    mouseDownThroughMouseUpEventMapper(resizer, columnHead, table) {
+        return this.resizerMouseDownEventMapper(resizer, columnHead, table)
+            .pipe(switchMap(mouseDownData => fromEvent(table, "mousemove").pipe(map(mouseMove => ({ mouseDownData, mouseMove })), takeUntil(fromEvent(document, "mouseup")))));
+    }
+    resizerMouseDownEventMapper(resizer, columnHead, table) {
+        return fromEvent(resizer, "mousedown").pipe(map(event => ({
+            startPageX: event.pageX,
+            startColumnWidth: this.getElementWidth(columnHead),
+            startTableWidth: this.getElementWidth(table),
+        })));
+    }
+    calculateNewWidths(mouseDownData, mouseMove) {
+        const change = (mouseMove.pageX - mouseDownData.startPageX);
+        let newColumnWidth = mouseDownData.startColumnWidth + change;
+        if (newColumnWidth < 1) {
+            newColumnWidth = 1;
+        }
+        const columnChange = newColumnWidth - mouseDownData.startColumnWidth;
+        const newTableWidth = (mouseDownData.startTableWidth + columnChange);
+        return ({ newTableWidth, newColumnWidth });
+    }
+    getElementWidth = (elem) => (+(globalThis.getComputedStyle(elem).getPropertyValue('width').replace('px', '')));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ResizeColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.2", type: ResizeColumnDirective, isStandalone: true, selector: "[resizeColumn]", inputs: { resizable: ["resizeColumn", "resizable", booleanAttribute], key: "key" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ResizeColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[resizeColumn]",
+                    standalone: true
+                }]
+        }], propDecorators: { resizable: [{
+                type: Input,
+                args: [{ alias: 'resizeColumn', transform: booleanAttribute }]
+            }], key: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLWNvbHVtbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL3Jlc2l6ZS1jb2x1bW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakMsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTXBELE1BQU0sT0FBTyxxQkFBcUI7SUFDeEIsUUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3QixFQUFFLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hDLEtBQUssR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFcUMsU0FBUyxHQUFxQixLQUFLLENBQUM7SUFFM0YsR0FBRyxDQUFVO0lBRXRCLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUMsQ0FBQztZQUNsQixNQUFNLEVBQUMsS0FBSyxFQUFFLFVBQVUsRUFBQyxHQUFHLElBQUksQ0FBQyxpQ0FBaUMsRUFBRSxDQUFDO1lBQ3JFLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUUvRCxNQUFNLDJCQUEyQixHQUFHLElBQUksQ0FBQyxrQ0FBa0MsQ0FBQyxP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QUMsRUFBQyxhQUFhLEVBQUMsY0FBYyxFQUFDLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBQ0QsZUFBZSxHQUFHLENBQUMsSUFBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFBO3VHQTFGOUcscUJBQXFCOzJGQUFyQixxQkFBcUIscUdBS1ksZ0JBQWdCOzsyRkFMakQscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFNaUUsU0FBUztzQkFBeEUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRyxjQUFjLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUVyRCxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE9uSW5pdCwgUmVuZGVyZXIyLCBJbnB1dCwgRWxlbWVudFJlZiwgYm9vbGVhbkF0dHJpYnV0ZSwgaW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHsgZmlsdGVyLCBtYXAsIHN3aXRjaE1hcCwgdGFrZVVudGlsIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbmltcG9ydCB7IGRlZmF1bHRTaGFyZVJlcGxheSB9IGZyb20gXCIuLi8uLi9yeGpzXCI7XHJcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tIFwiLi4vY2xhc3Nlcy90YWJsZS1zdG9yZVwiO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6IFwiW3Jlc2l6ZUNvbHVtbl1cIixcclxuICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZXNpemVDb2x1bW5EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgcHJpdmF0ZSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xyXG4gIHByaXZhdGUgZWwgPSBpbmplY3QoRWxlbWVudFJlZik7XHJcbiAgc3RvcmUgPSBpbmplY3QoVGFibGVTdG9yZSk7XHJcblxyXG4gIEBJbnB1dCh7IGFsaWFzIDogJ3Jlc2l6ZUNvbHVtbicsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSByZXNpemFibGU6IGJvb2xlYW4gfCBzdHJpbmcgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkga2V5ITogc3RyaW5nO1xyXG5cclxuICBuZ09uSW5pdCgpe1xyXG4gICAgaWYgKHRoaXMucmVzaXphYmxlKXtcclxuICAgICAgY29uc3Qge3RhYmxlLCBjb2x1bW5IZWFkfSA9IHRoaXMuZ2V0VGFibGVBbmRDb2x1bW5IZWFkSHRtbEVsZW1lbnRzKCk7XHJcbiAgICAgIGNvbnN0IHJlc2l6ZXIgPSB0aGlzLmNyZWF0ZVJlc2l6ZXJTcGFuSW5Db2x1bW5IZWFkKGNvbHVtbkhlYWQpO1xyXG5cclxuICAgICAgY29uc3QgYWdncmVnYXRlTW91c2VFdmVudHNNYXBwZWQkID0gdGhpcy5tb3VzZURvd25UaHJvdWdoTW91c2VVcEV2ZW50TWFwcGVyKHJlc2l6ZXIsY29sdW1uSGVhZCx0YWJsZSlcclxuXHJcbiAgICAgIGNvbnN0IHJlc2l6ZUNvbHNEYXRhJCA9IGFnZ3JlZ2F0ZU1vdXNlRXZlbnRzTWFwcGVkJC5waXBlKFxyXG4gICAgICAgIGZpbHRlcigoe21vdXNlTW92ZX0pPT4hIW1vdXNlTW92ZS5idXR0b25zKSxcclxuICAgICAgICBtYXAoICh7bW91c2VEb3duRGF0YSxtb3VzZU1vdmV9KSA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IHtuZXdUYWJsZVdpZHRoLG5ld0NvbHVtbldpZHRofSAgPSB0aGlzLmNhbGN1bGF0ZU5ld1dpZHRocyhtb3VzZURvd25EYXRhLG1vdXNlTW92ZSlcclxuICAgICAgICAgICAgcmV0dXJuICh7XHJcbiAgICAgICAgICAgICAga2V5OnRoaXMua2V5LFxyXG4gICAgICAgICAgICAgIHdpZHRoSW5QaXhlbDpuZXdDb2x1bW5XaWR0aCxcclxuICAgICAgICAgICAgICB0YWJsZVNpemU6bmV3VGFibGVXaWR0aCxcclxuICAgICAgICAgICAgfSlcclxuICAgICAgICAgIH0pLFxyXG4gICAgICAgIGRlZmF1bHRTaGFyZVJlcGxheSgpXHJcbiAgICAgICk7XHJcblxyXG4gICAgICB0aGlzLnN0b3JlLnNldFVzZXJEZWZpbmVkV2lkdGgocmVzaXplQ29sc0RhdGEkLnBpcGUoXHJcbiAgICAgICAgbWFwKHJlc2l6ZURhdGEgPT4gKFt7a2V5OiB0aGlzLmtleSwgd2lkdGhJblBpeGVsOiByZXNpemVEYXRhLndpZHRoSW5QaXhlbCB9XSkpXHJcbiAgICAgICkpO1xyXG5cclxuICAgICAgdGhpcy5zdG9yZS5zZXRUYWJsZVdpZHRoKHJlc2l6ZUNvbHNEYXRhJC5waXBlKFxyXG4gICAgICAgIG1hcChyZXNpemVEYXRhID0+IHJlc2l6ZURhdGEudGFibGVTaXplICkpKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBjcmVhdGVSZXNpemVyU3BhbkluQ29sdW1uSGVhZChjb2x1bW5IZWFkOkhUTUxFbGVtZW50KXtcclxuICAgIGNvbnN0IHJlc2l6ZXIgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoXCJzcGFuXCIpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhyZXNpemVyLCBcInJlc2l6ZS1ob2xkZXJcIik7XHJcbiAgICByZXNpemVyLnN0eWxlWydjdXJzb3InXT0nY29sLXJlc2l6ZSc7XHJcbiAgICByZXNpemVyLnN0eWxlWyd1c2VyLXNlbGVjdCddPSdub25lJztcclxuICAgIHJlc2l6ZXIuc3R5bGVbJ3dpZHRoJ109JzEwcHgnO1xyXG4gICAgcmVzaXplci5zdHlsZVsnaGVpZ2h0J109JzEwMCUnO1xyXG4gICAgcmVzaXplci5zdHlsZVsncG9zaXRpb24nXT0nYWJzb2x1dGUnO1xyXG4gICAgcmVzaXplci5zdHlsZVsncmlnaHQnXT0nMCc7XHJcbiAgICByZXNpemVyLnN0eWxlWyd0b3AnXT0nMCc7XHJcbiAgICByZXNpemVyLnN0eWxlWyd6LWluZGV4J109JzEnO1xyXG4gICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChjb2x1bW5IZWFkLCByZXNpemVyKTtcclxuICAgIHJldHVybiByZXNpemVyO1xyXG4gIH1cclxuXHJcbiAgZ2V0VGFibGVBbmRDb2x1bW5IZWFkSHRtbEVsZW1lbnRzKCk6e3RhYmxlOkhUTUxFbGVtZW50LGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnR9e1xyXG4gICAgY29uc3QgY29sdW1uSGVhZDogSFRNTEVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb25zdCByb3cgPSB0aGlzLnJlbmRlcmVyLnBhcmVudE5vZGUoY29sdW1uSGVhZCk7XHJcbiAgICBjb25zdCB0YWJsZSA9IHRoaXMucmVuZGVyZXIucGFyZW50Tm9kZShyb3cpO1xyXG4gICAgcmV0dXJuICh7dGFibGUsY29sdW1uSGVhZH0pXHJcbiAgfVxyXG5cclxuICBtb3VzZURvd25UaHJvdWdoTW91c2VVcEV2ZW50TWFwcGVyKHJlc2l6ZXI6SFRNTEVsZW1lbnQsIGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnQsIHRhYmxlOkhUTUxFbGVtZW50KXtcclxuICAgIHJldHVybiB0aGlzLnJlc2l6ZXJNb3VzZURvd25FdmVudE1hcHBlcihyZXNpemVyLGNvbHVtbkhlYWQsdGFibGUpXHJcbiAgICAucGlwZShcclxuICAgICAgc3dpdGNoTWFwKCBtb3VzZURvd25EYXRhID0+IGZyb21FdmVudDxNb3VzZUV2ZW50Pih0YWJsZSwgXCJtb3VzZW1vdmVcIikucGlwZShcclxuICAgICAgICBtYXAoIG1vdXNlTW92ZSA9PiAoe21vdXNlRG93bkRhdGEsIG1vdXNlTW92ZX0pKSxcclxuICAgICAgICB0YWtlVW50aWwoZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KGRvY3VtZW50LCBcIm1vdXNldXBcIikpXHJcbiAgICAgICkgKSxcclxuICAgIClcclxuICB9XHJcbiAgcmVzaXplck1vdXNlRG93bkV2ZW50TWFwcGVyKHJlc2l6ZXI6SFRNTEVsZW1lbnQsIGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnQsIHRhYmxlOkhUTUxFbGVtZW50KXtcclxuICAgIHJldHVybiBmcm9tRXZlbnQ8TW91c2VFdmVudD4ocmVzaXplciwgXCJtb3VzZWRvd25cIikucGlwZShcclxuICAgICAgbWFwKGV2ZW50ID0+ICh7XHJcbiAgICAgICAgc3RhcnRQYWdlWDogZXZlbnQucGFnZVgsXHJcbiAgICAgICAgc3RhcnRDb2x1bW5XaWR0aDogdGhpcy5nZXRFbGVtZW50V2lkdGgoY29sdW1uSGVhZCksXHJcbiAgICAgICAgc3RhcnRUYWJsZVdpZHRoOiB0aGlzLmdldEVsZW1lbnRXaWR0aCh0YWJsZSksXHJcbiAgICAgIH0pKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIGNhbGN1bGF0ZU5ld1dpZHRocyhtb3VzZURvd25EYXRhOiBNb3VzZURvd25EYXRhLCBtb3VzZU1vdmU6IE1vdXNlRXZlbnQpOntuZXdUYWJsZVdpZHRoOm51bWJlcixuZXdDb2x1bW5XaWR0aDpudW1iZXJ9e1xyXG4gICAgY29uc3QgY2hhbmdlID0gKG1vdXNlTW92ZS5wYWdlWCAtIG1vdXNlRG93bkRhdGEuc3RhcnRQYWdlWCApO1xyXG4gICAgbGV0IG5ld0NvbHVtbldpZHRoID0gbW91c2VEb3duRGF0YS5zdGFydENvbHVtbldpZHRoICsgY2hhbmdlO1xyXG4gICAgaWYobmV3Q29sdW1uV2lkdGggPCAxKXtcclxuICAgICAgbmV3Q29sdW1uV2lkdGggPSAxO1xyXG4gICAgfVxyXG4gICAgY29uc3QgY29sdW1uQ2hhbmdlID0gbmV3Q29sdW1uV2lkdGggLSBtb3VzZURvd25EYXRhLnN0YXJ0Q29sdW1uV2lkdGg7XHJcbiAgICBjb25zdCBuZXdUYWJsZVdpZHRoID0gKG1vdXNlRG93bkRhdGEuc3RhcnRUYWJsZVdpZHRoICsgY29sdW1uQ2hhbmdlKTtcclxuICAgIHJldHVybiAoe25ld1RhYmxlV2lkdGgsbmV3Q29sdW1uV2lkdGh9KVxyXG4gIH1cclxuICBnZXRFbGVtZW50V2lkdGggPSAoZWxlbTpIVE1MRWxlbWVudCkgPT4gKCsoZ2xvYmFsVGhpcy5nZXRDb21wdXRlZFN0eWxlKGVsZW0pLmdldFByb3BlcnR5VmFsdWUoJ3dpZHRoJykucmVwbGFjZSgncHgnLCcnKSkpXHJcblxyXG59XHJcbmludGVyZmFjZSBNb3VzZURvd25EYXRhe1xyXG4gIHN0YXJ0UGFnZVg6bnVtYmVyLFxyXG4gIHN0YXJ0Q29sdW1uV2lkdGg6bnVtYmVyLFxyXG4gIHN0YXJ0VGFibGVXaWR0aDpudW1iZXIsXHJcbn1cclxuIl19