mis-crystal-design-system 2.9.7-v14-1 → 2.9.8

package/fesm2015/mis-crystal-design-system-table.js

@@ -0,0 +1,405 @@
+import { EventEmitter, Component, Renderer2, Output, ViewChild, ViewChildren, Input, Directive, ViewContainerRef, ComponentFactoryResolver, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CheckboxModule } from 'mis-crystal-design-system/checkbox';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+class TableComponent {
+    constructor(renderer) {
+        this.renderer = renderer;
+        // Filter related variables
+        this.showFilter = false;
+        this.filterName = "";
+        this.filterData = [];
+        this.filterContainerStyles = {};
+        this.appliedFilters = {};
+        this.filtersUpdated = new EventEmitter();
+        // Pagination related variables
+        this.pages = [];
+        this.pageSelected = new EventEmitter();
+        this.tableData = [];
+        this.subTableData = [];
+    }
+    ngOnInit() {
+        this.tableLength = [].concat(...this.tableData).length;
+        this.initializeFilters();
+        if (this.config.paginationConfig) {
+            this.initializePagination();
+        }
+        if (this.config.canScrollHorizontally === undefined) {
+            this.config.canScrollHorizontally = false;
+        }
+        document.addEventListener("click", event => {
+            if (this.filter) {
+                let isCheckBoxClicked = true;
+                let targetElement = event.target;
+                if (targetElement.className === "checkmark") {
+                    isCheckBoxClicked = true;
+                    this.showFilter = true;
+                }
+                let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);
+                if (!isClickInsideElement && !isCheckBoxClicked) {
+                    this.toggleFilter(this.filterName);
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        if (this.config.paginationConfig) {
+            let height = this.table.nativeElement.offsetHeight;
+            this.renderer.setStyle(this.table.nativeElement, "height", height - 56 + "px");
+        }
+    }
+    ngOnChanges() {
+        this.tableLength = [].concat(...this.tableData).length;
+    }
+    // Filter related functions
+    initializeFilters() {
+        var _a;
+        for (let colHeader of (_a = this.config) === null || _a === void 0 ? void 0 : _a.colHeaderConfig) {
+            if (colHeader.filters) {
+                let filters = [];
+                for (let filter of colHeader.filters) {
+                    if (filter.checked) {
+                        filters.push({
+                            name: filter.name,
+                            value: filter.value
+                        });
+                    }
+                }
+                if (filters.length > 0)
+                    this.appliedFilters[colHeader.data] = filters;
+            }
+        }
+    }
+    toggleFilter(filterName) {
+        if (!this.showFilter) {
+            this.filterName = filterName;
+            this.showFilter = true;
+            let offSet = 0;
+            let colHeadersReversed = this.colHeaders.toArray().reverse();
+            for (let header of colHeadersReversed) {
+                if (header.nativeElement.innerText === filterName)
+                    break;
+                offSet += header.nativeElement.offsetWidth;
+            }
+            this.filterContainerStyles = {
+                top: "44px",
+                right: offSet > 0 ? offSet - 116 + "px" : "12px"
+            };
+        }
+        else {
+            this.filterName = "";
+            this.filterData = [];
+            this.showFilter = false;
+        }
+    }
+    updateAppliedFilters(appliedFilters) {
+        if (appliedFilters.length == 0) {
+            delete this.appliedFilters[this.filterName];
+        }
+        else {
+            this.appliedFilters[this.filterName] = appliedFilters;
+        }
+        this.filtersUpdated.emit(Object.assign({}, this.appliedFilters));
+        this.toggleFilter(this.filterName);
+    }
+    // Pagination related functions
+    initializePagination() {
+        if (this.config.paginationConfig) {
+            let len = this.config.paginationConfig.noOfPages;
+            if (len <= 7) {
+                for (let i = 1; i <= len; i++) {
+                    this.pages.push(i);
+                }
+            }
+            else {
+                this.pages = [1, 2, 3, 4, 0, len];
+            }
+        }
+    }
+    updateSelectedPage(pageNumber) {
+        var _a;
+        if (pageNumber < 1 || pageNumber > this.config.paginationConfig.noOfPages)
+            return;
+        this.config.paginationConfig.selectedPage = pageNumber;
+        let len = this.config.paginationConfig.noOfPages;
+        if (len > 7) {
+            if (pageNumber - 2 <= 1) {
+                this.pages = [1, 2, 3, 4, 0, len];
+            }
+            else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {
+                this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];
+            }
+            else if (pageNumber + 2 >= len) {
+                this.pages = [1, 0, len - 3, len - 2, len - 1, len];
+            }
+        }
+        this.pageSelected.emit((_a = this.config.paginationConfig) === null || _a === void 0 ? void 0 : _a.selectedPage);
+    }
+    // Main container related functions
+    getContainerHeight() {
+        var _a;
+        if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.height)
+            return this.config.height;
+        else
+            return "";
+    }
+    getContainerWidth() {
+        var _a;
+        if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a, _b;
+        if (this.config.colHeadersRowConfig && ((_a = this.config.colHeadersRowConfig.style) === null || _a === void 0 ? void 0 : _a.borderTop)) {
+            return (_b = this.config.colHeadersRowConfig.style) === null || _b === void 0 ? void 0 : _b.borderTop;
+        }
+        else
+            return "";
+    }
+    getColHeadersRowBorderBottom() {
+        var _a, _b;
+        if (this.config.colHeadersRowConfig && ((_a = this.config.colHeadersRowConfig.style) === null || _a === void 0 ? void 0 : _a.borderBottom)) {
+            return (_b = this.config.colHeadersRowConfig.style) === null || _b === void 0 ? void 0 : _b.borderBottom;
+        }
+        else
+            return "1px solid #E0E0E0";
+    }
+}
+TableComponent.decorators = [
+    { type: Component, args: [{
+                selector: "mis-table",
+                template: "<div\n  [ngStyle]=\"{\n    height: getContainerHeight(),\n    width: getContainerWidth(),\n    'overflow-x': config.canScrollHorizontally ? 'auto' : 'unset'\n  }\"\n  id=\"main-container\"\n>\n  <mis-table-filter\n    #filter\n    (filtersApplied)=\"updateAppliedFilters($event)\"\n    *ngIf=\"showFilter\"\n    [containerStyles]=\"filterContainerStyles\"\n    [filtersData]=\"filterData\"\n  ></mis-table-filter>\n  <div\n    #table\n    id=\"table-container\"\n    [ngClass]=\"{ 'no-scrollbar': expandedIndex < 0, scrollbar: !(expandedIndex < 0), 'scroll-horizontally': config.canScrollHorizontally }\"\n  >\n    <div\n      [ngStyle]=\"{\n        'min-height': getColHeadersRowHeight(),\n        'border-top': getColHeadersRowBorderTop(),\n        'border-bottom': getColHeadersRowBorderBottom()\n      }\"\n      id=\"col-headers-container\"\n    >\n      <div\n        #colHeaderRef\n        (click)=\"colHeader?.action ? colHeader?.action(colHeader) : null\"\n        *ngFor=\"let colHeader of config?.colHeaderConfig\"\n        class=\"col-header\"\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        <span\n          (click)=\"filterData = colHeader.filters; toggleFilter(colHeader.data); $event.stopPropagation()\"\n          *ngIf=\"colHeader?.type !== 'custom' && colHeader?.filters && colHeader?.filters?.length > 0\"\n          class=\"filter-icon\"\n        >\n          <span *ngIf=\"appliedFilters[colHeader.data]?.length > 0\" id=\"filter-active\"></span>\n          <svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              clip-rule=\"evenodd\"\n              d=\"M4.97546 10H7.64213V8H4.97546V10ZM0.308472 0V2H12.3085V0H0.308472ZM2.30847 6H10.3085V4H2.30847V6Z\"\n              fill=\"#181F33\"\n              fill-rule=\"evenodd\"\n            />\n          </svg>\n        </span>\n        <ng-template\n          *ngIf=\"colHeader?.type === 'custom'\"\n          [customComponent]=\"colHeader?.componentRef\"\n          [data]=\"colHeader.data\"\n          customTableCell\n        ></ng-template>\n      </div>\n    </div>\n    <div id=\"data-container\">\n      <div class=\"row-wrapper\" *ngFor=\"let row of tableData; let i = index\">\n        <div\n          class=\"t-row\"\n          [ngClass]=\"{ 't-row-hover': config.cellHover }\"\n          [ngStyle]=\"{ 'min-height': config?.rowConfig?.height ? config.rowConfig.height : '44px' }\"\n        >\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            [ngClass]=\"{ 't-col-container-hover': config.cellHover }\"\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 *ngIf=\"config?.canExpand && expandedIndex === i\" class=\"sub-row\">\n          <ng-container *ngIf=\"subTableDataLoading\">\n            <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">Loading...</div>\n          </ng-container>\n          <ng-container *ngIf=\"!subTableDataLoading && subTableData.length === 0\">\n            <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">No Data Available...</div>\n          </ng-container>\n          <ng-container *ngIf=\"!subTableDataLoading && subTableData.length > 0\">\n            <sub-table [config]=\"subTableconfig\" [tableData]=\"subTableData\"></sub-table>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    *ngIf=\"config?.paginationConfig && (tableLength >= config.paginationConfig.rowsPerPage || config.paginationConfig?.selectedPage !== 1)\"\n    id=\"pagination-container\"\n  >\n    <p id=\"pagination-text\">\n      Showing\n      {{ (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + 1 }}-{{\n        (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + tableLength\n      }}\n      of {{ config.paginationConfig.totalNoOfRows }} items\n    </p>\n    <div id=\"pages-container\">\n      <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage - 1)\" class=\"page\">\n        <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            clip-rule=\"evenodd\"\n            d=\"M0.857405 5.56295C0.855794 5.56139 0.854188 5.55982 0.852588 5.55824C0.695955 5.40408 0.617641 5.20203 0.617647 4.99998C0.617641 4.79793 0.695955 4.59588 0.852588 4.44172C0.854188 4.44014 0.855794 4.43858 0.857404 4.43702L5.13066 0.231231C5.44392 -0.0770771 5.9518 -0.0770771 6.26506 0.231231C6.57831 0.53954 6.57831 1.03941 6.26506 1.34772L2.5542 4.99998L6.26506 8.65225C6.57831 8.96055 6.57831 9.46042 6.26506 9.76873C5.9518 10.077 5.44392 10.077 5.13066 9.76873L0.857405 5.56295Z\"\n            fill=\"#181F33\"\n            fill-rule=\"evenodd\"\n          />\n        </svg>\n      </span>\n      <div *ngFor=\"let pageNumber of pages\">\n        <span\n          (click)=\"updateSelectedPage(pageNumber)\"\n          *ngIf=\"pageNumber != 0\"\n          [ngClass]=\"{ 'page-active': pageNumber == config.paginationConfig?.selectedPage }\"\n          class=\"page\"\n          >{{ pageNumber }}</span\n        >\n        <span *ngIf=\"pageNumber == 0\" class=\"page-seperator\">\n          <div style=\"display: flex\">\n            <span class=\"dot\" style=\"margin-right: 4px\"></span>\n            <span class=\"dot\" style=\"margin-right: 4px\"></span>\n            <span class=\"dot\"></span>\n          </div>\n        </span>\n      </div>\n      <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage + 1)\" class=\"page\">\n        <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            clip-rule=\"evenodd\"\n            d=\"M6.1426 5.56295C6.14421 5.56139 6.14581 5.55982 6.14741 5.55824C6.30405 5.40408 6.38236 5.20203 6.38236 4.99998C6.38236 4.79793 6.30405 4.59588 6.14741 4.44172C6.14581 4.44014 6.14421 4.43858 6.1426 4.43702L1.86934 0.231231C1.55608 -0.0770771 1.0482 -0.0770771 0.734942 0.231231C0.421688 0.53954 0.421688 1.03941 0.734942 1.34772L4.4458 4.99998L0.734941 8.65225C0.421686 8.96055 0.421686 9.46042 0.734941 9.76873C1.0482 10.077 1.55608 10.077 1.86934 9.76873L6.1426 5.56295Z\"\n            fill=\"#181F33\"\n            fill-rule=\"evenodd\"\n          />\n        </svg>\n      </span>\n    </div>\n  </div>\n</div>\n",
+                styles: ["#main-container{font-family:Lato,sans-serif;position:relative}.no-scrollbar::-webkit-scrollbar{width:0}.scrollbar::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container{height:inherit;overflow-y:auto}.scroll-horizontally{height:inherit;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container{display:flex;align-items:center;position:-webkit-sticky;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header{padding:0 16px;height:100%}.col-header,.col-header-text{display:flex;align-items:center}.col-header-text{font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.2px;margin:0}.filter-icon{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row{height:auto;border-bottom:none}.loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#0937b2}.t-row{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#f1fdf8}.t-col-container{padding:0 16px}.t-row-hover:hover{background-color:transparent}.t-col-container-hover:hover{background-color:#e6ebf7}.t-col-container-hover:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover{border-right:1px solid #e0e0e0}.t-col{height:100%}.t-col,.t-col-text{display:flex;align-items:center}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;margin:0}#pagination-container{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container{display:flex;margin-right:32px}.page{border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;cursor:pointer}.page,.page-seperator{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active{color:#0937b2;border:1px solid #0937b2}"]
+            },] }
+];
+TableComponent.ctorParameters = () => [
+    { type: Renderer2 }
+];
+TableComponent.propDecorators = {
+    filtersUpdated: [{ type: Output }],
+    filter: [{ type: ViewChild, args: ["filter",] }],
+    colHeaders: [{ type: ViewChildren, args: ["colHeaderRef",] }],
+    pageSelected: [{ type: Output }],
+    config: [{ type: Input, args: ["tableConfig",] }],
+    subTableconfig: [{ type: Input }],
+    tableDataLoading: [{ type: Input }],
+    expandedIndex: [{ type: Input }],
+    tableData: [{ type: Input }],
+    subTableData: [{ type: Input }],
+    subTableDataLoading: [{ type: Input }],
+    table: [{ type: ViewChild, args: ["table",] }]
+};
+
+class CustomTableCellDirective {
+    constructor(viewContainerRef, componentFactoryResolver) {
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    set customComponent(value) {
+        this.component = value;
+        this.createComponent();
+    }
+    set data(value) {
+        this.cellData = value;
+        if (this.ref) {
+            this.ref.instance.data = this.cellData;
+        }
+    }
+    createComponent() {
+        if (this.component) {
+            const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);
+            this.viewContainerRef.clear();
+            this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);
+            this.setData();
+        }
+    }
+    setData() {
+        this.ref.instance.data = this.cellData;
+    }
+}
+CustomTableCellDirective.decorators = [
+    { type: Directive, args: [{
+                selector: "[customTableCell]"
+            },] }
+];
+CustomTableCellDirective.ctorParameters = () => [
+    { type: ViewContainerRef },
+    { type: ComponentFactoryResolver }
+];
+CustomTableCellDirective.propDecorators = {
+    customComponent: [{ type: Input }],
+    data: [{ type: Input }]
+};
+
+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() {
+        var _a, _b;
+        if (this.config.colHeadersRowConfig && ((_a = this.config.colHeadersRowConfig.style) === null || _a === void 0 ? void 0 : _a.borderTop)) {
+            return (_b = this.config.colHeadersRowConfig.style) === null || _b === void 0 ? void 0 : _b.borderTop;
+        }
+        else
+            return "";
+    }
+    getColHeadersRowBorderBottom() {
+        var _a, _b;
+        if (this.config.colHeadersRowConfig && ((_a = this.config.colHeadersRowConfig.style) === null || _a === void 0 ? void 0 : _a.borderBottom)) {
+            return (_b = this.config.colHeadersRowConfig.style) === null || _b === void 0 ? void 0 : _b.borderBottom;
+        }
+        else
+            return "1px solid #E0E0E0";
+    }
+}
+SubTableComponent.decorators = [
+    { 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;padding:0 16px}.col-header,.col-header-text{display:flex;align-items:center}.col-header-text{font-style:normal;font-weight:700;font-size:14px;line-height:20px;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{height:100%}.t-col,.t-col-text{display:flex;align-items:center}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:.2px;margin:0}"]
+            },] }
+];
+SubTableComponent.ctorParameters = () => [
+    { type: Renderer2 }
+];
+SubTableComponent.propDecorators = {
+    config: [{ type: Input }],
+    tableData: [{ type: Input }],
+    table: [{ type: ViewChild, args: ["table",] }]
+};
+
+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.decorators = [
+    { 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:#fff;z-index:2;right:calc(50% - 128px);width:256px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);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:1px solid #000;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:1px solid #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}"]
+            },] }
+];
+TableFilterComponent.ctorParameters = () => [];
+TableFilterComponent.propDecorators = {
+    filtersData: [{ type: Input }],
+    containerStyles: [{ type: Input }],
+    filtersApplied: [{ type: Output }],
+    container: [{ type: ViewChild, args: ["mainContainer",] }]
+};
+
+class TableModule {
+    static forRoot() {
+        return { ngModule: TableModule, providers: [] };
+    }
+}
+TableModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],
+                imports: [CommonModule, CheckboxModule, ScrollingModule],
+                exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomTableCellDirective, TableComponent, TableFilterComponent, TableModule, SubTableComponent as ɵa };
+//# sourceMappingURL=mis-crystal-design-system-table.js.map

