mis-crystal-design-system 4.0.51 → 14.0.1

package/esm2020/table/filter/filter.component.mjs

@@ -0,0 +1,168 @@
+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"];
+function TableFilterComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = 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(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.updateFilter($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 17);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const filter_r5 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", true)("name", filter_r5.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(filter_r5.name);
+} }
+function TableFilterComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 11);
+} }
+function TableFilterComponent_div_11_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = 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(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.updateFilter($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const filter_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("checked", false)("name", filter_r8.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(filter_r8.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_r8 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !filter_r8.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;
+    }
+}
+TableFilterComponent.ɵfac = function TableFilterComponent_Factory(t) { return new (t || TableFilterComponent)(); };
+TableFilterComponent.ɵ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: 5, consts: [["id", "main-container", 3, "ngStyle"], ["mainContainer", ""], ["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", "style", "margin: 16px 0px", 4, "ngIf"], ["id", "no-results-container", 4, "ngIf"], [1, "separator", 2, "margin", "16px 0px"], ["id", "buttons-container"], ["id", "reset-btn", 2, "margin-right", "8px", 3, "click"], ["id", "apply-btn", 3, "click"], [1, "filter"], [3, "checked", "name", "valueChange"], [1, "filter-text"], ["class", "filter", 4, "ngIf"], ["id", "no-results-container"]], template: function TableFilterComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0, 1)(2, "div", 2)(3, "input", 3);
+        i0.ɵɵlistener("keyup", function TableFilterComponent_Template_input_keyup_3_listener($event) { return 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, 0, "div", 9);
+        i0.ɵɵelementStart(10, "div", 7);
+        i0.ɵɵtemplate(11, TableFilterComponent_div_11_Template, 2, 1, "div", 8);
+        i0.ɵɵtemplate(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() { return ctx.resetFilters(); });
+        i0.ɵɵtext(16, "Reset");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(17, "button", 14);
+        i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_17_listener() { return 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(1);
+        i0.ɵɵproperty("ngIf", ctx.getCheckedFilters().length && ctx.getCheckedFilters().length < ctx.filtersData.length);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.getFiltersBasedOnSearchValue());
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.getFiltersBasedOnSearchValue().length < 1);
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.CheckboxComponent], styles: ["#main-container[_ngcontent-%COMP%]{position:absolute;background:#ffffff;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:#ffffff;color:#0937b2}"] });
+(function () { (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\" style=\"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\" style=\"margin: 16px 0px\"></div>\n    <div id=\"buttons-container\">\n      <button id=\"reset-btn\" style=\"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:#ffffff;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:#ffffff;color:#0937b2}\n"] }]
+    }], function () { return []; }, { filtersData: [{
+            type: Input
+        }], containerStyles: [{
+            type: Input
+        }], filtersApplied: [{
+            type: Output
+        }], container: [{
+            type: ViewChild,
+            args: ["mainContainer"]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ2NoRywyQkFBZ0QsY0FBQSx1QkFBQTtJQUVTLHlMQUFlLGVBQUEsMkJBQW9CLENBQUEsSUFBQztJQUFDLGlCQUFlO0lBQ3pHLGdDQUEwQjtJQUFBLFlBQWlCO0lBQUEsaUJBQU8sRUFBQSxFQUFBOzs7SUFEcEMsZUFBZ0I7SUFBaEIsOEJBQWdCLHlCQUFBO0lBQ0osZUFBaUI7SUFBakIsb0NBQWlCOzs7SUFJakQsMEJBQTRJOzs7O0lBR3hJLCtCQUE0Qyx1QkFBQTtJQUNZLG1NQUFlLGVBQUEsNEJBQW9CLENBQUEsSUFBQztJQUFDLGlCQUFlO0lBQzFHLGdDQUEwQjtJQUFBLFlBQWlCO0lBQUEsaUJBQU8sRUFBQTs7O0lBRHBDLGVBQWlCO0lBQWpCLCtCQUFpQix5QkFBQTtJQUNMLGVBQWlCO0lBQWpCLG9DQUFpQjs7O0lBSC9DLDJCQUEyRDtJQUN6RCw2RUFHTTtJQUNSLGlCQUFNOzs7SUFKaUIsZUFBcUI7SUFBckIseUNBQXFCOzs7SUFLNUMsK0JBQWlGLGVBQUE7SUFDckQsZ0NBQWdCO0lBQUEsaUJBQU8sRUFBQTs7QUR2QnpELE1BQU0sT0FBTyxvQkFBb0I7SUFXL0I7UUFWUyxnQkFBVyxHQUFrQixFQUFFLENBQUM7UUFDaEMsb0JBQWUsR0FBUSxFQUFFLENBQUM7UUFFekIsbUJBQWMsR0FBRyxJQUFJLFlB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QUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMvRSxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7O3dGQXREVSxvQkFBb0I7dUVBQXBCLG9CQUFvQjs7Ozs7O1FDUGpDLGlDQUFvRSxhQUFBLGVBQUE7UUFFekQsc0dBQVMsNkJBQXlCLElBQUM7UUFBMUMsaUJBQThFO1FBQzlFLG1CQUFnSDtRQUFoSCw4QkFBZ0g7UUFDOUcsMEJBS0U7UUFDSixpQkFBTSxFQUFBO1FBRVIsb0JBQWlDO1FBQWpDLDhCQUFpQyxhQUFBO1FBRTdCLHFFQUtNO1FBQ1IsaUJBQU07UUFDTixxRUFBNEk7UUFDNUksK0JBQW1DO1FBQ2pDLHVFQUtNO1FBQ04sd0VBRU07UUFDUixpQkFBTTtRQUNOLDJCQUFzRDtRQUN0RCxnQ0FBNEIsa0JBQUE7UUFDdUIsa0dBQVMsa0JBQWMsSUFBQztRQUFDLHNCQUFLO1FBQUEsaUJBQVM7UUFDeEYsbUNBQWdEO1FBQXpCLGtHQUFTLGtCQUFjLElBQUM7UUFBQyxzQkFBSztRQUFBLGlCQUFTLEVBQUEsRUFBQSxFQUFBOztRQXBDNUIsNkNBQTJCO1FBY3JDLGVBQXNCO1FBQXRCLGlEQUFzQjtRQU9DLGVBQW1GO1FBQW5GLGdIQUFtRjtRQUUxRyxlQUFpQztRQUFqQyw0REFBaUM7UUFNekIsZUFBK0M7UUFBL0Msb0VBQStDOzt1RkR0QnhFLG9CQUFvQjtjQUxoQyxTQUFTOzJCQUNFLGtCQUFrQjtzQ0FLbkIsV0FBVztrQkFBbkIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFFSSxjQUFjO2tCQUF2QixNQUFNO1lBRXFCLFNBQVM7a0JBQXBDLFNBQVM7bUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtdGFibGUtZmlsdGVyXCIsXG4gIHRlbXBsYXRlVXJsOiBcImZpbHRlci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcImZpbHRlci5jb21wb25lbnQuY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlRmlsdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZmlsdGVyc0RhdGE6IEFycmF5PEZpbHRlcj4gPSBbXTtcbiAgQElucHV0KCkgY29udGFpbmVyU3R5bGVzOiBhbnkgPSB7fTtcblxuICBAT3V0cHV0KCkgZmlsdGVyc0FwcGxpZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBAVmlld0NoaWxkKFwibWFpbkNvbnRhaW5lclwiKSBjb250YWluZXI6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgZmlsdGVyc01hcDogYW55ID0ge307XG4gIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSBcIlwiO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcnNEYXRhLmZvckVhY2goZmlsdGVyID0+IHtcbiAgICAgIHRoaXMuZmlsdGVyc01hcFtmaWx0ZXIudmFsdWVdID0gZmlsdGVyO1xuICAgIH0pO1xuICB9XG4gIHJlc2V0RmlsdGVycygpIHtcbiAgICB0aGlzLmZpbHRlcnNEYXRhLmZvckVhY2goZmlsdGVyID0+IHtcbiAgICAgIHRoaXMuZmlsdGVyc01hcFtmaWx0ZXIudmFsdWVdLmNoZWNrZWQgPSBmYWxzZTtcbiAgICB9KTtcbiAgICB0aGlzLmZpbHRlcnNBcHBsaWVkLmVtaXQoW10pO1xuICB9XG4gIGFwcGx5RmlsdGVycygpIHtcbiAgICBsZXQgbGlzdCA9IE9iamVjdC52YWx1ZXModGhpcy5maWx0ZXJzTWFwKVxuICAgICAgLmZpbHRlcigoZmlsdGVyOiBGaWx0ZXIgfCBhbnkpID0+IGZpbHRlci5jaGVja2VkKVxuICAgICAgLm1hcCgoZmlsdGVyOiBGaWx0ZXIgfCBhbnkpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBuYW1lOiBmaWx0ZXIubmFtZSxcbiAgICAgICAgICB2YWx1ZTogZmlsdGVyLnZhbHVlXG4gICAgICAgIH07XG4gICAgICB9KTtcbiAgICB0aGlzLmZpbHRlcnNBcHBsaWVkLmVtaXQobGlzdCk7XG4gIH1cbiAgdXBkYXRlU2VhcmNoVmFsdWUoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuc2VhcmNoVmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XG4gIH1cbiAgdXBkYXRlRmlsdGVyKGRhdGE6IGFueSkge1xuICAgIGlmICh0aGlzLmZpbHRlcnNNYXBbZGF0YS5uYW1lXSkge1xuICAgICAgdGhpcy5maWx0ZXJzTWFwW2RhdGEubmFtZV0uY2hlY2tlZCA9ICF0aGlzLmZpbHRlcnNNYXBbZGF0YS5uYW1lXS5jaGVja2VkO1xuICAgIH1cbiAgfVxuICBnZXRGaWx0ZXJzQmFzZWRPblNlYXJjaFZhbHVlKCk6IEZpbHRlcltdIHwgYW55IHtcbiAgICBsZXQgbGlzdCA9IE9iamVjdC52YWx1ZXModGhpcy5maWx0ZXJzTWFwKTtcbiAgICBsaXN0ID0gbGlzdC5maWx0ZXIoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiB7XG4gICAgICByZXR1cm4gZmlsdGVyLm5hbWUubWF0Y2gobmV3IFJlZ0V4cCh0aGlzLnNlYXJjaFZhbHVlLCBcImlcIikpO1xuICAgIH0pO1xuICAgIHJldHVybiBsaXN0LnNvcnQodGhpcy5teVNvcnQpO1xuICB9XG4gIGdldENoZWNrZWRGaWx0ZXJzKCk6IEZpbHRlcltdIHwgYW55IHtcbiAgICBsZXQgbGlzdCA9IE9iamVjdC52YWx1ZXModGhpcy5maWx0ZXJzTWFwKTtcbiAgICBsaXN0ID0gbGlzdC5maWx0ZXIoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiBmaWx0ZXIuY2hlY2tlZCkuc29ydCh0aGlzLm15U29ydCk7XG4gICAgcmV0dXJuIGxpc3Q7XG4gIH1cbiAgbXlTb3J0ID0gKGE6IEZpbHRlciB8IGFueSwgYjogRmlsdGVyIHwgYW55KSA9PiB7XG4gICAgaWYgKGEubmFtZSA8IGIubmFtZSkgcmV0dXJuIC0xO1xuICAgIGVsc2UgaWYgKGIubmFtZSA8IGEubmFtZSkgcmV0dXJuIDE7XG4gICAgZWxzZSByZXR1cm4gMDtcbiAgfTtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgRmlsdGVyIHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xufVxuIiwiPGRpdiBpZD1cIm1haW4tY29udGFpbmVyXCIgI21haW5Db250YWluZXIgW25nU3R5bGVdPVwiY29udGFpbmVyU3R5bGVzXCI+XG4gIDxkaXYgaWQ9XCJzZWFyY2gtYmFyLWNvbnRhaW5lclwiPlxuICAgIDxpbnB1dCAoa2V5dXApPVwidXBkYXRlU2VhcmNoVmFsdWUoJGV2ZW50KVwiIHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJTZWFyY2hcIiAvPlxuICAgIDxzdmcgaWQ9XCJzZWFyY2gtaWNvblwiIHdpZHRoPVwiMThcIiBoZWlnaHQ9XCIxOFwiIHZpZXdCb3g9XCIwIDAgMTggMThcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xLjIxNDk2IDguMTQ1NjNDMS4yMTQ5NiA0LjMxNzkgNC4zMzcwOSAxLjIxMTY1IDguMTkyNDkgMS4yMTE2NUMxMi4wNDc5IDEuMjExNjUgMTUuMTcgNC4zMTc5IDE1LjE3IDguMTQ1NjNDMTUuMTcgOS42OTMwOCAxNC42NTk4IDExLjEyMjYgMTMuNzk3IDEyLjI3NjdMMTIuMzY4NCAxMy43MDEzQzExLjIwNDMgMTQuNTY2OCA5Ljc1ODkxIDE1LjA3OTYgOC4xOTI0OSAxNS4wNzk2QzQuMzM3MDkgMTUuMDc5NiAxLjIxNDk2IDExLjk3MzQgMS4yMTQ5NiA4LjE0NTYzWk0xMi45NDE5IDE0Ljc4MzVDMTEuNjAyIDE1LjczMjkgOS45NjI1OSAxNi4yOTEzIDguMTkyNDkgMTYuMjkxM0MzLjY2OTY1IDE2LjI5MTMgLTAuMDAwMTIyMDcgMTIuNjQ2MSAtMC4wMDAxMjIwNyA4LjE0NTYzQy0wLjAwMDEyMjA3IDMuNjQ1MTIgMy42Njk2NSAwIDguMTkyNDkgMEMxMi43MTUzIDAgMTYuMzg1MSAzLjY0NTEyIDE2LjM4NTEgOC4xNDU2M0MxNi4zODUxIDkuOTM3MTMgMTUuODAzNiAxMS41OTMxIDE0LjgxODMgMTIuOTM3NUwxNi44MzYgMTQuNDA0OEMxNy42NzA0IDE0LjkxMiAxOC43NTUzIDE1LjY1NDMgMTcuMjQ1MyAxNy4yMTVDMTUuNzM1MiAxOC43NzU2IDE1LjAwOTggMTcuNjY2MyAxNC40OTkgMTYuODM2NEwxMi45NDE5IDE0Ljc4MzVaXCJcbiAgICAgICAgZmlsbD1cIiM2QTczN0RcIlxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgPC9kaXY+XG4gIDxkaXYgaWQ9XCJmaWx0ZXJzLW1haW4tY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZpbHRlcnMtc3ViLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIGdldENoZWNrZWRGaWx0ZXJzKClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlclwiPlxuICAgICAgICAgIDxtaXMtY2hlY2tib3ggW2NoZWNrZWRdPVwidHJ1ZVwiIFtuYW1lXT1cImZpbHRlci52YWx1ZVwiICh2YWx1ZUNoYW5nZSk9XCJ1cGRhdGVGaWx0ZXIoJGV2ZW50KVwiPjwvbWlzLWNoZWNrYm94PlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj57eyBmaWx0ZXIubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCIgc3R5bGU9XCJtYXJnaW46IDE2cHggMHB4XCIgKm5nSWY9XCJnZXRDaGVja2VkRmlsdGVycygpLmxlbmd0aCAmJiBnZXRDaGVja2VkRmlsdGVycygpLmxlbmd0aCA8IGZpbHRlcnNEYXRhLmxlbmd0aFwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJzLXN1Yi1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBnZXRGaWx0ZXJzQmFzZWRPblNlYXJjaFZhbHVlKClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlclwiICpuZ0lmPVwiIWZpbHRlci5jaGVja2VkXCI+XG4gICAgICAgICAgPG1pcy1jaGVja2JveCBbY2hlY2tlZF09XCJmYWxzZVwiIFtuYW1lXT1cImZpbHRlci52YWx1ZVwiICh2YWx1ZUNoYW5nZSk9XCJ1cGRhdGVGaWx0ZXIoJGV2ZW50KVwiPjwvbWlzLWNoZWNrYm94PlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj57eyBmaWx0ZXIubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgaWQ9XCJuby1yZXN1bHRzLWNvbnRhaW5lclwiICpuZ0lmPVwiZ2V0RmlsdGVyc0Jhc2VkT25TZWFyY2hWYWx1ZSgpLmxlbmd0aCA8IDFcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItdGV4dFwiPk5vIG1hdGNoZXMgZm91bmQ8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCIgc3R5bGU9XCJtYXJnaW46IDE2cHggMHB4XCI+PC9kaXY+XG4gICAgPGRpdiBpZD1cImJ1dHRvbnMtY29udGFpbmVyXCI+XG4gICAgICA8YnV0dG9uIGlkPVwicmVzZXQtYnRuXCIgc3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDhweFwiIChjbGljayk9XCJyZXNldEZpbHRlcnMoKVwiPlJlc2V0PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGlkPVwiYXBwbHktYnRuXCIgKGNsaWNrKT1cImFwcGx5RmlsdGVycygpXCI+QXBwbHk8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/table/mis-crystal-design-system-table.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS10YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL21pcy1jcnlzdGFsLWRlc2lnbi1zeXN0ZW0tdGFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2020/table/public_api.mjs

@@ -0,0 +1,6 @@
+export { TableComponent } from "./table.component";
+export { SubTableComponent } from "./sub-table/sub-table.component";
+export { CustomTableCellDirective } from "./custom-table-cell.directive";
+export { TableModule } from "./table.module";
+export { TableFilterComponent } from "./filter/filter.component";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc3QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSBcIi4vdGFibGUuY29tcG9uZW50XCI7XG5leHBvcnQgeyBTdWJUYWJsZUNvbXBvbmVudCB9IGZyb20gXCIuL3N1Yi10YWJsZS9zdWItdGFibGUuY29tcG9uZW50XCI7XG5leHBvcnQgeyBDdXN0b21UYWJsZUNlbGxEaXJlY3RpdmUgfSBmcm9tIFwiLi9jdXN0b20tdGFibGUtY2VsbC5kaXJlY3RpdmVcIjtcbmV4cG9ydCB7IFRhYmxlTW9kdWxlIH0gZnJvbSBcIi4vdGFibGUubW9kdWxlXCI7XG5leHBvcnQgeyBUYWJsZUNvbmZpZywgUGFnaW5hdGlvbkNvbmZpZywgUm93Q29uZmlnLCBDb2xIZWFkZXJDb25maWcsIENvbENvbmZpZyB9IGZyb20gXCIuL3RhYmxlLmNvbXBvbmVudFwiO1xuZXhwb3J0IHsgU3ViVGFibGVDb25maWcsIFN1YlRhYmxlQ29sQ29uZmlnLCBTdWJUYWJsZUNvbEhlYWRlckNvbmZpZywgU3ViVGFibGVSb3dDb25maWcgfSBmcm9tIFwiLi9zdWItdGFibGUvc3ViLXRhYmxlLmNvbXBvbmVudFwiO1xuZXhwb3J0IHsgVGFibGVGaWx0ZXJDb21wb25lbnQgfSBmcm9tIFwiLi9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudFwiO1xuZXhwb3J0IHsgRmlsdGVyIH0gZnJvbSBcIi4vZmlsdGVyL2ZpbHRlci5jb21wb25lbnRcIjtcbiJdfQ==

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

@@ -0,0 +1,193 @@
+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"];
+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_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", (colHeader_r4 == null ? null : colHeader_r4.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_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("customComponent", colHeader_r4 == null ? null : colHeader_r4.componentRef)("data", colHeader_r4.data);
+} }
+const _c1 = function (a0, a1, a2) { return { width: a0, cursor: a1, "justify-content": a2 }; };
+function SubTableComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵlistener("click", function SubTableComponent_div_3_div_1_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r11); const colHeader_r4 = restoredCtx.$implicit; return i0.ɵɵresetView((colHeader_r4 == null ? null : colHeader_r4.action) ? colHeader_r4 == null ? null : colHeader_r4.action(colHeader_r4) : null); });
+    i0.ɵɵtemplate(1, SubTableComponent_div_3_div_1_p_1_Template, 2, 1, "p", 9);
+    i0.ɵɵtemplate(2, SubTableComponent_div_3_div_1_2_Template, 1, 2, null, 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const colHeader_r4 = ctx.$implicit;
+    i0.ɵɵstyleMap(colHeader_r4 == null ? null : colHeader_r4.style);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(5, _c1, (colHeader_r4 == null ? null : colHeader_r4.style == null ? null : colHeader_r4.style.width) || "", colHeader_r4.action ? "pointer" : "default", (colHeader_r4 == null ? null : colHeader_r4.style == null ? null : colHeader_r4.style.justifyContent) ? colHeader_r4 == null ? null : colHeader_r4.style == null ? null : colHeader_r4.style.justifyContent : colHeader_r4.type === "number" ? "flex-end" : "space-between"));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", (colHeader_r4 == null ? null : colHeader_r4.type) !== "custom");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", (colHeader_r4 == null ? null : colHeader_r4.type) === "custom");
+} }
+const _c2 = function (a0, a1, a2) { return { height: a0, "border-top": a1, "border-bottom": a2 }; };
+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_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(2, _c2, ctx_r1.getColHeadersRowHeight(), ctx_r1.getColHeadersRowBorderTop(), ctx_r1.getColHeadersRowBorderBottom()));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r1.config == null ? null : ctx_r1.config.colHeaderConfig);
+} }
+const _c3 = function (a0) { return { color: a0 }; };
+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_r19 = i0.ɵɵnextContext();
+    const i_r16 = ctx_r19.index;
+    const col_r15 = ctx_r19.$implicit;
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c3, (ctx_r17.config == null ? null : ctx_r17.config.colConfig[i_r16] == null ? null : ctx_r17.config.colConfig[i_r16].style == null ? null : ctx_r17.config.colConfig[i_r16].style.color) ? ctx_r17.config == null ? null : ctx_r17.config.colConfig[i_r16] == null ? null : ctx_r17.config.colConfig[i_r16].style == null ? null : ctx_r17.config.colConfig[i_r16].style.color : ""));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", col_r15, " ");
+} }
+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_r21 = i0.ɵɵnextContext();
+    const i_r16 = ctx_r21.index;
+    const col_r15 = ctx_r21.$implicit;
+    const ctx_r18 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("customComponent", ctx_r18.config.colConfig[i_r16].componentRef)("data", col_r15);
+} }
+const _c4 = function (a0) { return { width: a0 }; };
+const _c5 = function (a1, a2) { return { width: "100%", cursor: a1, "justify-content": a2 }; };
+function SubTableComponent_div_6_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵlistener("click", function SubTableComponent_div_6_div_2_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r23); const i_r16 = restoredCtx.index; const col_r15 = restoredCtx.$implicit; const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r22.config == null ? null : ctx_r22.config.colConfig[i_r16] == null ? null : ctx_r22.config.colConfig[i_r16].action) ? ctx_r22.config == null ? null : ctx_r22.config.colConfig[i_r16] == null ? null : ctx_r22.config.colConfig[i_r16].action(col_r15) : null); });
+    i0.ɵɵelementStart(1, "div", 17);
+    i0.ɵɵtemplate(2, SubTableComponent_div_6_div_2_p_2_Template, 2, 4, "p", 18);
+    i0.ɵɵtemplate(3, SubTableComponent_div_6_div_2_3_Template, 1, 2, null, 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const i_r16 = ctx.index;
+    const ctx_r14 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c4, (ctx_r14.config == null ? null : ctx_r14.config.colConfig[i_r16] == null ? null : ctx_r14.config.colConfig[i_r16].style == null ? null : ctx_r14.config.colConfig[i_r16].style.width) || (ctx_r14.config == null ? null : ctx_r14.config.colHeaderConfig[i_r16] == null ? null : ctx_r14.config.colHeaderConfig[i_r16].style == null ? null : ctx_r14.config.colHeaderConfig[i_r16].style.width) || ""));
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleMap(ctx_r14.config.colConfig[i_r16] == null ? null : ctx_r14.config.colConfig[i_r16].style);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(8, _c5, ctx_r14.config.colConfig[i_r16].action ? "pointer" : "default", (ctx_r14.config.colConfig[i_r16] == null ? null : ctx_r14.config.colConfig[i_r16].style == null ? null : ctx_r14.config.colConfig[i_r16].style.justifyContent) ? ctx_r14.config.colConfig[i_r16] == null ? null : ctx_r14.config.colConfig[i_r16].style == null ? null : ctx_r14.config.colConfig[i_r16].style.justifyContent : ctx_r14.config.colConfig[i_r16].type === "number" ? "flex-end" : "space-between"));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r14.config.colConfig[i_r16].type !== "custom");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r14.config.colConfig[i_r16].type === "custom");
+} }
+const _c6 = function (a0) { return { backgroundColor: a0 }; };
+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_r12 = ctx.$implicit;
+    const i_r13 = ctx.index;
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c6, i_r13 % 2 === 0 ? "#FAFAFA" : null));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", row_r12);
+} }
+const _c7 = function (a0, a1) { return { height: a0, width: a1 }; };
+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";
+    }
+}
+SubTableComponent.ɵfac = function SubTableComponent_Factory(t) { return new (t || SubTableComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
+SubTableComponent.ɵ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: [["id", "main-container", 3, "ngStyle"], ["id", "table-container"], ["table", ""], ["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, "ngStyle", "click"], ["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, "ngStyle", "click"], [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", 0)(1, "div", 1, 2);
+        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, _c7, 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(1);
+        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}"] });
+(function () { (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"] }]
+    }], function () { return [{ type: i0.Renderer2 }]; }, { config: [{
+            type: Input
+        }], tableData: [{
+            type: Input
+        }], table: [{
+            type: ViewChild,
+            args: ["table"]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL3N1Yi10YWJsZS9zdWItdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvc3ViLXRhYmxlL3N1Yi10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBYyxLQUFLLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ2dDbEcsNkJBQWdFO0lBQzlELFlBQ0Y7SUFBQSxpQkFBSTs7O0lBREYsZUFDRjtJQURFLHlGQUNGOzs7O0lBQ0EsaUdBS2U7OztJQUZiLHlGQUEyQywyQkFBQTs7Ozs7SUFyQi9DLDhCQWNDO0lBWkMsK0xBQVMsbUdBQW9CLGlDQUE0QixHQUFHLElBQUksQ0FBQSxJQUFDO0lBYWpFLDBFQUVJO0lBQ0osMEVBS2U7SUFDakIsaUJBQU07OztJQXBCSiwrREFBMEI7SUFDMUIsa2RBUUU7SUFFRSxlQUFrQztJQUFsQyxxRkFBa0M7SUFJbkMsZUFBa0M7SUFBbEMscUZBQWtDOzs7O0lBNUJ6Qyw4QkFRQztJQUNDLHdFQXdCTTtJQUNSLGlCQUFNOzs7SUEvQkosZ0tBSUU7SUFLc0IsZUFBMEI7SUFBMUIsc0ZBQTBCOzs7O0lBNkR4Qyw2QkFNQztJQUNDLFlBQ0Y7SUFBQSxpQkFBSTs7Ozs7O0lBTkYsc2FBRUU7SUFHRixlQUNGO0lBREUsd0NBQ0Y7Ozs7SUFDQSxpR0FLZTs7Ozs7O0lBSGIsOEVBQW9ELGlCQUFBOzs7Ozs7SUFoQzFELCtCQU9DO0lBTkMsZ1FBQVMsNE5BQStCLCtDQUFpQyxHQUFHLElBQUksQ0FBQSxJQUFDO0lBT2pGLCtCQVlDO0lBQ0MsMkVBUUk7SUFDSiwwRUFLZTtJQUNqQixpQkFBTSxFQUFBOzs7O0lB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a0JBQXhCLFNBQVM7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgUmVuZGVyZXIyLCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3ViLXRhYmxlXCIsXG4gIHRlbXBsYXRlVXJsOiBcInN1Yi10YWJsZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcInN1Yi10YWJsZS5jb21wb25lbnQuY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFN1YlRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgc2VsZWN0ZWRQYWdlID0gMTtcbiAgcGFnZXM6IEFycmF5PG51bWJlcj4gPSBbXTtcblxuICBASW5wdXQoKSBjb25maWc6IFN1YlRhYmxlQ29uZmlnIHwgYW55O1xuICBASW5wdXQoKSB0YWJsZURhdGE6IEFycmF5PEFycmF5PGFueT4+ID0gW107XG4gIEBWaWV3Q2hpbGQoXCJ0YWJsZVwiKSB0YWJsZTogRWxlbWVudFJlZiB8IGFueTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLnBhZ2luYXRpb25Db25maWcpIHtcbiAgICAgIGxldCBoZWlnaHQgPSB0aGlzLnRhYmxlLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRhYmxlLm5hdGl2ZUVsZW1lbnQsIFwiaGVpZ2h0XCIsIGhlaWdodCAtIDU2ICsgXCJweFwiKTtcbiAgICB9XG4gIH1cblxuICAvLyBNYWluIGNvbnRhaW5lciByZWxhdGVkIGZ1bmN0aW9uc1xuICBnZXRDb250YWluZXJIZWlnaHQoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmhlaWdodCkgcmV0dXJuIHRoaXMuY29uZmlnLmhlaWdodDtcbiAgICBlbHNlIHJldHVybiBcIlwiO1xuICB9XG4gIGdldENvbnRhaW5lcldpZHRoKCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy53aWR0aCkgcmV0dXJuIHRoaXMuY29uZmlnLndpZHRoO1xuICAgIGVsc2UgcmV0dXJuIFwiXCI7XG4gIH1cblxuICAvLyBDb2x1bW4gSGVhZGVycyByZWxhdGVkIGZ1bmN0aW9uc1xuICBnZXRDb2xIZWFkZXJzUm93SGVpZ2h0KCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnICYmIHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcuaGVpZ2h0KSB7XG4gICAgICByZXR1cm4gdGhpcy5jb25maWcuY29sSGVhZGVyc1Jvd0NvbmZpZy5oZWlnaHQ7XG4gICAgfSBlbHNlIHJldHVybiBcIjQ0cHhcIjtcbiAgfVxuICBnZXRDb2xIZWFkZXJzUm93Qm9yZGVyVG9wKCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnICYmIHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcuc3R5bGU/LmJvcmRlclRvcCkge1xuICAgICAgcmV0dXJuIHRoaXMuY29uZmlnLmNvbEhlYWRlcnNSb3dDb25maWcuc3R5bGU/LmJvcmRlclRvcDtcbiAgICB9IGVsc2UgcmV0dXJuIFwiXCI7XG4gIH1cbiAgZ2V0Q29sSGVhZGVyc1Jvd0JvcmRlckJvdHRvbSgpIHtcbiAgICBpZiAodGhpcy5jb25maWcuY29sSGVhZGVyc1Jvd0NvbmZpZyAmJiB0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnLnN0eWxlPy5ib3JkZXJCb3R0b20pIHtcbiAgICAgIHJldHVybiB0aGlzLmNvbmZpZy5jb2xIZWFkZXJzUm93Q29uZmlnLnN0eWxlPy5ib3JkZXJCb3R0b207XG4gICAgfSBlbHNlIHJldHVybiBcIjFweCBzb2xpZCAjRTBFMEUwXCI7XG4gIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdWJUYWJsZUNvbmZpZyB7XG4gIGhlaWdodDogc3RyaW5nIHwgXCIxMDAlXCI7XG4gIHdpZHRoOiBzdHJpbmcgfCBcIjEwMCVcIjtcbiAgZGF0YUNvbnRhaW5lck1heEhlaWdodDogc3RyaW5nIHwgXCI0MDBweFwiO1xuICBzaG93SGVhZGVyPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgcm93Q29uZmlnOiBTdWJUYWJsZVJvd0NvbmZpZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gIGNvbEhlYWRlckNvbmZpZz86IEFycmF5PFN1YlRhYmxlQ29sSGVhZGVyQ29uZmlnPjtcbiAgY29sQ29uZmlnOiBBcnJheTxTdWJUYWJsZUNvbENvbmZpZz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ViVGFibGVSb3dDb25maWcge1xuICBoZWlnaHQ/OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsO1xuICBzdHlsZT86IHt9O1xufVxuZXhwb3J0IGludGVyZmFjZSBTdWJUYWJsZUNvbEhlYWRlckNvbmZpZyB7XG4gIHR5cGU6IFwidGV4dFwiIHwgXCJudW1iZXJcIiB8IFwiY3VzdG9tXCI7XG4gIGRhdGE6IGFueTtcbiAgY29tcG9uZW50UmVmPzogYW55O1xuICBzdHlsZT86IHt9O1xuICBhY3Rpb24/OiBhbnk7XG59XG5leHBvcnQgaW50ZXJmYWNlIFN1YlRhYmxlQ29sQ29uZmlnIHtcbiAgdHlwZTogXCJ0ZXh0XCIgfCBcIm51bWJlclwiIHwgXCJjdXN0b21cIjtcbiAgY29tcG9uZW50UmVmPzogYW55O1xuICBzdHlsZT86IHt9O1xuICBhY3Rpb24/OiBhbnk7XG59XG4iLCI8ZGl2XG4gIGlkPVwibWFpbi1jb250YWluZXJcIlxuICBbbmdTdHlsZV09XCJ7XG4gICAgaGVpZ2h0OiBnZXRDb250YWluZXJIZWlnaHQoKSxcbiAgICB3aWR0aDogZ2V0Q29udGFpbmVyV2lkdGgoKVxuICB9XCJcbj5cbiAgPGRpdiBpZD1cInRhYmxlLWNvbnRhaW5lclwiICN0YWJsZT5cbiAgICA8ZGl2XG4gICAgICBpZD1cImNvbC1oZWFkZXJzLWNvbnRhaW5lclwiXG4gICAgICAqbmdJZj1cIiEhY29uZmlnLnNob3dIZWFkZXJcIlxuICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICBoZWlnaHQ6IGdldENvbEhlYWRlcnNSb3dIZWlnaHQoKSxcbiAgICAgICAgJ2JvcmRlci10b3AnOiBnZXRDb2xIZWFkZXJzUm93Qm9yZGVyVG9wKCksXG4gICAgICAgICdib3JkZXItYm90dG9tJzogZ2V0Q29sSGVhZGVyc1Jvd0JvcmRlckJvdHRvbSgpXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiY29sLWhlYWRlclwiXG4gICAgICAgIChjbGljayk9XCJjb2xIZWFkZXI/LmFjdGlvbiA/IGNvbEhlYWRlcj8uYWN0aW9uKGNvbEhlYWRlcikgOiBudWxsXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGNvbEhlYWRlciBvZiBjb25maWc/LmNvbEhlYWRlckNvbmZpZ1wiXG4gICAgICAgIFtzdHlsZV09XCJjb2xIZWFkZXI/LnN0eWxlXCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgIHdpZHRoOiBjb2xIZWFkZXI/LnN0eWxlPy53aWR0aCB8fCAnJyxcbiAgICAgICAgICBjdXJzb3I6IGNvbEhlYWRlci5hY3Rpb24gPyAncG9pbnRlcicgOiAnZGVmYXVsdCcsXG4gICAgICAgICAgJ2p1c3RpZnktY29udGVudCc6IGNvbEhlYWRlcj8uc3R5bGU/Lmp1c3RpZnlDb250ZW50XG4gICAgICAgICAgICA/IGNvbEhlYWRlcj8uc3R5bGU/Lmp1c3RpZnlDb250ZW50XG4gICAgICAgICAgICA6IGNvbEhlYWRlci50eXBlID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgPyAnZmxleC1lbmQnXG4gICAgICAgICAgICA6ICdzcGFjZS1iZXR3ZWVuJ1xuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPHAgKm5nSWY9XCJjb2xIZWFkZXI/LnR5cGUgIT09ICdjdXN0b20nXCIgY2xhc3M9XCJjb2wtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgICB7eyBjb2xIZWFkZXI/LmRhdGEgfHwgXCIgXCIgfX1cbiAgICAgICAgPC9wPlxuICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAqbmdJZj1cImNvbEhlYWRlcj8udHlwZSA9PT0gJ2N1c3RvbSdcIlxuICAgICAgICAgIGN1c3RvbVRhYmxlQ2VsbFxuICAgICAgICAgIFtjdXN0b21Db21wb25lbnRdPVwiY29sSGVhZGVyPy5jb21wb25lbnRSZWZcIlxuICAgICAgICAgIFtkYXRhXT1cImNvbEhlYWRlci5kYXRhXCJcbiAgICAgICAgPjwvbmctdGVtcGxhdGU+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2PlxuICAgICAgPGNkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydFxuICAgICAgICBbbWluQnVmZmVyUHhdPVwiY29uZmlnLmRhdGFDb250YWluZXJNYXhIZWlnaHQgfHwgJzQwMCdcIlxuICAgICAgICBbbWF4QnVmZmVyUHhdPVwiY29uZmlnLmRhdGFDb250YWluZXJNYXhIZWlnaHQgKyAyMDAgfHwgJzYwMCdcIlxuICAgICAgICBbc3R5bGUub3ZlcmZsb3ddPVwiJ292ZXJsYXknXCJcbiAgICAgICAgW3N0eWxlLmhlaWdodF09XCJjb25maWcuZGF0YUNvbnRhaW5lck1heEhlaWdodCB8fCAnNDAwcHgnXCJcbiAgICAgICAgaXRlbVNpemU9XCI1MFwiXG4gICAgICAgIGlkPVwiZGF0YS1jb250YWluZXJcIlxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJyb3ctd3JhcHBlclwiXG4gICAgICAgICAgKmNka1ZpcnR1YWxGb3I9XCJsZXQgcm93IG9mIHRhYmxlRGF0YTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBpICUgMiA9PT0gMCA/ICcjRkFGQUZBJyA6IG51bGxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0LXJvd1wiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY29uZmlnPy5jb2xDb25maWdbaV0/LmFjdGlvbiA/IGNvbmZpZz8uY29sQ29uZmlnW2ldPy5hY3Rpb24oY29sKSA6IG51bGxcIlxuICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29sIG9mIHJvdzsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICB3aWR0aDogY29uZmlnPy5jb2xDb25maWdbaV0/LnN0eWxlPy53aWR0aCB8fCBjb25maWc/LmNvbEhlYWRlckNvbmZpZ1tpXT8uc3R5bGU/LndpZHRoIHx8ICcnXG4gICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICBjbGFzcz1cInQtY29sLWNvbnRhaW5lclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cInQtY29sXCJcbiAgICAgICAgICAgICAgICBbc3R5bGVdPVwiY29uZmlnLmNvbENvbmZpZ1tpXT8uc3R5bGVcIlxuICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICAgICAgICBjdXJzb3I6IGNvbmZpZy5jb2xDb25maWdbaV0uYWN0aW9uID8gJ3BvaW50ZXInIDogJ2RlZmF1bHQnLFxuICAgICAgICAgICAgICAgICAgJ2p1c3RpZnktY29udGVudCc6IGNvbmZpZy5jb2xDb25maWdbaV0/LnN0eWxlPy5qdXN0aWZ5Q29udGVudFxuICAgICAgICAgICAgICAgICAgICA/IGNvbmZpZy5jb2xDb25maWdbaV0/LnN0eWxlPy5qdXN0aWZ5Q29udGVudFxuICAgICAgICAgICAgICAgICAgICA6IGNvbmZpZy5jb2xDb25maWdbaV0udHlwZSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgICAgICAgPyAnZmxleC1lbmQnXG4gICAgICAgICAgICAgICAgICAgIDogJ3NwYWNlLWJldHdlZW4nXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8cFxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJjb25maWcuY29sQ29uZmlnW2ldLnR5cGUgIT09ICdjdXN0b20nXCJcbiAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGNvbmZpZz8uY29sQ29uZmlnW2ldPy5zdHlsZT8uY29sb3IgPyBjb25maWc/LmNvbENvbmZpZ1tpXT8uc3R5bGU/LmNvbG9yIDogJydcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0LWNvbC10ZXh0XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyBjb2wgfX1cbiAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgICAqbmdJZj1cImNvbmZpZy5jb2xDb25maWdbaV0udHlwZSA9PT0gJ2N1c3RvbSdcIlxuICAgICAgICAgICAgICAgICAgW2N1c3RvbUNvbXBvbmVudF09XCJjb25maWcuY29sQ29uZmlnW2ldLmNvbXBvbmVudFJlZlwiXG4gICAgICAgICAgICAgICAgICBbZGF0YV09XCJjb2xcIlxuICAgICAgICAgICAgICAgICAgY3VzdG9tVGFibGVDZWxsXG4gICAgICAgICAgICAgICAgPjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=