mis-crystal-design-system 2.9.6 → 2.9.7-v14

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

@@ -1,405 +0,0 @@
-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: ["@charset \"UTF-8\";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}#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: ["@charset \"UTF-8\";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}#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: ["@charset \"UTF-8\";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}#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 #181f33;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