package/fesm2015/mis-crystal-design-system-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-table.js","sources":["../../../projects/mis-components/table/table.component.ts","../../../projects/mis-components/table/custom-table-cell.directive.ts","../../../projects/mis-components/table/sub-table/sub-table.component.ts","../../../projects/mis-components/table/filter/filter.component.ts","../../../projects/mis-components/table/table.module.ts","../../../projects/mis-components/table/mis-crystal-design-system-table.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewChildren\n} from \"@angular/core\";\nimport { Filter, TableFilterComponent } from \"./filter/filter.component\";\n\n@Component({\n  selector: \"mis-table\",\n  templateUrl: \"table.component.html\",\n  styleUrls: [\"table.component.css\"]\n})\nexport class TableComponent implements OnInit, AfterViewInit, OnChanges {\n  // Filter related variables\n  showFilter: boolean = false;\n  filterName: string = \"\";\n  filterData: Array<Filter> = [];\n  filterContainerStyles: any = {};\n  appliedFilters: { [key: string]: Array<{ name: string; value: string }> } = {};\n  @Output() filtersUpdated = new EventEmitter<{\n    [key: string]: Array<{ name: string; value: string }>;\n  }>();\n\n  @ViewChild(\"filter\") filter: TableFilterComponent | any;\n  @ViewChildren(\"colHeaderRef\") colHeaders: QueryList<ElementRef> | any;\n\n  // Pagination related variables\n  pages: Array<number> = [];\n  tableLength: number;\n  @Output() pageSelected = new EventEmitter<number>();\n\n  @Input(\"tableConfig\") config: TableConfig | any;\n  @Input() subTableconfig: TableConfig | any;\n  @Input() tableDataLoading: boolean | any;\n  @Input() expandedIndex: number | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @Input() subTableData: Array<Array<any>> = [];\n  @Input() subTableDataLoading: boolean | any;\n  @ViewChild(\"table\") table: ElementRef | any;\n\n  constructor(private renderer: Renderer2) { }\n\n  ngOnInit(): void {\n    this.tableLength = [].concat(...this.tableData).length;\n    this.initializeFilters();\n    if (this.config.paginationConfig) {\n      this.initializePagination();\n    }\n    if (this.config.canScrollHorizontally === undefined) {\n      this.config.canScrollHorizontally = false;\n    }\n    document.addEventListener(\"click\", event => {\n      if (this.filter) {\n        let isCheckBoxClicked = true;\n        let targetElement = event.target as HTMLSpanElement;\n        if (targetElement.className === \"checkmark\") {\n          isCheckBoxClicked = true;\n          this.showFilter = true;\n        }\n        let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);\n        if (!isClickInsideElement && !isCheckBoxClicked) {\n          this.toggleFilter(this.filterName);\n        }\n      }\n    });\n  }\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n  ngOnChanges() {\n    this.tableLength = [].concat(...this.tableData).length;\n  }\n\n  // Filter related functions\n  initializeFilters() {\n    for (let colHeader of this.config?.colHeaderConfig) {\n      if (colHeader.filters) {\n        let filters = [];\n        for (let filter of colHeader.filters) {\n          if (filter.checked) {\n            filters.push({\n              name: filter.name,\n              value: filter.value\n            });\n          }\n        }\n        if (filters.length > 0) this.appliedFilters[colHeader.data] = filters;\n      }\n    }\n  }\n  toggleFilter(filterName: string) {\n    if (!this.showFilter) {\n      this.filterName = filterName;\n      this.showFilter = true;\n\n      let offSet = 0;\n      let colHeadersReversed = this.colHeaders.toArray().reverse();\n\n      for (let header of colHeadersReversed) {\n        if (header.nativeElement.innerText === filterName) break;\n        offSet += header.nativeElement.offsetWidth;\n      }\n      this.filterContainerStyles = {\n        top: \"44px\",\n        right: offSet > 0 ? offSet - 116 + \"px\" : \"12px\"\n      };\n    } else {\n      this.filterName = \"\";\n      this.filterData = [];\n      this.showFilter = false;\n    }\n  }\n  updateAppliedFilters(appliedFilters: Array<{ name: string; value: string }>) {\n    if (appliedFilters.length == 0) {\n      delete this.appliedFilters[this.filterName];\n    } else {\n      this.appliedFilters[this.filterName] = appliedFilters;\n    }\n    this.filtersUpdated.emit({ ...this.appliedFilters });\n    this.toggleFilter(this.filterName);\n  }\n\n  // Pagination related functions\n  initializePagination() {\n    if (this.config.paginationConfig) {\n      let len = this.config.paginationConfig.noOfPages;\n      if (len <= 7) {\n        for (let i = 1; i <= len; i++) {\n          this.pages.push(i);\n        }\n      } else {\n        this.pages = [1, 2, 3, 4, 0, len];\n      }\n    }\n  }\n  updateSelectedPage(pageNumber: number) {\n    if (pageNumber < 1 || pageNumber > this.config.paginationConfig.noOfPages) return;\n    this.config.paginationConfig.selectedPage = pageNumber;\n    let len = this.config.paginationConfig.noOfPages;\n    if (len > 7) {\n      if (pageNumber - 2 <= 1) {\n        this.pages = [1, 2, 3, 4, 0, len];\n      } else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {\n        this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];\n      } else if (pageNumber + 2 >= len) {\n        this.pages = [1, 0, len - 3, len - 2, len - 1, len];\n      }\n    }\n    this.pageSelected.emit(this.config.paginationConfig?.selectedPage);\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config?.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config?.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface TableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  paginationConfig?: PaginationConfig | undefined | null;\n  colHeadersRowConfig: RowConfig | undefined | null;\n  rowConfig: RowConfig | undefined | null;\n  colHeaderConfig: Array<ColHeaderConfig>;\n  colConfig: Array<ColConfig>;\n  canExpand?: boolean;\n  canScrollHorizontally?: boolean;\n  cellHover?: boolean;\n}\nexport interface PaginationConfig {\n  noOfPages: number;\n  rowsPerPage: number;\n  totalNoOfRows: number;\n  selectedPage?: number;\n}\nexport interface RowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface ColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  filters?: Array<Filter> | null;\n  style?: {};\n  action?: any;\n}\nexport interface ColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from \"@angular/core\";\n\n@Directive({\n  selector: \"[customTableCell]\"\n})\nexport class CustomTableCellDirective {\n  private ref: any;\n  private component: any;\n  private cellData: any;\n\n  @Input() set customComponent(value: any) {\n    this.component = value;\n    this.createComponent();\n  }\n  @Input() set data(value: any) {\n    this.cellData = value;\n    if (this.ref) {\n      this.ref.instance.data = this.cellData;\n    }\n  }\n\n  constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {}\n\n  createComponent() {\n    if (this.component) {\n      const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);\n      this.viewContainerRef.clear();\n      this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);\n      this.setData();\n    }\n  }\n  setData() {\n    this.ref.instance.data = this.cellData;\n  }\n}\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"sub-table\",\n  templateUrl: \"sub-table.component.html\",\n  styleUrls: [\"sub-table.component.css\"]\n})\nexport class SubTableComponent implements OnInit, AfterViewInit {\n  selectedPage = 1;\n  pages: Array<number> = [];\n\n  @Input() config: SubTableConfig | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @ViewChild(\"table\") table: ElementRef | any;\n  constructor(private renderer: Renderer2) {}\n\n  ngOnInit() {}\n\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface SubTableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  dataContainerMaxHeight: string | \"400px\";\n  showHeader?: boolean | undefined;\n  rowConfig: SubTableRowConfig | undefined | null;\n  colHeaderConfig?: Array<SubTableColHeaderConfig>;\n  colConfig: Array<SubTableColConfig>;\n}\n\nexport interface SubTableRowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface SubTableColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\nexport interface SubTableColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"mis-table-filter\",\n  templateUrl: \"filter.component.html\",\n  styleUrls: [\"filter.component.css\"]\n})\nexport class TableFilterComponent implements OnInit {\n  @Input() filtersData: Array<Filter> = [];\n  @Input() containerStyles: any = {};\n\n  @Output() filtersApplied = new EventEmitter<any>();\n\n  @ViewChild(\"mainContainer\") container: ElementRef | undefined;\n\n  filtersMap: any = {};\n  searchValue: string = \"\";\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value] = filter;\n    });\n  }\n  resetFilters() {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value].checked = false;\n    });\n    this.filtersApplied.emit([]);\n  }\n  applyFilters() {\n    let list = Object.values(this.filtersMap)\n      .filter((filter: Filter | any) => filter.checked)\n      .map((filter: Filter | any) => {\n        return {\n          name: filter.name,\n          value: filter.value\n        };\n      });\n    this.filtersApplied.emit(list);\n  }\n  updateSearchValue(event: any) {\n    this.searchValue = event.target.value;\n  }\n  updateFilter(data: any) {\n    if (this.filtersMap[data.name]) {\n      this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;\n    }\n  }\n  getFiltersBasedOnSearchValue(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => {\n      return filter.name.match(new RegExp(this.searchValue, \"i\"));\n    });\n    return list.sort(this.mySort);\n  }\n  getCheckedFilters(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => filter.checked).sort(this.mySort);\n    return list;\n  }\n  mySort = (a: Filter | any, b: Filter | any) => {\n    if (a.name < b.name) return -1;\n    else if (b.name < a.name) return 1;\n    else return 0;\n  };\n}\nexport interface Filter {\n  name: string;\n  value: string;\n  checked: boolean;\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { TableComponent } from \"./table.component\";\nimport { CustomTableCellDirective } from \"./custom-table-cell.directive\";\nimport { SubTableComponent } from \"./sub-table/sub-table.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { TableFilterComponent } from \"./filter/filter.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { ScrollingModule } from \"@angular/cdk/scrolling\";\n\n@NgModule({\n  declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],\n  imports: [CommonModule, CheckboxModule, ScrollingModule],\n  exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]\n})\nexport class TableModule {\n  static forRoot(): ModuleWithProviders<TableModule> {\n    return { ngModule: TableModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SubTableComponent as ɵa} from './sub-table/sub-table.component';"],"names":[],"mappings":"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"}