mis-crystal-design-system 18.0.5 → 18.0.7-test

package/esm2022/table/filter/filter.component.mjs

@@ -0,0 +1,177 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "mis-crystal-design-system/checkbox";
+const _c0 = ["mainContainer"];
+const _c1 = () => ({ "margin": "16px 0px" });
+const _c2 = () => ({ "margin-right": "8px" });
+function TableFilterComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 15)(2, "mis-checkbox", 16);
+    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_8_Template_mis_checkbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 17);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const filter_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", true)("name", filter_r4.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(filter_r4.name);
+} }
+function TableFilterComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 11);
+} if (rf & 2) {
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(1, _c1));
+} }
+function TableFilterComponent_div_11_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "mis-checkbox", 16);
+    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_11_div_1_Template_mis_checkbox_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const filter_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", false)("name", filter_r6.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(filter_r6.name);
+} }
+function TableFilterComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, TableFilterComponent_div_11_div_1_Template, 4, 3, "div", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const filter_r6 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !filter_r6.checked);
+} }
+function TableFilterComponent_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19)(1, "span", 17);
+    i0.ɵɵtext(2, "No matches found");
+    i0.ɵɵelementEnd()();
+} }
+export class TableFilterComponent {
+    constructor() {
+        this.filtersData = [];
+        this.containerStyles = {};
+        this.filtersApplied = new EventEmitter();
+        this.filtersMap = {};
+        this.searchValue = "";
+        this.mySort = (a, b) => {
+            if (a.name < b.name)
+                return -1;
+            else if (b.name < a.name)
+                return 1;
+            else
+                return 0;
+        };
+    }
+    ngOnInit() {
+        this.filtersData.forEach(filter => {
+            this.filtersMap[filter.value] = filter;
+        });
+    }
+    resetFilters() {
+        this.filtersData.forEach(filter => {
+            this.filtersMap[filter.value].checked = false;
+        });
+        this.filtersApplied.emit([]);
+    }
+    applyFilters() {
+        let list = Object.values(this.filtersMap)
+            .filter((filter) => filter.checked)
+            .map((filter) => {
+            return {
+                name: filter.name,
+                value: filter.value
+            };
+        });
+        this.filtersApplied.emit(list);
+    }
+    updateSearchValue(event) {
+        this.searchValue = event.target.value;
+    }
+    updateFilter(data) {
+        if (this.filtersMap[data.name]) {
+            this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;
+        }
+    }
+    getFiltersBasedOnSearchValue() {
+        let list = Object.values(this.filtersMap);
+        list = list.filter((filter) => {
+            return filter.name.match(new RegExp(this.searchValue, "i"));
+        });
+        return list.sort(this.mySort);
+    }
+    getCheckedFilters() {
+        let list = Object.values(this.filtersMap);
+        list = list.filter((filter) => filter.checked).sort(this.mySort);
+        return list;
+    }
+    static { this.ɵfac = function TableFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableFilterComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableFilterComponent, selectors: [["mis-table-filter"]], viewQuery: function TableFilterComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        } }, inputs: { filtersData: "filtersData", containerStyles: "containerStyles" }, outputs: { filtersApplied: "filtersApplied" }, decls: 19, vars: 9, consts: [["mainContainer", ""], ["id", "main-container", 3, "ngStyle"], ["id", "search-bar-container"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["id", "search-icon", "width", "18", "height", "18", "viewBox", "0 0 18 18", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z", "fill", "#6A737D"], ["id", "filters-main-container"], [1, "filters-sub-container"], [4, "ngFor", "ngForOf"], ["class", "separator", 3, "ngStyle", 4, "ngIf"], ["id", "no-results-container", 4, "ngIf"], [1, "separator", 3, "ngStyle"], ["id", "buttons-container"], ["id", "reset-btn", 3, "click", "ngStyle"], ["id", "apply-btn", 3, "click"], [1, "filter"], [3, "valueChange", "checked", "name"], [1, "filter-text"], ["class", "filter", 4, "ngIf"], ["id", "no-results-container"]], template: function TableFilterComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1, 0)(2, "div", 2)(3, "input", 3);
+            i0.ɵɵlistener("keyup", function TableFilterComponent_Template_input_keyup_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateSearchValue($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div", 6)(7, "div", 7);
+            i0.ɵɵtemplate(8, TableFilterComponent_div_8_Template, 5, 3, "div", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, TableFilterComponent_div_9_Template, 1, 2, "div", 9);
+            i0.ɵɵelementStart(10, "div", 7);
+            i0.ɵɵtemplate(11, TableFilterComponent_div_11_Template, 2, 1, "div", 8)(12, TableFilterComponent_div_12_Template, 3, 0, "div", 10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(13, "div", 11);
+            i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
+            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.resetFilters()); });
+            i0.ɵɵtext(16, "Reset");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "button", 14);
+            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.applyFilters()); });
+            i0.ɵɵtext(18, "Apply");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngStyle", ctx.containerStyles);
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("ngForOf", ctx.getCheckedFilters());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.getCheckedFilters().length && ctx.getCheckedFilters().length < ctx.filtersData.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.getFiltersBasedOnSearchValue());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.getFiltersBasedOnSearchValue().length < 1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(7, _c1));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(8, _c2));
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.CheckboxComponent], styles: ["#main-container[_ngcontent-%COMP%]{position:absolute;background:#fff;z-index:2;right:calc(50% - 128px);width:256px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px}[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px;height:8px}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#9aa7b4}#search-bar-container[_ngcontent-%COMP%]{width:100%;position:relative;margin-bottom:8px}input[_ngcontent-%COMP%]{width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}input[_ngcontent-%COMP%]:focus{border:solid 1px #0937b2}#search-icon[_ngcontent-%COMP%]{position:absolute;top:15px;left:12px}.filters-sub-container[_ngcontent-%COMP%]{max-height:144px;overflow-y:auto}.filter[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text[_ngcontent-%COMP%]{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:#181f33;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:center;align-items:center}.separator[_ngcontent-%COMP%]{border:1px solid #e0e0e0}#buttons-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}button[_ngcontent-%COMP%]{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn[_ngcontent-%COMP%]{background:#0937b2;color:#fff}#reset-btn[_ngcontent-%COMP%]{background:#fff;color:#0937b2}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableFilterComponent, [{
+        type: Component,
+        args: [{ selector: "mis-table-filter", template: "<div id=\"main-container\" #mainContainer [ngStyle]=\"containerStyles\">\n  <div id=\"search-bar-container\">\n    <input (keyup)=\"updateSearchValue($event)\" type=\"text\" placeholder=\"Search\" />\n    <svg id=\"search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z\"\n        fill=\"#6A737D\"\n      />\n    </svg>\n  </div>\n  <div id=\"filters-main-container\">\n    <div class=\"filters-sub-container\">\n      <div *ngFor=\"let filter of getCheckedFilters()\">\n        <div class=\"filter\">\n          <mis-checkbox [checked]=\"true\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n          <span class=\"filter-text\">{{ filter.name }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\" *ngIf=\"getCheckedFilters().length && getCheckedFilters().length < filtersData.length\"></div>\n    <div class=\"filters-sub-container\">\n      <div *ngFor=\"let filter of getFiltersBasedOnSearchValue()\">\n        <div class=\"filter\" *ngIf=\"!filter.checked\">\n          <mis-checkbox [checked]=\"false\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n          <span class=\"filter-text\">{{ filter.name }}</span>\n        </div>\n      </div>\n      <div id=\"no-results-container\" *ngIf=\"getFiltersBasedOnSearchValue().length < 1\">\n        <span class=\"filter-text\">No matches found</span>\n      </div>\n    </div>\n    <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\"></div>\n    <div id=\"buttons-container\">\n      <button id=\"reset-btn\" [ngStyle]=\"{ 'margin-right': '8px' }\" (click)=\"resetFilters()\">Reset</button>\n      <button id=\"apply-btn\" (click)=\"applyFilters()\">Apply</button>\n    </div>\n  </div>\n</div>\n", styles: ["#main-container{position:absolute;background:#fff;z-index:2;right:calc(50% - 128px);width:256px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#9aa7b4}#search-bar-container{width:100%;position:relative;margin-bottom:8px}input{width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}input:focus{border:solid 1px #0937b2}#search-icon{position:absolute;top:15px;left:12px}.filters-sub-container{max-height:144px;overflow-y:auto}.filter{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:#181f33;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container{height:36px;display:flex;justify-content:center;align-items:center}.separator{border:1px solid #e0e0e0}#buttons-container{display:flex;justify-content:center;align-items:center}button{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn{background:#0937b2;color:#fff}#reset-btn{background:#fff;color:#0937b2}\n"] }]
+    }], () => [], { filtersData: [{
+            type: Input
+        }], containerStyles: [{
+            type: Input
+        }], filtersApplied: [{
+            type: Output
+        }], container: [{
+            type: ViewChild,
+            args: ["mainContainer"]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableFilterComponent, { className: "TableFilterComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0lDZ0I1RixBQURGLEFBREYsMkJBQWdELGNBQzFCLHVCQUN3RTtJQUFyQyx3TUFBZSwyQkFBb0IsS0FBQztJQUFDLGlCQUFlO0lBQ3pHLGdDQUEwQjtJQUFBLFlBQWlCO0lBRS9DLEFBREUsQUFENkMsaUJBQU8sRUFDOUMsRUFDRjs7O0lBSFksZUFBZ0I7SUFBQyxBQUFqQiw4QkFBZ0IseUJBQXNCO0lBQzFCLGVBQWlCO0lBQWpCLG9DQUFpQjs7O0lBSWpELDBCQUF3Sjs7SUFBakksb0RBQW9DOzs7O0lBSXJELEFBREYsK0JBQTRDLHVCQUNpRDtJQUFyQyxnTkFBZSwyQkFBb0IsS0FBQztJQUFDLGlCQUFlO0lBQzFHLGdDQUEwQjtJQUFBLFlBQWlCO0lBQzdDLEFBRDZDLGlCQUFPLEVBQzlDOzs7SUFGVSxjQUFpQjtJQUFDLEFBQWxCLCtCQUFpQix5QkFBc0I7SUFDM0IsZUFBaUI7SUFBakIsb0NBQWlCOzs7SUFIL0MsMkJBQTJEO0lBQ3pELDZFQUE0QztJQUk5QyxpQkFBTTs7O0lBSmlCLGNBQXFCO0lBQXJCLHlDQUFxQjs7O0lBTTFDLEFBREYsK0JBQWlGLGVBQ3JEO0lBQUEsZ0NBQWdCO0lBQzVDLEFBRDRDLGlCQUFPLEVBQzdDOztBRHhCWixNQUFNLE9BQU8sb0JBQW9CO0lBVy9CO1FBVlMsZ0JBQVcsR0FB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dCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXRhYmxlLWZpbHRlclwiLFxuICB0ZW1wbGF0ZVVybDogXCJmaWx0ZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCJmaWx0ZXIuY29tcG9uZW50LmNzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGZpbHRlcnNEYXRhOiBBcnJheTxGaWx0ZXI+ID0gW107XG4gIEBJbnB1dCgpIGNvbnRhaW5lclN0eWxlczogYW55ID0ge307XG5cbiAgQE91dHB1dCgpIGZpbHRlcnNBcHBsaWVkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZChcIm1haW5Db250YWluZXJcIikgY29udGFpbmVyOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gIGZpbHRlcnNNYXA6IGFueSA9IHt9O1xuICBzZWFyY2hWYWx1ZTogc3RyaW5nID0gXCJcIjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXJzRGF0YS5mb3JFYWNoKGZpbHRlciA9PiB7XG4gICAgICB0aGlzLmZpbHRlcnNNYXBbZmlsdGVyLnZhbHVlXSA9IGZpbHRlcjtcbiAgICB9KTtcbiAgfVxuICByZXNldEZpbHRlcnMoKSB7XG4gICAgdGhpcy5maWx0ZXJzRGF0YS5mb3JFYWNoKGZpbHRlciA9PiB7XG4gICAgICB0aGlzLmZpbHRlcnNNYXBbZmlsdGVyLnZhbHVlXS5jaGVja2VkID0gZmFsc2U7XG4gICAgfSk7XG4gICAgdGhpcy5maWx0ZXJzQXBwbGllZC5lbWl0KFtdKTtcbiAgfVxuICBhcHBseUZpbHRlcnMoKSB7XG4gICAgbGV0IGxpc3QgPSBPYmplY3QudmFsdWVzKHRoaXMuZmlsdGVyc01hcClcbiAgICAgIC5maWx0ZXIoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiBmaWx0ZXIuY2hlY2tlZClcbiAgICAgIC5tYXAoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgbmFtZTogZmlsdGVyLm5hbWUsXG4gICAgICAgICAgdmFsdWU6IGZpbHRlci52YWx1ZVxuICAgICAgICB9O1xuICAgICAgfSk7XG4gICAgdGhpcy5maWx0ZXJzQXBwbGllZC5lbWl0KGxpc3QpO1xuICB9XG4gIHVwZGF0ZVNlYXJjaFZhbHVlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xuICB9XG4gIHVwZGF0ZUZpbHRlcihkYXRhOiBhbnkpIHtcbiAgICBpZiAodGhpcy5maWx0ZXJzTWFwW2RhdGEubmFtZV0pIHtcbiAgICAgIHRoaXMuZmlsdGVyc01hcFtkYXRhLm5hbWVdLmNoZWNrZWQgPSAhdGhpcy5maWx0ZXJzTWFwW2RhdGEubmFtZV0uY2hlY2tlZDtcbiAgICB9XG4gIH1cbiAgZ2V0RmlsdGVyc0Jhc2VkT25TZWFyY2hWYWx1ZSgpOiBGaWx0ZXJbXSB8IGFueSB7XG4gICAgbGV0IGxpc3QgPSBPYmplY3QudmFsdWVzKHRoaXMuZmlsdGVyc01hcCk7XG4gICAgbGlzdCA9IGxpc3QuZmlsdGVyKChmaWx0ZXI6IEZpbHRlciB8IGFueSkgPT4ge1xuICAgICAgcmV0dXJuIGZpbHRlci5uYW1lLm1hdGNoKG5ldyBSZWdFeHAodGhpcy5zZWFyY2hWYWx1ZSwgXCJpXCIpKTtcbiAgICB9KTtcbiAgICByZXR1cm4gbGlzdC5zb3J0KHRoaXMubXlTb3J0KTtcbiAgfVxuICBnZXRDaGVja2VkRmlsdGVycygpOiBGaWx0ZXJbXSB8IGFueSB7XG4gICAgbGV0IGxpc3QgPSBPYmplY3QudmFsdWVzKHRoaXMuZmlsdGVyc01hcCk7XG4gICAgbGlzdCA9IGxpc3QuZmlsdGVyKChmaWx0ZXI6IEZpbHRlciB8IGFueSkgPT4gZmlsdGVyLmNoZWNrZWQpLnNvcnQodGhpcy5teVNvcnQpO1xuICAgIHJldHVybiBsaXN0O1xuICB9XG4gIG15U29ydCA9IChhOiBGaWx0ZXIgfCBhbnksIGI6IEZpbHRlciB8IGFueSkgPT4ge1xuICAgIGlmIChhLm5hbWUgPCBiLm5hbWUpIHJldHVybiAtMTtcbiAgICBlbHNlIGlmIChiLm5hbWUgPCBhLm5hbWUpIHJldHVybiAxO1xuICAgIGVsc2UgcmV0dXJuIDA7XG4gIH07XG59XG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlciB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgY2hlY2tlZDogYm9vbGVhbjtcbn1cbiIsIjxkaXYgaWQ9XCJtYWluLWNvbnRhaW5lclwiICNtYWluQ29udGFpbmVyIFtuZ1N0eWxlXT1cImNvbnRhaW5lclN0eWxlc1wiPlxuICA8ZGl2IGlkPVwic2VhcmNoLWJhci1jb250YWluZXJcIj5cbiAgICA8aW5wdXQgKGtleXVwKT1cInVwZGF0ZVNlYXJjaFZhbHVlKCRldmVudClcIiB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCIgLz5cbiAgICA8c3ZnIGlkPVwic2VhcmNoLWljb25cIiB3aWR0aD1cIjE4XCIgaGVpZ2h0PVwiMThcIiB2aWV3Qm94PVwiMCAwIDE4IDE4XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICA8cGF0aFxuICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGQ9XCJNMS4yMTQ5NiA4LjE0NTYzQzEuMjE0OTYgNC4zMTc5IDQuMzM3MDkgMS4yMTE2NSA4LjE5MjQ5IDEuMjExNjVDMTIuMDQ3OSAxLjIxMTY1IDE1LjE3IDQuMzE3OSAxNS4xNyA4LjE0NTYzQzE1LjE3IDkuNjkzMDggMTQuNjU5OCAxMS4xMjI2IDEzLjc5NyAxMi4yNzY3TDEyLjM2ODQgMTMuNzAxM0MxMS4yMDQzIDE0LjU2NjggOS43NTg5MSAxNS4wNzk2IDguMTkyNDkgMTUuMDc5NkM0LjMzNzA5IDE1LjA3OTYgMS4yMTQ5NiAxMS45NzM0IDEuMjE0OTYgOC4xNDU2M1pNMTIuOTQxOSAxNC43ODM1QzExLjYwMiAxNS43MzI5IDkuOTYyNTkgMTYuMjkxMyA4LjE5MjQ5IDE2LjI5MTNDMy42Njk2NSAxNi4yOTEzIC0wLjAwMDEyMjA3IDEyLjY0NjEgLTAuMDAwMTIyMDcgOC4xNDU2M0MtMC4wMDAxMjIwNyAzLjY0NTEyIDMuNjY5NjUgMCA4LjE5MjQ5IDBDMTIuNzE1MyAwIDE2LjM4NTEgMy42NDUxMiAxNi4zODUxIDguMTQ1NjNDMTYuMzg1MSA5LjkzNzEzIDE1LjgwMzYgMTEuNTkzMSAxNC44MTgzIDEyLjkzNzVMMTYuODM2IDE0LjQwNDhDMTcuNjcwNCAxNC45MTIgMTguNzU1MyAxNS42NTQzIDE3LjI0NTMgMTcuMjE1QzE1LjczNTIgMTguNzc1NiAxNS4wMDk4IDE3LjY2NjMgMTQuNDk5IDE2LjgzNjRMMTIuOTQxOSAxNC43ODM1WlwiXG4gICAgICAgIGZpbGw9XCIjNkE3MzdEXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvZGl2PlxuICA8ZGl2IGlkPVwiZmlsdGVycy1tYWluLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJzLXN1Yi1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBnZXRDaGVja2VkRmlsdGVycygpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJcIj5cbiAgICAgICAgICA8bWlzLWNoZWNrYm94IFtjaGVja2VkXT1cInRydWVcIiBbbmFtZV09XCJmaWx0ZXIudmFsdWVcIiAodmFsdWVDaGFuZ2UpPVwidXBkYXRlRmlsdGVyKCRldmVudClcIj48L21pcy1jaGVja2JveD5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbHRlci10ZXh0XCI+e3sgZmlsdGVyLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvclwiIFtuZ1N0eWxlXT1cInsgJ21hcmdpbic6ICcxNnB4IDBweCcgfVwiICpuZ0lmPVwiZ2V0Q2hlY2tlZEZpbHRlcnMoKS5sZW5ndGggJiYgZ2V0Q2hlY2tlZEZpbHRlcnMoKS5sZW5ndGggPCBmaWx0ZXJzRGF0YS5sZW5ndGhcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZmlsdGVycy1zdWItY29udGFpbmVyXCI+XG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWx0ZXIgb2YgZ2V0RmlsdGVyc0Jhc2VkT25TZWFyY2hWYWx1ZSgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJcIiAqbmdJZj1cIiFmaWx0ZXIuY2hlY2tlZFwiPlxuICAgICAgICAgIDxtaXMtY2hlY2tib3ggW2NoZWNrZWRdPVwiZmFsc2VcIiBbbmFtZV09XCJmaWx0ZXIudmFsdWVcIiAodmFsdWVDaGFuZ2UpPVwidXBkYXRlRmlsdGVyKCRldmVudClcIj48L21pcy1jaGVja2JveD5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbHRlci10ZXh0XCI+e3sgZmlsdGVyLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGlkPVwibm8tcmVzdWx0cy1jb250YWluZXJcIiAqbmdJZj1cImdldEZpbHRlcnNCYXNlZE9uU2VhcmNoVmFsdWUoKS5sZW5ndGggPCAxXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj5ObyBtYXRjaGVzIGZvdW5kPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNlcGFyYXRvclwiIFtuZ1N0eWxlXT1cInsgJ21hcmdpbic6ICcxNnB4IDBweCcgfVwiPjwvZGl2PlxuICAgIDxkaXYgaWQ9XCJidXR0b25zLWNvbnRhaW5lclwiPlxuICAgICAgPGJ1dHRvbiBpZD1cInJlc2V0LWJ0blwiIFtuZ1N0eWxlXT1cInsgJ21hcmdpbi1yaWdodCc6ICc4cHgnIH1cIiAoY2xpY2spPVwicmVzZXRGaWx0ZXJzKClcIj5SZXNldDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBpZD1cImFwcGx5LWJ0blwiIChjbGljayk9XCJhcHBseUZpbHRlcnMoKVwiPkFwcGx5PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/table/sub-table/sub-table.component.mjs

@@ -0,0 +1,192 @@
+import { Component, Input, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/scrolling";
+import * as i3 from "../custom-table-cell.directive";
+const _c0 = ["table"];
+const _c1 = (a0, a1) => ({ height: a0, width: a1 });
+const _c2 = (a0, a1, a2) => ({ height: a0, "border-top": a1, "border-bottom": a2 });
+const _c3 = (a0, a1, a2) => ({ width: a0, cursor: a1, "justify-content": a2 });
+const _c4 = a0 => ({ backgroundColor: a0 });
+const _c5 = a0 => ({ width: a0 });
+const _c6 = (a0, a1) => ({ width: "100%", cursor: a0, "justify-content": a1 });
+const _c7 = a0 => ({ color: a0 });
+function SubTableComponent_div_3_div_1_p_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const colHeader_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (colHeader_r2 == null ? null : colHeader_r2.data) || " ", " ");
+} }
+function SubTableComponent_div_3_div_1_2_ng_template_0_Template(rf, ctx) { }
+function SubTableComponent_div_3_div_1_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SubTableComponent_div_3_div_1_2_ng_template_0_Template, 0, 0, "ng-template", 12);
+} if (rf & 2) {
+    const colHeader_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("customComponent", colHeader_r2 == null ? null : colHeader_r2.componentRef)("data", colHeader_r2.data);
+} }
+function SubTableComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵlistener("click", function SubTableComponent_div_3_div_1_Template_div_click_0_listener() { const colHeader_r2 = i0.ɵɵrestoreView(_r1).$implicit; return i0.ɵɵresetView((colHeader_r2 == null ? null : colHeader_r2.action) ? colHeader_r2 == null ? null : colHeader_r2.action(colHeader_r2) : null); });
+    i0.ɵɵtemplate(1, SubTableComponent_div_3_div_1_p_1_Template, 2, 1, "p", 9)(2, SubTableComponent_div_3_div_1_2_Template, 1, 2, null, 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const colHeader_r2 = ctx.$implicit;
+    i0.ɵɵstyleMap(colHeader_r2 == null ? null : colHeader_r2.style);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(5, _c3, (colHeader_r2 == null ? null : colHeader_r2.style == null ? null : colHeader_r2.style.width) || "", colHeader_r2.action ? "pointer" : "default", (colHeader_r2 == null ? null : colHeader_r2.style == null ? null : colHeader_r2.style.justifyContent) ? colHeader_r2 == null ? null : colHeader_r2.style == null ? null : colHeader_r2.style.justifyContent : colHeader_r2.type === "number" ? "flex-end" : "space-between"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (colHeader_r2 == null ? null : colHeader_r2.type) !== "custom");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (colHeader_r2 == null ? null : colHeader_r2.type) === "custom");
+} }
+function SubTableComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtemplate(1, SubTableComponent_div_3_div_1_Template, 3, 9, "div", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(2, _c2, ctx_r2.getColHeadersRowHeight(), ctx_r2.getColHeadersRowBorderTop(), ctx_r2.getColHeadersRowBorderBottom()));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.config == null ? null : ctx_r2.config.colHeaderConfig);
+} }
+function SubTableComponent_div_6_div_2_p_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    const col_r6 = ctx_r7.$implicit;
+    const i_r7 = ctx_r7.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c7, (ctx_r2.config == null ? null : ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style == null ? null : ctx_r2.config.colConfig[i_r7].style.color) ? ctx_r2.config == null ? null : ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style == null ? null : ctx_r2.config.colConfig[i_r7].style.color : ""));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", col_r6, " ");
+} }
+function SubTableComponent_div_6_div_2_3_ng_template_0_Template(rf, ctx) { }
+function SubTableComponent_div_6_div_2_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SubTableComponent_div_6_div_2_3_ng_template_0_Template, 0, 0, "ng-template", 12);
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    const col_r6 = ctx_r7.$implicit;
+    const i_r7 = ctx_r7.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("customComponent", ctx_r2.config.colConfig[i_r7].componentRef)("data", col_r6);
+} }
+function SubTableComponent_div_6_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵlistener("click", function SubTableComponent_div_6_div_2_Template_div_click_0_listener() { const ctx_r4 = i0.ɵɵrestoreView(_r4); const col_r6 = ctx_r4.$implicit; const i_r7 = ctx_r4.index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r2.config == null ? null : ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].action) ? ctx_r2.config == null ? null : ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].action(col_r6) : null); });
+    i0.ɵɵelementStart(1, "div", 17);
+    i0.ɵɵtemplate(2, SubTableComponent_div_6_div_2_p_2_Template, 2, 4, "p", 18)(3, SubTableComponent_div_6_div_2_3_Template, 1, 2, null, 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const i_r7 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c5, (ctx_r2.config == null ? null : ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style == null ? null : ctx_r2.config.colConfig[i_r7].style.width) || (ctx_r2.config == null ? null : ctx_r2.config.colHeaderConfig[i_r7] == null ? null : ctx_r2.config.colHeaderConfig[i_r7].style == null ? null : ctx_r2.config.colHeaderConfig[i_r7].style.width) || ""));
+    i0.ɵɵadvance();
+    i0.ɵɵstyleMap(ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(8, _c6, ctx_r2.config.colConfig[i_r7].action ? "pointer" : "default", (ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style == null ? null : ctx_r2.config.colConfig[i_r7].style.justifyContent) ? ctx_r2.config.colConfig[i_r7] == null ? null : ctx_r2.config.colConfig[i_r7].style == null ? null : ctx_r2.config.colConfig[i_r7].style.justifyContent : ctx_r2.config.colConfig[i_r7].type === "number" ? "flex-end" : "space-between"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.config.colConfig[i_r7].type !== "custom");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.config.colConfig[i_r7].type === "custom");
+} }
+function SubTableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 14);
+    i0.ɵɵtemplate(2, SubTableComponent_div_6_div_2_Template, 4, 11, "div", 15);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r9 = ctx.$implicit;
+    const i_r10 = ctx.index;
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c4, i_r10 % 2 === 0 ? "#FAFAFA" : null));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", row_r9);
+} }
+export class SubTableComponent {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.selectedPage = 1;
+        this.pages = [];
+        this.tableData = [];
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (this.config.paginationConfig) {
+            let height = this.table.nativeElement.offsetHeight;
+            this.renderer.setStyle(this.table.nativeElement, "height", height - 56 + "px");
+        }
+    }
+    // Main container related functions
+    getContainerHeight() {
+        if (this.config.height)
+            return this.config.height;
+        else
+            return "";
+    }
+    getContainerWidth() {
+        if (this.config.width)
+            return this.config.width;
+        else
+            return "";
+    }
+    // Column Headers related functions
+    getColHeadersRowHeight() {
+        if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {
+            return this.config.colHeadersRowConfig.height;
+        }
+        else
+            return "44px";
+    }
+    getColHeadersRowBorderTop() {
+        if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {
+            return this.config.colHeadersRowConfig.style?.borderTop;
+        }
+        else
+            return "";
+    }
+    getColHeadersRowBorderBottom() {
+        if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {
+            return this.config.colHeadersRowConfig.style?.borderBottom;
+        }
+        else
+            return "1px solid #E0E0E0";
+    }
+    static { this.ɵfac = function SubTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubTableComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubTableComponent, selectors: [["sub-table"]], viewQuery: function SubTableComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.table = _t.first);
+        } }, inputs: { config: "config", tableData: "tableData" }, decls: 7, vars: 12, consts: [["table", ""], ["id", "main-container", 3, "ngStyle"], ["id", "table-container"], ["id", "col-headers-container", 3, "ngStyle", 4, "ngIf"], ["itemSize", "50", "id", "data-container", 3, "minBufferPx", "maxBufferPx"], ["class", "row-wrapper", 3, "ngStyle", 4, "cdkVirtualFor", "cdkVirtualForOf"], ["id", "col-headers-container", 3, "ngStyle"], ["class", "col-header", 3, "style", "ngStyle", "click", 4, "ngFor", "ngForOf"], [1, "col-header", 3, "click", "ngStyle"], ["class", "col-header-text", 4, "ngIf"], [4, "ngIf"], [1, "col-header-text"], ["customTableCell", "", 3, "customComponent", "data"], [1, "row-wrapper", 3, "ngStyle"], [1, "t-row"], ["class", "t-col-container", 3, "ngStyle", "click", 4, "ngFor", "ngForOf"], [1, "t-col-container", 3, "click", "ngStyle"], [1, "t-col", 3, "ngStyle"], ["class", "t-col-text", 3, "ngStyle", 4, "ngIf"], [1, "t-col-text", 3, "ngStyle"]], template: function SubTableComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0);
+            i0.ɵɵtemplate(3, SubTableComponent_div_3_Template, 2, 6, "div", 3);
+            i0.ɵɵelementStart(4, "div")(5, "cdk-virtual-scroll-viewport", 4);
+            i0.ɵɵtemplate(6, SubTableComponent_div_6_Template, 3, 4, "div", 5);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(9, _c1, ctx.getContainerHeight(), ctx.getContainerWidth()));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", !!ctx.config.showHeader);
+            i0.ɵɵadvance(2);
+            i0.ɵɵstyleProp("overflow", "overlay")("height", ctx.config.dataContainerMaxHeight || "400px");
+            i0.ɵɵproperty("minBufferPx", ctx.config.dataContainerMaxHeight || "400")("maxBufferPx", ctx.config.dataContainerMaxHeight + 200 || "600");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("cdkVirtualForOf", ctx.tableData);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.CdkFixedSizeVirtualScroll, i2.CdkVirtualForOf, i2.CdkVirtualScrollViewport, i3.CustomTableCellDirective], styles: ["#main-container[_ngcontent-%COMP%]{font-family:Lato,sans-serif}#table-container[_ngcontent-%COMP%]{height:inherit}#col-headers-container[_ngcontent-%COMP%]{display:flex;background-color:#fff;height:36px;border-bottom:1px solid #e0e0e0}#data-container[_ngcontent-%COMP%]{overflow:scroll;width:100%}#data-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px}#data-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#9aa7b4}.col-header[_ngcontent-%COMP%]{height:100%;width:160px;display:flex;align-items:center;padding:0 16px}.col-header-text[_ngcontent-%COMP%]{font-style:normal;font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.25px;margin:0}.t-row[_ngcontent-%COMP%]{display:flex;align-items:center;height:36px;width:100%;border-bottom:1px solid #e0e0e0}.t-row[_ngcontent-%COMP%]:hover{background-color:#f1fdf8}.t-col-container[_ngcontent-%COMP%]{padding:0 16px;height:100%}.t-col[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%}.t-col-text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;align-items:center;letter-spacing:.2px;margin:0}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubTableComponent, [{
+        type: Component,
+        args: [{ selector: "sub-table", template: "<div\n  id=\"main-container\"\n  [ngStyle]=\"{\n    height: getContainerHeight(),\n    width: getContainerWidth()\n  }\"\n>\n  <div id=\"table-container\" #table>\n    <div\n      id=\"col-headers-container\"\n      *ngIf=\"!!config.showHeader\"\n      [ngStyle]=\"{\n        height: getColHeadersRowHeight(),\n        'border-top': getColHeadersRowBorderTop(),\n        'border-bottom': getColHeadersRowBorderBottom()\n      }\"\n    >\n      <div\n        class=\"col-header\"\n        (click)=\"colHeader?.action ? colHeader?.action(colHeader) : null\"\n        *ngFor=\"let colHeader of config?.colHeaderConfig\"\n        [style]=\"colHeader?.style\"\n        [ngStyle]=\"{\n          width: colHeader?.style?.width || '',\n          cursor: colHeader.action ? 'pointer' : 'default',\n          'justify-content': colHeader?.style?.justifyContent\n            ? colHeader?.style?.justifyContent\n            : colHeader.type === 'number'\n            ? 'flex-end'\n            : 'space-between'\n        }\"\n      >\n        <p *ngIf=\"colHeader?.type !== 'custom'\" class=\"col-header-text\">\n          {{ colHeader?.data || \" \" }}\n        </p>\n        <ng-template\n          *ngIf=\"colHeader?.type === 'custom'\"\n          customTableCell\n          [customComponent]=\"colHeader?.componentRef\"\n          [data]=\"colHeader.data\"\n        ></ng-template>\n      </div>\n    </div>\n    <div>\n      <cdk-virtual-scroll-viewport\n        [minBufferPx]=\"config.dataContainerMaxHeight || '400'\"\n        [maxBufferPx]=\"config.dataContainerMaxHeight + 200 || '600'\"\n        [style.overflow]=\"'overlay'\"\n        [style.height]=\"config.dataContainerMaxHeight || '400px'\"\n        itemSize=\"50\"\n        id=\"data-container\"\n      >\n        <div\n          class=\"row-wrapper\"\n          *cdkVirtualFor=\"let row of tableData; let i = index\"\n          [ngStyle]=\"{\n            backgroundColor: i % 2 === 0 ? '#FAFAFA' : null\n          }\"\n        >\n          <div class=\"t-row\">\n            <div\n              (click)=\"config?.colConfig[i]?.action ? config?.colConfig[i]?.action(col) : null\"\n              *ngFor=\"let col of row; let i = index\"\n              [ngStyle]=\"{\n                width: config?.colConfig[i]?.style?.width || config?.colHeaderConfig[i]?.style?.width || ''\n              }\"\n              class=\"t-col-container\"\n            >\n              <div\n                class=\"t-col\"\n                [style]=\"config.colConfig[i]?.style\"\n                [ngStyle]=\"{\n                  width: '100%',\n                  cursor: config.colConfig[i].action ? 'pointer' : 'default',\n                  'justify-content': config.colConfig[i]?.style?.justifyContent\n                    ? config.colConfig[i]?.style?.justifyContent\n                    : config.colConfig[i].type === 'number'\n                    ? 'flex-end'\n                    : 'space-between'\n                }\"\n              >\n                <p\n                  *ngIf=\"config.colConfig[i].type !== 'custom'\"\n                  [ngStyle]=\"{\n                    color: config?.colConfig[i]?.style?.color ? config?.colConfig[i]?.style?.color : ''\n                  }\"\n                  class=\"t-col-text\"\n                >\n                  {{ col }}\n                </p>\n                <ng-template\n                  *ngIf=\"config.colConfig[i].type === 'custom'\"\n                  [customComponent]=\"config.colConfig[i].componentRef\"\n                  [data]=\"col\"\n                  customTableCell\n                ></ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n      </cdk-virtual-scroll-viewport>\n    </div>\n  </div>\n</div>\n", styles: ["#main-container{font-family:Lato,sans-serif}#table-container{height:inherit}#col-headers-container{display:flex;background-color:#fff;height:36px;border-bottom:1px solid #e0e0e0}#data-container{overflow:scroll;width:100%}#data-container::-webkit-scrollbar{width:8px}#data-container::-webkit-scrollbar-thumb{background:#9aa7b4}.col-header{height:100%;width:160px;display:flex;align-items:center;padding:0 16px}.col-header-text{font-style:normal;font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.25px;margin:0}.t-row{display:flex;align-items:center;height:36px;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#f1fdf8}.t-col-container{padding:0 16px;height:100%}.t-col{display:flex;align-items:center;height:100%}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;align-items:center;letter-spacing:.2px;margin:0}\n"] }]
+    }], () => [{ type: i0.Renderer2 }], { config: [{
+            type: Input
+        }], tableData: [{
+            type: Input
+        }], table: [{
+            type: ViewChild,
+            args: ["table"]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubTableComponent, { className: "SubTableComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL3N1Yi10YWJsZS9zdWItdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvc3ViLXRhYmxlL3N1Yi10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBYyxLQUFLLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7SUNnQ2xHLDZCQUFnRTtJQUM5RCxZQUNGO0lBQUEsaUJBQUk7OztJQURGLGNBQ0Y7SUFERSx5RkFDRjs7OztJQUNBLGlHQUtDOzs7SUFEQyxBQURBLHlGQUEyQywyQkFDcEI7Ozs7SUF0QjNCLDhCQWNDO0lBWkMsb1NBQTRELElBQUksS0FBQztJQWdCakUsQUFIQSwwRUFBZ0UsNkRBUS9EO0lBQ0gsaUJBQU07OztJQXBCSiwrREFBMEI7SUFDMUIsa2RBUUU7SUFFRSxjQUFrQztJQUFsQyxxRkFBa0M7SUFJbkMsY0FBa0M7SUFBbEMscUZBQWtDOzs7SUE1QnpDLDhCQVFDO0lBQ0Msd0VBY0M7SUFXSCxpQkFBTTs7O0lBL0JKLGdLQUlFO0lBS3NCLGNBQTBCO0lBQTFCLHNGQUEwQjs7O0lBNkR4Qyw2QkFNQztJQUNDLFlBQ0Y7SUFBQSxpQkFBSTs7Ozs7O0lBTkYsd1pBRUU7SUFHRixjQUNGO0lBREUsdUNBQ0Y7Ozs7SUFDQSxpR0FLQzs7Ozs7O0lBRkMsQUFEQSw0RUFBb0QsZ0JBQ3hDOzs7O0lBakNsQiwrQkFPQztJQU5DLGdmQUE0RSxJQUFJLEtBQUM7SUFPakYsK0JBWUM7SUFVQyxBQVRBLDJFQU1DLDZEQVFBO0lBRUwsQUFERSxpQkFBTSxFQUNGOzs7O0lBbENKLDhhQUVFO0lBS0EsY0FBb0M7SUFBcEMs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LFdBQVc7MENBUVosTUFBTTtrQkFBZCxLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNjLEtBQUs7a0JBQXhCLFNBQVM7bUJBQUMsT0FBTzs7a0ZBTlAsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdWItdGFibGVcIixcbiAgdGVtcGxhdGVVcmw6IFwic3ViLXRhYmxlLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wic3ViLXRhYmxlLmNvbXBvbmVudC5jc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgU3ViVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBzZWxlY3RlZFBhZ2UgPSAxO1xuICBwYWdlczogQXJyYXk8bnVtYmVyPiA9IFtdO1xuXG4gIEBJbnB1dCgpIGNvbmZpZzogU3ViVGFibGVDb25maWcgfCBhbnk7XG4gIEBJbnB1dCgpIHRhYmxlRGF0YTogQXJyYXk8QXJyYXk8YW55Pj4gPSBbXTtcbiAgQFZpZXdDaGlsZChcInRhYmxlXCIpIHRhYmxlOiBFbGVtZW50UmVmIHwgYW55O1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAodGhpcy5jb25maWcucGFnaW5hdGlvbkNvbmZpZykge1xuICAgICAgbGV0IGhlaWdodCA9IHRoaXMudGFibGUubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudGFibGUubmF0aXZlRWxlbWVudCwgXCJoZWlnaHRcIiwgaGVpZ2h0IC0gNTYgKyBcInB4XCIpO1xuICAgIH1cbiAgfVxuXG4gIC8vIE1haW4gY29udGFpbmVyIHJlbGF0ZWQgZnVuY3Rpb25zXG4gIGdldENvbnRhaW5lckhlaWdodCgpIHtcbiAgICBpZiAodGhpcy5jb25maWcuaGVpZ2h0KSByZXR1cm4gdGhpcy5jb25maWcuaGVpZ2h0O1xuICAgIGVsc2UgcmV0dXJuIFwiXCI7XG4gIH1cbiAgZ2V0Q29udGFpbmVyV2lkdGgoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLndpZHRoKSByZXR1cm4gdGhpcy5jb25maWcud2lkdGg7XG4gICAgZWxzZSByZXR1cm4gXCJcIjtcbiAgfVxuXG4gIC8vIENvbHVtbiBIZWFkZXJzIHJlbGF0ZWQgZnVuY3Rpb25zXG4gIGdldENvbEhlYWRlcnNSb3dIZWlnaHQoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcgJiYgdGhpcy5jb25maWcuY29sSGVhZGVyc1Jvd0NvbmZpZy5oZWlnaHQpIHtcbiAgICAgIHJldHVybiB0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnLmhlaWdodDtcbiAgICB9IGVsc2UgcmV0dXJuIFwiNDRweFwiO1xuICB9XG4gIGdldENvbEhlYWRlcnNSb3dCb3JkZXJUb3AoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcgJiYgdGhpcy5jb25maWcuY29sSGVhZGVyc1Jvd0NvbmZpZy5zdHlsZT8uYm9yZGVyVG9wKSB7XG4gICAgICByZXR1cm4gdGhpcy5jb25maWcuY29sSGVhZGVyc1Jvd0NvbmZpZy5zdHlsZT8uYm9yZGVyVG9wO1xuICAgIH0gZWxzZSByZXR1cm4gXCJcIjtcbiAgfVxuICBnZXRDb2xIZWFkZXJzUm93Qm9yZGVyQm90dG9tKCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnICYmIHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcuc3R5bGU/LmJvcmRlckJvdHRvbSkge1xuICAgICAgcmV0dXJuIHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcuc3R5bGU/LmJvcmRlckJvdHRvbTtcbiAgICB9IGVsc2UgcmV0dXJuIFwiMXB4IHNvbGlkICNFMEUwRTBcIjtcbiAgfVxufVxuXG5leHBvcnQgaW50ZXJmYWNlIFN1YlRhYmxlQ29uZmlnIHtcbiAgaGVpZ2h0OiBzdHJpbmcgfCBcIjEwMCVcIjtcbiAgd2lkdGg6IHN0cmluZyB8IFwiMTAwJVwiO1xuICBkYXRhQ29udGFpbmVyTWF4SGVpZ2h0OiBzdHJpbmcgfCBcIjQwMHB4XCI7XG4gIHNob3dIZWFkZXI/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICByb3dDb25maWc6IFN1YlRhYmxlUm93Q29uZmlnIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgY29sSGVhZGVyQ29uZmlnPzogQXJyYXk8U3ViVGFibGVDb2xIZWFkZXJDb25maWc+O1xuICBjb2xDb25maWc6IEFycmF5PFN1YlRhYmxlQ29sQ29uZmlnPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdWJUYWJsZVJvd0NvbmZpZyB7XG4gIGhlaWdodD86IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gIHN0eWxlPzoge307XG59XG5leHBvcnQgaW50ZXJmYWNlIFN1YlRhYmxlQ29sSGVhZGVyQ29uZmlnIHtcbiAgdHlwZTogXCJ0ZXh0XCIgfCBcIm51bWJlclwiIHwgXCJjdXN0b21cIjtcbiAgZGF0YTogYW55O1xuICBjb21wb25lbnRSZWY/OiBhbnk7XG4gIHN0eWxlPzoge307XG4gIGFjdGlvbj86IGFueTtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgU3ViVGFibGVDb2xDb25maWcge1xuICB0eXBlOiBcInRleHRcIiB8IFwibnVtYmVyXCIgfCBcImN1c3RvbVwiO1xuICBjb21wb25lbnRSZWY/OiBhbnk7XG4gIHN0eWxlPzoge307XG4gIGFjdGlvbj86IGFueTtcbn1cbiIsIjxkaXZcbiAgaWQ9XCJtYWluLWNvbnRhaW5lclwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICBoZWlnaHQ6IGdldENvbnRhaW5lckhlaWdodCgpLFxuICAgIHdpZHRoOiBnZXRDb250YWluZXJXaWR0aCgpXG4gIH1cIlxuPlxuICA8ZGl2IGlkPVwidGFibGUtY29udGFpbmVyXCIgI3RhYmxlPlxuICAgIDxkaXZcbiAgICAgIGlkPVwiY29sLWhlYWRlcnMtY29udGFpbmVyXCJcbiAgICAgICpuZ0lmPVwiISFjb25maWcuc2hvd0hlYWRlclwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgIGhlaWdodDogZ2V0Q29sSGVhZGVyc1Jvd0hlaWdodCgpLFxuICAgICAgICAnYm9yZGVyLXRvcCc6IGdldENvbEhlYWRlcnNSb3dCb3JkZXJUb3AoKSxcbiAgICAgICAgJ2JvcmRlci1ib3R0b20nOiBnZXRDb2xIZWFkZXJzUm93Qm9yZGVyQm90dG9tKClcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2wtaGVhZGVyXCJcbiAgICAgICAgKGNsaWNrKT1cImNvbEhlYWRlcj8uYWN0aW9uID8gY29sSGVhZGVyPy5hY3Rpb24oY29sSGVhZGVyKSA6IG51bGxcIlxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sSGVhZGVyIG9mIGNvbmZpZz8uY29sSGVhZGVyQ29uZmlnXCJcbiAgICAgICAgW3N0eWxlXT1cImNvbEhlYWRlcj8uc3R5bGVcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgd2lkdGg6IGNvbEhlYWRlcj8uc3R5bGU/LndpZHRoIHx8ICcnLFxuICAgICAgICAgIGN1cnNvcjogY29sSGVhZGVyLmFjdGlvbiA/ICdwb2ludGVyJyA6ICdkZWZhdWx0JyxcbiAgICAgICAgICAnanVzdGlmeS1jb250ZW50JzogY29sSGVhZGVyPy5zdHlsZT8uanVzdGlmeUNvbnRlbnRcbiAgICAgICAgICAgID8gY29sSGVhZGVyPy5zdHlsZT8uanVzdGlmeUNvbnRlbnRcbiAgICAgICAgICAgIDogY29sSGVhZGVyLnR5cGUgPT09ICdudW1iZXInXG4gICAgICAgICAgICA/ICdmbGV4LWVuZCdcbiAgICAgICAgICAgIDogJ3NwYWNlLWJldHdlZW4nXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8cCAqbmdJZj1cImNvbEhlYWRlcj8udHlwZSAhPT0gJ2N1c3RvbSdcIiBjbGFzcz1cImNvbC1oZWFkZXItdGV4dFwiPlxuICAgICAgICAgIHt7IGNvbEhlYWRlcj8uZGF0YSB8fCBcIiBcIiB9fVxuICAgICAgICA8L3A+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICpuZ0lmPVwiY29sSGVhZGVyPy50eXBlID09PSAnY3VzdG9tJ1wiXG4gICAgICAgICAgY3VzdG9tVGFibGVDZWxsXG4gICAgICAgICAgW2N1c3RvbUNvbXBvbmVudF09XCJjb2xIZWFkZXI/LmNvbXBvbmVudFJlZlwiXG4gICAgICAgICAgW2RhdGFdPVwiY29sSGVhZGVyLmRhdGFcIlxuICAgICAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XG4gICAgICAgIFttaW5CdWZmZXJQeF09XCJjb25maWcuZGF0YUNvbnRhaW5lck1heEhlaWdodCB8fCAnNDAwJ1wiXG4gICAgICAgIFttYXhCdWZmZXJQeF09XCJjb25maWcuZGF0YUNvbnRhaW5lck1heEhlaWdodCArIDIwMCB8fCAnNjAwJ1wiXG4gICAgICAgIFtzdHlsZS5vdmVyZmxvd109XCInb3ZlcmxheSdcIlxuICAgICAgICBbc3R5bGUuaGVpZ2h0XT1cImNvbmZpZy5kYXRhQ29udGFpbmVyTWF4SGVpZ2h0IHx8ICc0MDBweCdcIlxuICAgICAgICBpdGVtU2l6ZT1cIjUwXCJcbiAgICAgICAgaWQ9XCJkYXRhLWNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInJvdy13cmFwcGVyXCJcbiAgICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCByb3cgb2YgdGFibGVEYXRhOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGkgJSAyID09PSAwID8gJyNGQUZBRkEnIDogbnVsbFxuICAgICAgICAgIH1cIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInQtcm93XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIChjbGljayk9XCJjb25maWc/LmNvbENvbmZpZ1tpXT8uYWN0aW9uID8gY29uZmlnPy5jb2xDb25maWdbaV0/LmFjdGlvbihjb2wpIDogbnVsbFwiXG4gICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBjb2wgb2Ygcm93OyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgIHdpZHRoOiBjb25maWc/LmNvbENvbmZpZ1tpXT8uc3R5bGU/LndpZHRoIHx8IGNvbmZpZz8uY29sSGVhZGVyQ29uZmlnW2ldPy5zdHlsZT8ud2lkdGggfHwgJydcbiAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwidC1jb2wtY29udGFpbmVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidC1jb2xcIlxuICAgICAgICAgICAgICAgIFtzdHlsZV09XCJjb25maWcuY29sQ29uZmlnW2ldPy5zdHlsZVwiXG4gICAgICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogY29uZmlnLmNvbENvbmZpZ1tpXS5hY3Rpb24gPyAncG9pbnRlcicgOiAnZGVmYXVsdCcsXG4gICAgICAgICAgICAgICAgICAnanVzdGlmeS1jb250ZW50JzogY29uZmlnLmNvbENvbmZpZ1tpXT8uc3R5bGU/Lmp1c3RpZnlDb250ZW50XG4gICAgICAgICAgICAgICAgICAgID8gY29uZmlnLmNvbENvbmZpZ1tpXT8uc3R5bGU/Lmp1c3RpZnlDb250ZW50XG4gICAgICAgICAgICAgICAgICAgIDogY29uZmlnLmNvbENvbmZpZ1tpXS50eXBlID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgICAgICAgICA/ICdmbGV4LWVuZCdcbiAgICAgICAgICAgICAgICAgICAgOiAnc3BhY2UtYmV0d2VlbidcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cImNvbmZpZy5jb2xDb25maWdbaV0udHlwZSAhPT0gJ2N1c3RvbSdcIlxuICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogY29uZmlnPy5jb2xDb25maWdbaV0/LnN0eWxlPy5jb2xvciA/IGNvbmZpZz8uY29sQ29uZmlnW2ldPy5zdHlsZT8uY29sb3IgOiAnJ1xuICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInQtY29sLXRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IGNvbCB9fVxuICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmNvbENvbmZpZ1tpXS50eXBlID09PSAnY3VzdG9tJ1wiXG4gICAgICAgICAgICAgICAgICBbY3VzdG9tQ29tcG9uZW50XT1cImNvbmZpZy5jb2xDb25maWdbaV0uY29tcG9uZW50UmVmXCJcbiAgICAgICAgICAgICAgICAgIFtkYXRhXT1cImNvbFwiXG4gICAgICAgICAgICAgICAgICBjdXN0b21UYWJsZUNlbGxcbiAgICAgICAgICAgICAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Nkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==