ca-components 0.0.61 → 0.0.63

package/esm2022/lib/components/ca-main-table/ca-main-table.component.mjs

@@ -2,8 +2,10 @@ import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Injector, Input, Output, } from '@angular/core';
 import { CaMainTableHiddenRowsPipe } from './pipes/ca-main-table-hidden-rows/ca-main-table-hidden-rows.pipe';
 import { CdkDrag, CdkDragPlaceholder, CdkDropList, CdkDropListGroup, moveItemInArray, } from '@angular/cdk/drag-drop';
+import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/scrolling";
 export class CaMainTableComponent {
     constructor(injector, cdRef) {
         this.injector = injector;
@@ -47,7 +49,7 @@ export class CaMainTableComponent {
         moveItemInArray(this.columns, event.previousIndex, event.currentIndex);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMainTableComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { hideFieldsToHide: "hideFieldsToHide", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent" }, ngImport: i0, template: "<div class=\"ca-main-table-holder\">\n  <table class=\"ca-main-table\" cdkDropListGroup>\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      cdkDropList\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <tr\n          cdkDragLockAxis=\"y\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          (click)=\"onPressRow(row)\"\n          class=\"table-tr\"\n        >\n          <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n          <td\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide\n            \"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                rowTemplate;\n                context: { row: row, col: col, index: rowIndex }\n              \"\n            >\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { hideFieldsToHide: "hideFieldsToHide", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent" }, ngImport: i0, template: "<div class=\"ca-main-table-holder\">\n  <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"example-viewport\">\n    <table class=\"ca-main-table\" cdkDropListGroup>\n      <thead>\n        <tr\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"dropHeader($event)\"\n          class=\"table-body-list th-table-body-list\"\n        >\n          <div\n            cdkDragLockAxis=\"x\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n              let indx = index\n            \"\n            class=\"cdk_th_div table-tr\"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                headerThTemplate;\n                context: {\n                  $implicit: col,\n                  index: indx,\n                }\n              \"\n            ></ng-container>\n          </div>\n        </tr>\n      </thead>\n      <tbody\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        class=\"table-body-list\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of data$ | async; let rowIndex = index\"\n          class=\"example-item\"\n        >\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n          >\n            <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n            <td\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n              [class]=\"col.cellCustomClasses\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  rowTemplate;\n                  context: { row: row, col: col, index: rowIndex }\n                \"\n              >\n              </ng-container>\n            </td>\n          </tr>\n        </div>\n\n        <!-- <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        \n      </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMainTableComponent, decorators: [{
             type: Component,
@@ -58,7 +60,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CdkDragPlaceholder,
                         CaMainTableHiddenRowsPipe,
                         CommonModule,
-                    ], template: "<div class=\"ca-main-table-holder\">\n  <table class=\"ca-main-table\" cdkDropListGroup>\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      cdkDropList\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <tr\n          cdkDragLockAxis=\"y\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          (click)=\"onPressRow(row)\"\n          class=\"table-tr\"\n        >\n          <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n          <td\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide\n            \"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                rowTemplate;\n                context: { row: row, col: col, index: rowIndex }\n              \"\n            >\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"] }]
+                        ScrollingModule
+                    ], template: "<div class=\"ca-main-table-holder\">\n  <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"example-viewport\">\n    <table class=\"ca-main-table\" cdkDropListGroup>\n      <thead>\n        <tr\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"dropHeader($event)\"\n          class=\"table-body-list th-table-body-list\"\n        >\n          <div\n            cdkDragLockAxis=\"x\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n              let indx = index\n            \"\n            class=\"cdk_th_div table-tr\"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                headerThTemplate;\n                context: {\n                  $implicit: col,\n                  index: indx,\n                }\n              \"\n            ></ng-container>\n          </div>\n        </tr>\n      </thead>\n      <tbody\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        class=\"table-body-list\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of data$ | async; let rowIndex = index\"\n          class=\"example-item\"\n        >\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n          >\n            <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n            <td\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n              [class]=\"col.cellCustomClasses\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  rowTemplate;\n                  context: { row: row, col: col, index: rowIndex }\n                \"\n              >\n              </ng-container>\n            </td>\n          </tr>\n        </div>\n\n        <!-- <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        \n      </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onPressEvent: [{
                 type: Output
             }], hideFieldsToHide: [{
@@ -68,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], data$: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbWFpbi10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1tYWluLXRhYmxlL2NhLW1haW4tdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbWFpbi10YWJsZS9jYS1tYWluLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixRQUFRLEVBQ1IsS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM3RyxPQUFPLEVBQ0wsT0FBTyxFQUVQLGtCQUFrQixFQUNsQixXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2hCLGVBQWUsR0FDaEIsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBaUJoQyxNQUFNLE9BQU8sb0JBQW9CO0lBUy9CLFlBQ1UsUUFBa0IsRUFDbEIsS0FBd0I7UUFEeEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQVZsQyxVQUFVO1FBQ0EsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVwRSxTQUFTO1FBQ0EscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBQ2xDLFlBQU8sR0FBbUIsRUFBRSxDQUFDO0lBTW5DLENBQUM7SUFFSixVQUFVLENBQUMsT0FBWTtRQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDNUIsZ0VBQWdFO1lBQ2hFLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYyxDQUFDLE9BQVksRUFBRSxNQUE4QjtRQUN6RCxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDN0QsT0FBTyxFQUFFLEdBQUc7WUFDWixRQUFRLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQztTQUN0QixDQUFDLENBQUMsQ0FBQztRQUNKLE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNyQixTQUFTLEVBQUUsY0FBYztZQUN6QixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDdEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWEsQ0FDWCxZQUFpQixFQUNqQixPQUFnRDtRQUVoRCxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ3pDLElBQUksWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsRUFBRTtnQkFDcEMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7YUFDaEU7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBNEI7UUFDckMsZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDekUsQ0FBQztJQUVELElBQUksQ0FBQyxLQUE0QjtRQUMvQixlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN6RSxDQUFDOytHQXJEVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw4TUNwQ2pDLGsrSkFzS0EsNGtFRDNJSSxnQkFBZ0IscUlBQ2hCLFdBQVcsK2RBQ1gsT0FBTyxtYkFFUCx5QkFBeUIsNkRBQ3pCLFlBQVk7OzRGQUlILG9CQUFvQjtrQkFkaEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FFakIsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxPQUFPO3dCQUNQLGtCQUFrQjt3QkFDbEIseUJBQXlCO3dCQUN6QixZQUFZO3FCQUNiOytIQUtTLFlBQVk7c0JBQXJCLE1BQU07Z0JBR0UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENhTWFpblRhYmxlSGlkZGVuUm93c1BpcGUgfSBmcm9tICcuL3BpcGVzL2NhLW1haW4tdGFibGUtaGlkZGVuLXJvd3MvY2EtbWFpbi10YWJsZS1oaWRkZW4tcm93cy5waXBlJztcbmltcG9ydCB7XG4gIENka0RyYWcsXG4gIENka0RyYWdEcm9wLFxuICBDZGtEcmFnUGxhY2Vob2xkZXIsXG4gIENka0Ryb3BMaXN0LFxuICBDZGtEcm9wTGlzdEdyb3VwLFxuICBtb3ZlSXRlbUluQXJyYXksXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ29sdW1uQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvbWFpbi10YWJsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1tYWluLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLW1haW4tdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ2RrRHJvcExpc3RHcm91cCxcbiAgICBDZGtEcm9wTGlzdCxcbiAgICBDZGtEcmFnLFxuICAgIENka0RyYWdQbGFjZWhvbGRlcixcbiAgICBDYU1haW5UYWJsZUhpZGRlblJvd3NQaXBlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtbWFpbi10YWJsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDYU1haW5UYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIE91dHB1dHNcbiAgQE91dHB1dCgpIG9uUHJlc3NFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAvLyBJbnB1dHNcbiAgQElucHV0KCkgaGlkZUZpZWxkc1RvSGlkZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjb2x1bW5zOiBDb2x1bW5Db25maWdbXSA9IFtdO1xuICBASW5wdXQoKSBkYXRhJCE6IE9ic2VydmFibGU8YW55W10+OyAvLyBBY2NlcHRzIHRoZSBkYXRhIGFzIGFuIG9ic2VydmFibGVcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgb25QcmVzc1Jvdyhyb3dEYXRhOiBhbnkpIHtcbiAgICB0aGlzLm9uUHJlc3NFdmVudC5lbWl0KHJvd0RhdGEpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5kYXRhJC5zdWJzY3JpYmUoKGRhdGEpID0+IHtcbiAgICAgIC8vIFRyaWdnZXIgY2hhbmdlIGRldGVjdGlvbiB0byB1cGRhdGUgdGhlIHZpZXcgd2hlbiBkYXRhIGNoYW5nZXNcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuICB9XG5cbiAgY3JlYXRlSW5qZWN0b3Iocm93RGF0YTogYW55LCBpbnB1dHM6IHsgW2tleTogc3RyaW5nXTogYW55IH0pOiBJbmplY3RvciB7XG4gICAgY29uc3QgaW5wdXRQcm92aWRlcnMgPSBPYmplY3Qua2V5cyhpbnB1dHMgfHwge30pLm1hcCgoa2V5KSA9PiAoe1xuICAgICAgcHJvdmlkZToga2V5LFxuICAgICAgdXNlVmFsdWU6IGlucHV0c1trZXldLFxuICAgIH0pKTtcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHByb3ZpZGVyczogaW5wdXRQcm92aWRlcnMsXG4gICAgICBwYXJlbnQ6IHRoaXMuaW5qZWN0b3IsXG4gICAgfSk7XG4gIH1cblxuICBhdHRhY2hPdXRwdXRzKFxuICAgIGNvbXBvbmVudFJlZjogYW55LFxuICAgIG91dHB1dHM6IHsgW2tleTogc3RyaW5nXTogKGV2ZW50OiBhbnkpID0+IHZvaWQgfVxuICApOiB2b2lkIHtcbiAgICBPYmplY3Qua2V5cyhvdXRwdXRzKS5mb3JFYWNoKChvdXRwdXRLZXkpID0+IHtcbiAgICAgIGlmIChjb21wb25lbnRSZWYuaW5zdGFuY2Vbb3V0cHV0S2V5XSkge1xuICAgICAgICBjb21wb25lbnRSZWYuaW5zdGFuY2Vbb3V0cHV0S2V5XS5zdWJzY3JpYmUob3V0cHV0c1tvdXRwdXRLZXldKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGRyb3BIZWFkZXIoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xuICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLmNvbHVtbnMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XG4gIH1cblxuICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5jb2x1bW5zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2EtbWFpbi10YWJsZS1ob2xkZXJcIj5cbiAgPHRhYmxlIGNsYXNzPVwiY2EtbWFpbi10YWJsZVwiIGNka0Ryb3BMaXN0R3JvdXA+XG4gICAgPHRoZWFkPlxuICAgICAgPHRyXG4gICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgIGNka0Ryb3BMaXN0T3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wSGVhZGVyKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cInRhYmxlLWJvZHktbGlzdCB0aC10YWJsZS1ib2R5LWxpc3RcIlxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2RrRHJhZ0xvY2tBeGlzPVwieFwiXG4gICAgICAgICAgY2RrRHJhZ1xuICAgICAgICAgIGNka0RyYWdQcmV2aWV3Q29udGFpbmVyPVwicGFyZW50XCJcbiAgICAgICAgICAqbmdGb3I9XCJcbiAgICAgICAgICAgIGxldCBjb2wgb2YgY29sdW1ucyB8IGNhTWFpblRhYmxlSGlkZGVuUm93czogaGlkZUZpZWxkc1RvSGlkZTtcbiAgICAgICAgICAgIGxldCBpbmR4ID0gaW5kZXhcbiAgICAgICAgICBcIlxuICAgICAgICAgIGNsYXNzPVwiY2RrX3RoX2RpdiB0YWJsZS10clwiXG4gICAgICAgICAgW2NsYXNzXT1cImNvbC5jZWxsQ3VzdG9tQ2xhc3Nlc1wiXG4gICAgICAgID5cbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgICBoZWFkZXJUaFRlbXBsYXRlO1xuICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgJGltcGxpY2l0OiBjb2wsXG4gICAgICAgICAgICAgICAgaW5kZXg6IGluZHgsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvdHI+XG4gICAgPC90aGVhZD5cbiAgICA8dGJvZHlcbiAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3AoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInRhYmxlLWJvZHktbGlzdFwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcm93IG9mIGRhdGEkIHwgYXN5bmM7IGxldCByb3dJbmRleCA9IGluZGV4XCI+XG4gICAgICAgIDx0clxuICAgICAgICAgIGNka0RyYWdMb2NrQXhpcz1cInlcIlxuICAgICAgICAgIGNka0RyYWdcbiAgICAgICAgICBjZGtEcmFnUHJldmlld0NvbnRhaW5lcj1cInBhcmVudFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uUHJlc3NSb3cocm93KVwiXG4gICAgICAgICAgY2xhc3M9XCJ0YWJsZS10clwiXG4gICAgICAgID5cbiAgICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKmNka0RyYWdQbGFjZWhvbGRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ciBjbGFzcz1cImRyYWctcGxhY2Vob2xkZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjEyXCI+TW92aW5nOiB7eyByb3cucHJvcGVydHkxIH19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cbiAgICAgICAgICA8dGRcbiAgICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgICBsZXQgY29sIG9mIGNvbHVtbnMgfCBjYU1haW5UYWJsZUhpZGRlblJvd3M6IGhpZGVGaWVsZHNUb0hpZGVcbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICBbY2xhc3NdPVwiY29sLmNlbGxDdXN0b21DbGFzc2VzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgcm93VGVtcGxhdGU7XG4gICAgICAgICAgICAgICAgY29udGV4dDogeyByb3c6IHJvdywgY29sOiBjb2wsIGluZGV4OiByb3dJbmRleCB9XG4gICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC90Ym9keT5cbiAgPC90YWJsZT5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2hlYWRlclRoVGVtcGxhdGUgbGV0LWNvbCBsZXQtaW5keD1cImluZGV4XCI+XG4gIDx0aD5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2wuaGVhZGVyQ2VsbFR5cGVcIj5cbiAgICAgIDwhLS0gVGVtcGxhdGUgY2VsbCAtLT5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0ZW1wbGF0ZSdcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICBjb2wuaGVhZGVyVGVtcGxhdGU7XG4gICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICRpbXBsaWNpdDogY29sLmhlYWRlcixcbiAgICAgICAgICAgICAgaW5kZXg6IGluZHgsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgXCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2ICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJ0aC1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgICB7eyBjb2wuaGVhZGVyIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC90aD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcm93VGVtcGxhdGUgbGV0LXJvdz1cInJvd1wiIGxldC1jb2w9XCJjb2xcIiBsZXQtaW5kZXg9XCJpbmRleFwiPlxuICA8ZGl2IGNsYXNzPVwidGQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInRkLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2wuY2VsbFR5cGVcIj5cbiAgICAgICAgPCEtLSBEZWZhdWx0IHRleHQgY2VsbCAtLT5cbiAgICAgICAgPCEtLSA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCI+e3tcbiAgICAgICAgICAgICAgICAgICAgcm93W2NvbC5maWVsZF1cbiAgICAgICAgICAgICAgICB9fTwvc3Bhbj4gLS0+XG5cbiAgICAgICAgPCEtLSBUZW1wbGF0ZSBjZWxsIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndGVtcGxhdGUnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgY29sLnRlbXBsYXRlO1xuICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgJGltcGxpY2l0OiBjb2wucm93ID8gcm93IDogcm93W2NvbC5maWVsZF0sXG4gICAgICAgICAgICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBDdXN0b20gY29tcG9uZW50IGNlbGwgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjb21wb25lbnQnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nQ29tcG9uZW50T3V0bGV0PVwiXG4gICAgICAgICAgICAgIGNvbC5jb21wb25lbnQ7XG4gICAgICAgICAgICAgIGluamVjdG9yOiBjcmVhdGVJbmplY3Rvcihyb3csIGNvbC5pbnB1dHMpXG4gICAgICAgICAgICBcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBEZWZhdWx0IGZhbGxiYWNrIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgY3VzdG9tVGV4dFRlbXBsYXRlO1xuICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgJGltcGxpY2l0OiB7XG4gICAgICAgICAgICAgICAgICBmaWVsZDogcm93W2NvbC5maWVsZF0sXG4gICAgICAgICAgICAgICAgICBwaXBlVHlwZTogY29sLnBpcGVUeXBlLFxuICAgICAgICAgICAgICAgICAgcGlwZVN0cmluZzogY29sLnBpcGVTdHJpbmcsXG4gICAgICAgICAgICAgICAgICB0ZXh0Q3VzdG9tQ2xhc3NlczogY29sLnRleHRDdXN0b21DbGFzc2VzLFxuICAgICAgICAgICAgICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS0gRGVmYXVsdCBUZXh0IFRlbXBsYXRlICAtLT5cbjxuZy10ZW1wbGF0ZSAjY3VzdG9tVGV4dFRlbXBsYXRlIGxldC1kYXRhIGxldC1pbmRleD5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiZGF0YS5waXBlVHlwZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkYXRlJ1wiPlxuICAgICAgPGRpdiBbbmdDbGFzc109XCJkYXRhLnRleHRDdXN0b21DbGFzc2VzXCIgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgIHt7IGRhdGEuZmllbGQgfCBkYXRlOiBkYXRhLnBpcGVTdHJpbmcgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjdXJyZW5jeSdcIj5cbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwiZGF0YS50ZXh0Q3VzdG9tQ2xhc3Nlc1wiIGNsYXNzPVwidGV4dFwiPlxuICAgICAgICB7eyBkYXRhLmZpZWxkIHwgY3VycmVuY3k6IGRhdGEucGlwZVN0cmluZyB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPGRpdiBbbmdDbGFzc109XCJkYXRhLnRleHRDdXN0b21DbGFzc2VzXCIgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgIHt7IGRhdGEuZmllbGQgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbWFpbi10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1tYWluLXRhYmxlL2NhLW1haW4tdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbWFpbi10YWJsZS9jYS1tYWluLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixRQUFRLEVBQ1IsS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM3RyxPQUFPLEVBQ0wsT0FBTyxFQUVQLGtCQUFrQixFQUNsQixXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2hCLGVBQWUsR0FDaEIsTUFBTSx3QkFBd0IsQ0FBQztBQUVoQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFpQnpELE1BQU0sT0FBTyxvQkFBb0I7SUFTL0IsWUFDVSxRQUFrQixFQUNsQixLQUF3QjtRQUR4QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBVmxDLFVBQVU7UUFDQSxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXBFLFNBQVM7UUFDQSxxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFDbEMsWUFBTyxHQUFtQixFQUFFLENBQUM7SUFNbkMsQ0FBQztJQUVKLFVBQVUsQ0FBQyxPQUFZO1FBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUM1QixnRUFBZ0U7WUFDaEUsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxjQUFjLENBQUMsT0FBWSxFQUFFLE1BQThCO1FBQ3pELE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUM3RCxPQUFPLEVBQUUsR0FBRztZQUNaLFFBQVEsRUFBRSxNQUFNLENBQUMsR0FBRyxDQUFDO1NBQ3RCLENBQUMsQ0FBQyxDQUFDO1FBQ0osT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ3JCLFNBQVMsRUFBRSxjQUFjO1lBQ3pCLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUTtTQUN0QixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsYUFBYSxDQUNYLFlBQWlCLEVBQ2pCLE9BQWdEO1FBRWhELE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDekMsSUFBSSxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxFQUFFO2dCQUNwQyxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQzthQUNoRTtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUE0QjtRQUNyQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsSUFBSSxDQUFDLEtBQTRCO1FBQy9CLGVBQWUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pFLENBQUM7K0dBckRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDhNQ3RDakMseTNLQStLQSw0a0VEbkpJLGdCQUFnQixxSUFDaEIsV0FBVywrZEFDWCxPQUFPLG1iQUVQLHlCQUF5Qiw2REFDekIsWUFBWSx1bENBQ1osZUFBZTs7NEZBSU4sb0JBQW9CO2tCQWZoQyxTQUFTOytCQUNFLG1CQUFtQixjQUVqQixJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixXQUFXO3dCQUNYLE9BQU87d0JBQ1Asa0JBQWtCO3dCQUNsQix5QkFBeUI7d0JBQ3pCLFlBQVk7d0JBQ1osZUFBZTtxQkFDaEI7K0hBS1MsWUFBWTtzQkFBckIsTUFBTTtnQkFHRSxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdG9yLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2FNYWluVGFibGVIaWRkZW5Sb3dzUGlwZSB9IGZyb20gJy4vcGlwZXMvY2EtbWFpbi10YWJsZS1oaWRkZW4tcm93cy9jYS1tYWluLXRhYmxlLWhpZGRlbi1yb3dzLnBpcGUnO1xuaW1wb3J0IHtcbiAgQ2RrRHJhZyxcbiAgQ2RrRHJhZ0Ryb3AsXG4gIENka0RyYWdQbGFjZWhvbGRlcixcbiAgQ2RrRHJvcExpc3QsXG4gIENka0Ryb3BMaXN0R3JvdXAsXG4gIG1vdmVJdGVtSW5BcnJheSxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBDb2x1bW5Db25maWcgfSBmcm9tICcuL21vZGVscy9tYWluLXRhYmxlLm1vZGVsJztcbmltcG9ydCB7IFNjcm9sbGluZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zY3JvbGxpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtbWFpbi10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYS1tYWluLXRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENka0Ryb3BMaXN0R3JvdXAsXG4gICAgQ2RrRHJvcExpc3QsXG4gICAgQ2RrRHJhZyxcbiAgICBDZGtEcmFnUGxhY2Vob2xkZXIsXG4gICAgQ2FNYWluVGFibGVIaWRkZW5Sb3dzUGlwZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2Nyb2xsaW5nTW9kdWxlXG4gIF0sXG4gIHN0eWxlVXJsczogWycuL2NhLW1haW4tdGFibGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FNYWluVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvLyBPdXRwdXRzXG4gIEBPdXRwdXQoKSBvblByZXNzRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgLy8gSW5wdXRzXG4gIEBJbnB1dCgpIGhpZGVGaWVsZHNUb0hpZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY29sdW1uczogQ29sdW1uQ29uZmlnW10gPSBbXTtcbiAgQElucHV0KCkgZGF0YSQhOiBPYnNlcnZhYmxlPGFueVtdPjsgLy8gQWNjZXB0cyB0aGUgZGF0YSBhcyBhbiBvYnNlcnZhYmxlXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7fVxuXG4gIG9uUHJlc3NSb3cocm93RGF0YTogYW55KSB7XG4gICAgdGhpcy5vblByZXNzRXZlbnQuZW1pdChyb3dEYXRhKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZGF0YSQuc3Vic2NyaWJlKChkYXRhKSA9PiB7XG4gICAgICAvLyBUcmlnZ2VyIGNoYW5nZSBkZXRlY3Rpb24gdG8gdXBkYXRlIHRoZSB2aWV3IHdoZW4gZGF0YSBjaGFuZ2VzXG4gICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNyZWF0ZUluamVjdG9yKHJvd0RhdGE6IGFueSwgaW5wdXRzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9KTogSW5qZWN0b3Ige1xuICAgIGNvbnN0IGlucHV0UHJvdmlkZXJzID0gT2JqZWN0LmtleXMoaW5wdXRzIHx8IHt9KS5tYXAoKGtleSkgPT4gKHtcbiAgICAgIHByb3ZpZGU6IGtleSxcbiAgICAgIHVzZVZhbHVlOiBpbnB1dHNba2V5XSxcbiAgICB9KSk7XG4gICAgcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwcm92aWRlcnM6IGlucHV0UHJvdmlkZXJzLFxuICAgICAgcGFyZW50OiB0aGlzLmluamVjdG9yLFxuICAgIH0pO1xuICB9XG5cbiAgYXR0YWNoT3V0cHV0cyhcbiAgICBjb21wb25lbnRSZWY6IGFueSxcbiAgICBvdXRwdXRzOiB7IFtrZXk6IHN0cmluZ106IChldmVudDogYW55KSA9PiB2b2lkIH1cbiAgKTogdm9pZCB7XG4gICAgT2JqZWN0LmtleXMob3V0cHV0cykuZm9yRWFjaCgob3V0cHV0S2V5KSA9PiB7XG4gICAgICBpZiAoY29tcG9uZW50UmVmLmluc3RhbmNlW291dHB1dEtleV0pIHtcbiAgICAgICAgY29tcG9uZW50UmVmLmluc3RhbmNlW291dHB1dEtleV0uc3Vic2NyaWJlKG91dHB1dHNbb3V0cHV0S2V5XSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBkcm9wSGVhZGVyKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5jb2x1bW5zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICB9XG5cbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuY29sdW1ucywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhLW1haW4tdGFibGUtaG9sZGVyXCI+XG4gIDxjZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQgaXRlbVNpemU9XCI1MFwiIGNsYXNzPVwiZXhhbXBsZS12aWV3cG9ydFwiPlxuICAgIDx0YWJsZSBjbGFzcz1cImNhLW1haW4tdGFibGVcIiBjZGtEcm9wTGlzdEdyb3VwPlxuICAgICAgPHRoZWFkPlxuICAgICAgICA8dHJcbiAgICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICAgIGNka0Ryb3BMaXN0T3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgICAgICAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3BIZWFkZXIoJGV2ZW50KVwiXG4gICAgICAgICAgY2xhc3M9XCJ0YWJsZS1ib2R5LWxpc3QgdGgtdGFibGUtYm9keS1saXN0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNka0RyYWdMb2NrQXhpcz1cInhcIlxuICAgICAgICAgICAgY2RrRHJhZ1xuICAgICAgICAgICAgY2RrRHJhZ1ByZXZpZXdDb250YWluZXI9XCJwYXJlbnRcIlxuICAgICAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICAgIGxldCBjb2wgb2YgY29sdW1ucyB8IGNhTWFpblRhYmxlSGlkZGVuUm93czogaGlkZUZpZWxkc1RvSGlkZTtcbiAgICAgICAgICAgICAgbGV0IGluZHggPSBpbmRleFxuICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIGNsYXNzPVwiY2RrX3RoX2RpdiB0YWJsZS10clwiXG4gICAgICAgICAgICBbY2xhc3NdPVwiY29sLmNlbGxDdXN0b21DbGFzc2VzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgaGVhZGVyVGhUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgICAkaW1wbGljaXQ6IGNvbCxcbiAgICAgICAgICAgICAgICAgIGluZGV4OiBpbmR4LFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC90cj5cbiAgICAgIDwvdGhlYWQ+XG4gICAgICA8dGJvZHlcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cInRhYmxlLWJvZHktbGlzdFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCByb3cgb2YgZGF0YSQgfCBhc3luYzsgbGV0IHJvd0luZGV4ID0gaW5kZXhcIlxuICAgICAgICAgIGNsYXNzPVwiZXhhbXBsZS1pdGVtXCJcbiAgICAgICAgPlxuICAgICAgICAgIDx0clxuICAgICAgICAgICAgY2RrRHJhZ0xvY2tBeGlzPVwieVwiXG4gICAgICAgICAgICBjZGtEcmFnXG4gICAgICAgICAgICBjZGtEcmFnUHJldmlld0NvbnRhaW5lcj1cInBhcmVudFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25QcmVzc1Jvdyhyb3cpXCJcbiAgICAgICAgICAgIGNsYXNzPVwidGFibGUtdHJcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDwhLS0gPG5nLWNvbnRhaW5lciAqY2RrRHJhZ1BsYWNlaG9sZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGNsYXNzPVwiZHJhZy1wbGFjZWhvbGRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjb2xzcGFuPVwiMTJcIj5Nb3Zpbmc6IHt7IHJvdy5wcm9wZXJ0eTEgfX08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxuICAgICAgICAgICAgPHRkXG4gICAgICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgICAgIGxldCBjb2wgb2YgY29sdW1ucyB8IGNhTWFpblRhYmxlSGlkZGVuUm93czogaGlkZUZpZWxkc1RvSGlkZVxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICBbY2xhc3NdPVwiY29sLmNlbGxDdXN0b21DbGFzc2VzXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgICByb3dUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgcm93OiByb3csIGNvbDogY29sLCBpbmRleDogcm93SW5kZXggfVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0gPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcm93IG9mIGRhdGEkIHwgYXN5bmM7IGxldCByb3dJbmRleCA9IGluZGV4XCI+XG4gICAgICAgIFxuICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICA8L2Nkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydD5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2hlYWRlclRoVGVtcGxhdGUgbGV0LWNvbCBsZXQtaW5keD1cImluZGV4XCI+XG4gIDx0aD5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2wuaGVhZGVyQ2VsbFR5cGVcIj5cbiAgICAgIDwhLS0gVGVtcGxhdGUgY2VsbCAtLT5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0ZW1wbGF0ZSdcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICBjb2wuaGVhZGVyVGVtcGxhdGU7XG4gICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICRpbXBsaWNpdDogY29sLmhlYWRlcixcbiAgICAgICAgICAgICAgaW5kZXg6IGluZHgsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgXCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2ICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJ0aC1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgICB7eyBjb2wuaGVhZGVyIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC90aD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcm93VGVtcGxhdGUgbGV0LXJvdz1cInJvd1wiIGxldC1jb2w9XCJjb2xcIiBsZXQtaW5kZXg9XCJpbmRleFwiPlxuICA8ZGl2IGNsYXNzPVwidGQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInRkLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2wuY2VsbFR5cGVcIj5cbiAgICAgICAgPCEtLSBEZWZhdWx0IHRleHQgY2VsbCAtLT5cbiAgICAgICAgPCEtLSA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCI+e3tcbiAgICAgICAgICAgICAgICAgICAgcm93W2NvbC5maWVsZF1cbiAgICAgICAgICAgICAgICB9fTwvc3Bhbj4gLS0+XG5cbiAgICAgICAgPCEtLSBUZW1wbGF0ZSBjZWxsIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndGVtcGxhdGUnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgY29sLnRlbXBsYXRlO1xuICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgJGltcGxpY2l0OiBjb2wucm93ID8gcm93IDogcm93W2NvbC5maWVsZF0sXG4gICAgICAgICAgICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBDdXN0b20gY29tcG9uZW50IGNlbGwgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjb21wb25lbnQnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nQ29tcG9uZW50T3V0bGV0PVwiXG4gICAgICAgICAgICAgIGNvbC5jb21wb25lbnQ7XG4gICAgICAgICAgICAgIGluamVjdG9yOiBjcmVhdGVJbmplY3Rvcihyb3csIGNvbC5pbnB1dHMpXG4gICAgICAgICAgICBcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBEZWZhdWx0IGZhbGxiYWNrIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgY3VzdG9tVGV4dFRlbXBsYXRlO1xuICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgJGltcGxpY2l0OiB7XG4gICAgICAgICAgICAgICAgICBmaWVsZDogcm93W2NvbC5maWVsZF0sXG4gICAgICAgICAgICAgICAgICBwaXBlVHlwZTogY29sLnBpcGVUeXBlLFxuICAgICAgICAgICAgICAgICAgcGlwZVN0cmluZzogY29sLnBpcGVTdHJpbmcsXG4gICAgICAgICAgICAgICAgICB0ZXh0Q3VzdG9tQ2xhc3NlczogY29sLnRleHRDdXN0b21DbGFzc2VzLFxuICAgICAgICAgICAgICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS0gRGVmYXVsdCBUZXh0IFRlbXBsYXRlICAtLT5cbjxuZy10ZW1wbGF0ZSAjY3VzdG9tVGV4dFRlbXBsYXRlIGxldC1kYXRhIGxldC1pbmRleD5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiZGF0YS5waXBlVHlwZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkYXRlJ1wiPlxuICAgICAgPGRpdiBbbmdDbGFzc109XCJkYXRhLnRleHRDdXN0b21DbGFzc2VzXCIgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgIHt7IGRhdGEuZmllbGQgfCBkYXRlOiBkYXRhLnBpcGVTdHJpbmcgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjdXJyZW5jeSdcIj5cbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwiZGF0YS50ZXh0Q3VzdG9tQ2xhc3Nlc1wiIGNsYXNzPVwidGV4dFwiPlxuICAgICAgICB7eyBkYXRhLmZpZWxkIHwgY3VycmVuY3k6IGRhdGEucGlwZVN0cmluZyB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPGRpdiBbbmdDbGFzc109XCJkYXRhLnRleHRDdXN0b21DbGFzc2VzXCIgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgIHt7IGRhdGEuZmllbGQgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/fesm2022/ca-components.mjs

@@ -15371,7 +15371,7 @@ class CaMainTableComponent {
         moveItemInArray(this.columns, event.previousIndex, event.currentIndex);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMainTableComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { hideFieldsToHide: "hideFieldsToHide", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent" }, ngImport: i0, template: "<div class=\"ca-main-table-holder\">\n  <table class=\"ca-main-table\" cdkDropListGroup>\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      cdkDropList\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <tr\n          cdkDragLockAxis=\"y\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          (click)=\"onPressRow(row)\"\n          class=\"table-tr\"\n        >\n          <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n          <td\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide\n            \"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                rowTemplate;\n                context: { row: row, col: col, index: rowIndex }\n              \"\n            >\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMainTableComponent, isStandalone: true, selector: "app-ca-main-table", inputs: { hideFieldsToHide: "hideFieldsToHide", columns: "columns", data$: "data$" }, outputs: { onPressEvent: "onPressEvent" }, ngImport: i0, template: "<div class=\"ca-main-table-holder\">\n  <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"example-viewport\">\n    <table class=\"ca-main-table\" cdkDropListGroup>\n      <thead>\n        <tr\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"dropHeader($event)\"\n          class=\"table-body-list th-table-body-list\"\n        >\n          <div\n            cdkDragLockAxis=\"x\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n              let indx = index\n            \"\n            class=\"cdk_th_div table-tr\"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                headerThTemplate;\n                context: {\n                  $implicit: col,\n                  index: indx,\n                }\n              \"\n            ></ng-container>\n          </div>\n        </tr>\n      </thead>\n      <tbody\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        class=\"table-body-list\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of data$ | async; let rowIndex = index\"\n          class=\"example-item\"\n        >\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n          >\n            <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n            <td\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n              [class]=\"col.cellCustomClasses\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  rowTemplate;\n                  context: { row: row, col: col, index: rowIndex }\n                \"\n              >\n              </ng-container>\n            </td>\n          </tr>\n        </div>\n\n        <!-- <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        \n      </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: CaMainTableHiddenRowsPipe, name: "caMainTableHiddenRows" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMainTableComponent, decorators: [{
             type: Component,
@@ -15382,7 +15382,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CdkDragPlaceholder,
                         CaMainTableHiddenRowsPipe,
                         CommonModule,
-                    ], template: "<div class=\"ca-main-table-holder\">\n  <table class=\"ca-main-table\" cdkDropListGroup>\n    <thead>\n      <tr\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"dropHeader($event)\"\n        class=\"table-body-list th-table-body-list\"\n      >\n        <div\n          cdkDragLockAxis=\"x\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          *ngFor=\"\n            let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n            let indx = index\n          \"\n          class=\"cdk_th_div table-tr\"\n          [class]=\"col.cellCustomClasses\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerThTemplate;\n              context: {\n                $implicit: col,\n                index: indx,\n              }\n            \"\n          ></ng-container>\n        </div>\n      </tr>\n    </thead>\n    <tbody\n      cdkDropList\n      (cdkDropListDropped)=\"drop($event)\"\n      class=\"table-body-list\"\n    >\n      <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        <tr\n          cdkDragLockAxis=\"y\"\n          cdkDrag\n          cdkDragPreviewContainer=\"parent\"\n          (click)=\"onPressRow(row)\"\n          class=\"table-tr\"\n        >\n          <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n          <td\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide\n            \"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                rowTemplate;\n                context: { row: row, col: col, index: rowIndex }\n              \"\n            >\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"] }]
+                        ScrollingModule
+                    ], template: "<div class=\"ca-main-table-holder\">\n  <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"example-viewport\">\n    <table class=\"ca-main-table\" cdkDropListGroup>\n      <thead>\n        <tr\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"dropHeader($event)\"\n          class=\"table-body-list th-table-body-list\"\n        >\n          <div\n            cdkDragLockAxis=\"x\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            *ngFor=\"\n              let col of columns | caMainTableHiddenRows: hideFieldsToHide;\n              let indx = index\n            \"\n            class=\"cdk_th_div table-tr\"\n            [class]=\"col.cellCustomClasses\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                headerThTemplate;\n                context: {\n                  $implicit: col,\n                  index: indx,\n                }\n              \"\n            ></ng-container>\n          </div>\n        </tr>\n      </thead>\n      <tbody\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        class=\"table-body-list\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of data$ | async; let rowIndex = index\"\n          class=\"example-item\"\n        >\n          <tr\n            cdkDragLockAxis=\"y\"\n            cdkDrag\n            cdkDragPreviewContainer=\"parent\"\n            (click)=\"onPressRow(row)\"\n            class=\"table-tr\"\n          >\n            <!-- <ng-container *cdkDragPlaceholder>\n                        <tr class=\"drag-placeholder\">\n                            <td colspan=\"12\">Moving: {{ row.property1 }}</td>\n                        </tr>\n                    </ng-container> -->\n            <td\n              *ngFor=\"\n                let col of columns | caMainTableHiddenRows: hideFieldsToHide\n              \"\n              [class]=\"col.cellCustomClasses\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  rowTemplate;\n                  context: { row: row, col: col, index: rowIndex }\n                \"\n              >\n              </ng-container>\n            </td>\n          </tr>\n        </div>\n\n        <!-- <ng-container *ngFor=\"let row of data$ | async; let rowIndex = index\">\n        \n      </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n\n<ng-template #headerThTemplate let-col let-indx=\"index\">\n  <th>\n    <ng-container [ngSwitch]=\"col.headerCellType\">\n      <!-- Template cell -->\n      <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            col.headerTemplate;\n            context: {\n              $implicit: col.header,\n              index: indx,\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n      <div *ngSwitchDefault class=\"th-content-container\">\n        {{ col.header }}\n      </div>\n    </ng-container>\n  </th>\n</ng-template>\n\n<ng-template #rowTemplate let-row=\"row\" let-col=\"col\" let-index=\"index\">\n  <div class=\"td-container\">\n    <div class=\"td-content-container\">\n      <ng-container [ngSwitch]=\"col.cellType\">\n        <!-- Default text cell -->\n        <!-- <span *ngSwitchCase=\"'text'\">{{\n                    row[col.field]\n                }}</span> -->\n\n        <!-- Template cell -->\n        <ng-container *ngSwitchCase=\"'template'\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              col.template;\n              context: {\n                $implicit: col.row ? row : row[col.field],\n                index: index,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Custom component cell -->\n        <ng-container *ngSwitchCase=\"'component'\">\n          <ng-container\n            *ngComponentOutlet=\"\n              col.component;\n              injector: createInjector(row, col.inputs)\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <!-- Default fallback -->\n        <ng-container *ngSwitchDefault>\n          <ng-container\n            *ngTemplateOutlet=\"\n              customTextTemplate;\n              context: {\n                $implicit: {\n                  field: row[col.field],\n                  pipeType: col.pipeType,\n                  pipeString: col.pipeString,\n                  textCustomClasses: col.textCustomClasses,\n                  index: index,\n                },\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Default Text Template  -->\n<ng-template #customTextTemplate let-data let-index>\n  <ng-container [ngSwitch]=\"data.pipeType\">\n    <ng-container *ngSwitchCase=\"'date'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | date: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'currency'\">\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field | currency: data.pipeString }}\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div [ngClass]=\"data.textCustomClasses\" class=\"text\">\n        {{ data.field }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [".ca-main-table{color:#424242;width:100%;border-collapse:collapse;background-color:#eee}.ca-main-table thead tr th{color:#6c6c6c;text-transform:uppercase;font-size:11px}.ca-main-table thead tr th .th-content-container{padding:4px}.ca-main-table tbody tr td{height:36px;padding:1px 0}.ca-main-table tbody tr td .td-container{padding:4px 0;display:flex;align-items:center;height:34px;background-color:#fff}.ca-main-table tbody tr td .td-container .td-content-container{flex:1;padding:3px 4px}.ca-main-table tbody tr td .td-container .td-content-container .text{font-size:14px}.ca-main-table tbody tr td .td-container .td-content-container .text.b-100{font-weight:100}.ca-main-table tbody tr td .td-container .td-content-container .text.b-200{font-weight:200}.ca-main-table tbody tr td .td-container .td-content-container .text.b-300{font-weight:300}.ca-main-table tbody tr td .td-container .td-content-container .text.b-400{font-weight:400}.ca-main-table tbody tr td .td-container .td-content-container .text.b-500{font-weight:500}.ca-main-table tbody tr td .td-container .td-content-container .text.b-600{font-weight:600}.ca-main-table tbody tr td .td-container .td-content-container .text.b-700{font-weight:700}.ca-main-table tbody tr td .td-container .td-content-container .text.b-800{font-weight:800}.ca-main-table tbody tr td .td-container .td-content-container .text.b-900{font-weight:900}.ca-main-table tbody tr td:first-child .td-container{border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:4px}.ca-main-table tbody tr td:first-child .td-container .td-content-container{border-top-left-radius:3px;border-bottom-left-radius:3px}.ca-main-table tbody tr td:last-child .td-container{border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px}.ca-main-table tbody tr td:last-child .td-container .td-content-container{border-top-right-radius:3px;border-bottom-right-radius:3px}.ca-main-table tbody tr:hover td .td-container .td-content-container{background-color:#eee}.cdk_th_div{display:table-cell}.cdk_th_div th{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onPressEvent: [{
                 type: Output
             }], hideFieldsToHide: [{