npm - mis-crystal-design-system - Versions diffs - 2.9.5 → 2.9.6-test - Mend

mis-crystal-design-system 2.9.5 → 2.9.6-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/bundles/mis-crystal-design-system-table.umd.min.js CHANGED Viewed

@@ -1,4 +1,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("mis-crystal-design-system/checkbox"),require("@angular/cdk/scrolling")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/table",["exports","@angular/core","@angular/common","mis-crystal-design-system/checkbox","@angular/cdk/scrolling"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].table={}),e.ng.core,e.ng.common,e["mis-crystal-design-system"].checkbox,e.ng.cdk.scrolling)}(this,(function(e,t,n,i,o){"use strict";
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("mis-crystal-design-system/checkbox"),require("@angular/cdk/scrolling")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/table",["exports","@angular/core","@angular/common","mis-crystal-design-system/checkbox","@angular/cdk/scrolling"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].table={}),e.ng.core,e.ng.common,e["mis-crystal-design-system"].checkbox,e.ng.cdk.scrolling)}(this,(function(e,o,n,t,i){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function r(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function a(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function l(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(a(arguments[t]));return e}Object.create;var s=function(){function e(e){this.renderer=e,this.showFilter=!1,this.filterName="",this.filterData=[],this.filterContainerStyles={},this.appliedFilters={},this.filtersUpdated=new t.EventEmitter,this.pages=[],this.pageSelected=new t.EventEmitter,this.tableData=[],this.subTableData=[]}return e.prototype.ngOnInit=function(){var e=this;this.tableLength=[].concat.apply([],l(this.tableData)).length,this.initializeFilters(),this.config.paginationConfig&&this.initializePagination(),void 0===this.config.canScrollHorizontally&&(this.config.canScrollHorizontally=!1),document.addEventListener("click",(function(t){if(e.filter){var n=!0;"checkmark"===t.target.className&&(n=!0,e.showFilter=!0),e.filter.container.nativeElement.contains(t.target)||n||e.toggleFilter(e.filterName)}}))},e.prototype.ngAfterViewInit=function(){if(this.config.paginationConfig){var e=this.table.nativeElement.offsetHeight;this.renderer.setStyle(this.table.nativeElement,"height",e-56+"px")}},e.prototype.ngOnChanges=function(){this.tableLength=[].concat.apply([],l(this.tableData)).length},e.prototype.initializeFilters=function(){var e,t,n,i,o;try{for(var a=r(null===(o=this.config)||void 0===o?void 0:o.colHeaderConfig),l=a.next();!l.done;l=a.next()){var s=l.value;if(s.filters){var c=[];try{for(var d=(n=void 0,r(s.filters)),g=d.next();!g.done;g=d.next()){var p=g.value;p.checked&&c.push({name:p.name,value:p.value})}}catch(e){n={error:e}}finally{try{g&&!g.done&&(i=d.return)&&i.call(d)}finally{if(n)throw n.error}}c.length>0&&(this.appliedFilters[s.data]=c)}}}catch(t){e={error:t}}finally{try{l&&!l.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}},e.prototype.toggleFilter=function(e){var t,n;if(this.showFilter)this.filterName="",this.filterData=[],this.showFilter=!1;else{this.filterName=e,this.showFilter=!0;var i=0,o=this.colHeaders.toArray().reverse();try{for(var a=r(o),l=a.next();!l.done;l=a.next()){var s=l.value;if(s.nativeElement.innerText===e)break;i+=s.nativeElement.offsetWidth}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}this.filterContainerStyles={top:"44px",right:i>0?i-116+"px":"12px"}}},e.prototype.updateAppliedFilters=function(e){0==e.length?delete this.appliedFilters[this.filterName]:this.appliedFilters[this.filterName]=e,this.filtersUpdated.emit(Object.assign({},this.appliedFilters)),this.toggleFilter(this.filterName)},e.prototype.initializePagination=function(){if(this.config.paginationConfig){var e=this.config.paginationConfig.noOfPages;if(e<=7)for(var t=1;t<=e;t++)this.pages.push(t);else this.pages=[1,2,3,4,0,e]}},e.prototype.updateSelectedPage=function(e){var t;if(!(e<1||e>this.config.paginationConfig.noOfPages)){this.config.paginationConfig.selectedPage=e;var n=this.config.paginationConfig.noOfPages;n>7&&(e-2<=1?this.pages=[1,2,3,4,0,n]:e-2>1&&e+2<n?this.pages=[1,0,e-1,e,e+1,0,n]:e+2>=n&&(this.pages=[1,0,n-3,n-2,n-1,n])),this.pageSelected.emit(null===(t=this.config.paginationConfig)||void 0===t?void 0:t.selectedPage)}},e.prototype.getContainerHeight=function(){var e;return(null===(e=this.config)||void 0===e?void 0:e.height)?this.config.height:""},e.prototype.getContainerWidth=function(){var e;return(null===(e=this.config)||void 0===e?void 0:e.width)?this.config.width:""},e.prototype.getColHeadersRowHeight=function(){return this.config.colHeadersRowConfig&&this.config.colHeadersRowConfig.height?this.config.colHeadersRowConfig.height:"44px"},e.prototype.getColHeadersRowBorderTop=function(){var e,t;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderTop)?null===(t=this.config.colHeadersRowConfig.style)||void 0===t?void 0:t.borderTop:""},e.prototype.getColHeadersRowBorderBottom=function(){var e,t;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderBottom)?null===(t=this.config.colHeadersRowConfig.style)||void 0===t?void 0:t.borderBottom:"1px solid #E0E0E0"},e}();s.decorators=[{type:t.Component,args:[{selector:"mis-table",template:'<div\n  [ngStyle]="{\n    height: getContainerHeight(),\n    width: getContainerWidth(),\n    \'overflow-x\': config.canScrollHorizontally ? \'auto\' : \'unset\'\n  }"\n  id="main-container"\n>\n  <mis-table-filter\n    #filter\n    (filtersApplied)="updateAppliedFilters($event)"\n    *ngIf="showFilter"\n    [containerStyles]="filterContainerStyles"\n    [filtersData]="filterData"\n  ></mis-table-filter>\n  <div\n    #table\n    id="table-container"\n    [ngClass]="{ \'no-scrollbar\': expandedIndex < 0, scrollbar: !(expandedIndex < 0), \'scroll-horizontally\': config.canScrollHorizontally }"\n  >\n    <div\n      [ngStyle]="{\n        \'min-height\': getColHeadersRowHeight(),\n        \'border-top\': getColHeadersRowBorderTop(),\n        \'border-bottom\': getColHeadersRowBorderBottom()\n      }"\n      id="col-headers-container"\n    >\n      <div\n        #colHeaderRef\n        (click)="colHeader?.action ? colHeader?.action(colHeader) : null"\n        *ngFor="let colHeader of config?.colHeaderConfig"\n        class="col-header"\n        [ngStyle]="{\n          width: colHeader?.style?.width || \'\',\n          cursor: colHeader.action ? \'pointer\' : \'default\',\n          \'justify-content\': colHeader?.style?.justifyContent\n            ? colHeader?.style?.justifyContent\n            : colHeader.type === \'number\'\n            ? \'flex-end\'\n            : \'space-between\'\n        }"\n      >\n        <p *ngIf="colHeader?.type !== \'custom\'" class="col-header-text">\n          {{ colHeader?.data || " " }}\n        </p>\n        <span\n          (click)="filterData = colHeader.filters; toggleFilter(colHeader.data); $event.stopPropagation()"\n          *ngIf="colHeader?.type !== \'custom\' && colHeader?.filters && colHeader?.filters?.length > 0"\n          class="filter-icon"\n        >\n          <span *ngIf="appliedFilters[colHeader.data]?.length > 0" id="filter-active"></span>\n          <svg fill="none" height="10" viewBox="0 0 13 10" width="13" xmlns="http://www.w3.org/2000/svg">\n            <path\n              clip-rule="evenodd"\n              d="M4.97546 10H7.64213V8H4.97546V10ZM0.308472 0V2H12.3085V0H0.308472ZM2.30847 6H10.3085V4H2.30847V6Z"\n              fill="#181F33"\n              fill-rule="evenodd"\n            />\n          </svg>\n        </span>\n        <ng-template\n          *ngIf="colHeader?.type === \'custom\'"\n          [customComponent]="colHeader?.componentRef"\n          [data]="colHeader.data"\n          customTableCell\n        ></ng-template>\n      </div>\n    </div>\n    <div id="data-container">\n      <div class="row-wrapper" *ngFor="let row of tableData; let i = index">\n        <div\n          class="t-row"\n          [ngClass]="{ \'t-row-hover\': config.cellHover }"\n          [ngStyle]="{ \'min-height\': config?.rowConfig?.height ? config.rowConfig.height : \'44px\' }"\n        >\n          <div\n            (click)="config?.colConfig[i]?.action ? config?.colConfig[i]?.action(col) : null"\n            *ngFor="let col of row; let i = index"\n            [ngStyle]="{\n              width: config?.colConfig[i]?.style?.width || config?.colHeaderConfig[i]?.style?.width || \'\'\n            }"\n            class="t-col-container"\n            [ngClass]="{ \'t-col-container-hover\': config.cellHover }"\n          >\n            <div\n              class="t-col"\n              [style]="config.colConfig[i]?.style"\n              [ngStyle]="{\n                width: \'100%\',\n                cursor: config.colConfig[i]?.action ? \'pointer\' : \'default\',\n                \'justify-content\': config.colConfig[i]?.style?.justifyContent\n                  ? config.colConfig[i]?.style?.justifyContent\n                  : config.colConfig[i]?.type === \'number\'\n                  ? \'flex-end\'\n                  : \'space-between\'\n              }"\n            >\n              <p\n                *ngIf="config.colConfig[i]?.type !== \'custom\'"\n                [ngStyle]="{\n                  color: config?.colConfig[i]?.style?.color ? config?.colConfig[i]?.style?.color : \'\'\n                }"\n                class="t-col-text"\n              >\n                {{ col }}\n              </p>\n              <ng-template\n                *ngIf="config.colConfig[i]?.type === \'custom\'"\n                [customComponent]="config.colConfig[i].componentRef"\n                [data]="col"\n                customTableCell\n              ></ng-template>\n            </div>\n          </div>\n        </div>\n        <div *ngIf="config?.canExpand && expandedIndex === i" class="sub-row">\n          <ng-container *ngIf="subTableDataLoading">\n            <div style="display: flex; justify-content: center; align-items: center; padding: 16px">Loading...</div>\n          </ng-container>\n          <ng-container *ngIf="!subTableDataLoading && subTableData.length === 0">\n            <div style="display: flex; justify-content: center; align-items: center; padding: 16px">No Data Available...</div>\n          </ng-container>\n          <ng-container *ngIf="!subTableDataLoading && subTableData.length > 0">\n            <sub-table [config]="subTableconfig" [tableData]="subTableData"></sub-table>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    *ngIf="config?.paginationConfig && (tableLength >= config.paginationConfig.rowsPerPage || config.paginationConfig?.selectedPage !== 1)"\n    id="pagination-container"\n  >\n    <p id="pagination-text">\n      Showing\n      {{ (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + 1 }}-{{\n        (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + tableLength\n      }}\n      of {{ config.paginationConfig.totalNoOfRows }} items\n    </p>\n    <div id="pages-container">\n      <span (click)="updateSelectedPage(config.paginationConfig?.selectedPage - 1)" class="page">\n        <svg fill="none" height="10" viewBox="0 0 7 10" width="7" xmlns="http://www.w3.org/2000/svg">\n          <path\n            clip-rule="evenodd"\n            d="M0.857405 5.56295C0.855794 5.56139 0.854188 5.55982 0.852588 5.55824C0.695955 5.40408 0.617641 5.20203 0.617647 4.99998C0.617641 4.79793 0.695955 4.59588 0.852588 4.44172C0.854188 4.44014 0.855794 4.43858 0.857404 4.43702L5.13066 0.231231C5.44392 -0.0770771 5.9518 -0.0770771 6.26506 0.231231C6.57831 0.53954 6.57831 1.03941 6.26506 1.34772L2.5542 4.99998L6.26506 8.65225C6.57831 8.96055 6.57831 9.46042 6.26506 9.76873C5.9518 10.077 5.44392 10.077 5.13066 9.76873L0.857405 5.56295Z"\n            fill="#181F33"\n            fill-rule="evenodd"\n          />\n        </svg>\n      </span>\n      <div *ngFor="let pageNumber of pages">\n        <span\n          (click)="updateSelectedPage(pageNumber)"\n          *ngIf="pageNumber != 0"\n          [ngClass]="{ \'page-active\': pageNumber == config.paginationConfig?.selectedPage }"\n          class="page"\n          >{{ pageNumber }}</span\n        >\n        <span *ngIf="pageNumber == 0" class="page-seperator">\n          <div style="display: flex">\n            <span class="dot" style="margin-right: 4px"></span>\n            <span class="dot" style="margin-right: 4px"></span>\n            <span class="dot"></span>\n          </div>\n        </span>\n      </div>\n      <span (click)="updateSelectedPage(config.paginationConfig?.selectedPage + 1)" class="page">\n        <svg fill="none" height="10" viewBox="0 0 7 10" width="7" xmlns="http://www.w3.org/2000/svg">\n          <path\n            clip-rule="evenodd"\n            d="M6.1426 5.56295C6.14421 5.56139 6.14581 5.55982 6.14741 5.55824C6.30405 5.40408 6.38236 5.20203 6.38236 4.99998C6.38236 4.79793 6.30405 4.59588 6.14741 4.44172C6.14581 4.44014 6.14421 4.43858 6.1426 4.43702L1.86934 0.231231C1.55608 -0.0770771 1.0482 -0.0770771 0.734942 0.231231C0.421688 0.53954 0.421688 1.03941 0.734942 1.34772L4.4458 4.99998L0.734941 8.65225C0.421686 8.96055 0.421686 9.46042 0.734941 9.76873C1.0482 10.077 1.55608 10.077 1.86934 9.76873L6.1426 5.56295Z"\n            fill="#181F33"\n            fill-rule="evenodd"\n          />\n        </svg>\n      </span>\n    </div>\n  </div>\n</div>\n',styles:["#main-container{font-family:Lato,sans-serif;position:relative}.no-scrollbar::-webkit-scrollbar{width:0}.scrollbar::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container{height:inherit;overflow-y:auto}.scroll-horizontally{height:inherit;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container{display:flex;align-items:center;position:-webkit-sticky;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header{padding:0 16px;height:100%}.col-header,.col-header-text{display:flex;align-items:center}.col-header-text{font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.2px;margin:0}.filter-icon{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row{height:auto;border-bottom:none}.loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#0937b2}.t-row{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#f1fdf8}.t-col-container{padding:0 16px}.t-row-hover:hover{background-color:transparent}.t-col-container-hover:hover{background-color:#e6ebf7}.t-col-container-hover:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover{border-right:1px solid #e0e0e0}.t-col{height:100%}.t-col,.t-col-text{display:flex;align-items:center}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;margin:0}#pagination-container{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container{display:flex;margin-right:32px}.page{border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;cursor:pointer}.page,.page-seperator{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active{color:#0937b2;border:1px solid #0937b2}"]}]}],s.ctorParameters=function(){return[{type:t.Renderer2}]},s.propDecorators={filtersUpdated:[{type:t.Output}],filter:[{type:t.ViewChild,args:["filter"]}],colHeaders:[{type:t.ViewChildren,args:["colHeaderRef"]}],pageSelected:[{type:t.Output}],config:[{type:t.Input,args:["tableConfig"]}],subTableconfig:[{type:t.Input}],tableDataLoading:[{type:t.Input}],expandedIndex:[{type:t.Input}],tableData:[{type:t.Input}],subTableData:[{type:t.Input}],subTableDataLoading:[{type:t.Input}],table:[{type:t.ViewChild,args:["table"]}]};var c=function(){function e(e,t){this.viewContainerRef=e,this.componentFactoryResolver=t}return Object.defineProperty(e.prototype,"customComponent",{set:function(e){this.component=e,this.createComponent()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"data",{set:function(e){this.cellData=e,this.ref&&(this.ref.instance.data=this.cellData)},enumerable:!1,configurable:!0}),e.prototype.createComponent=function(){if(this.component){var e=this.componentFactoryResolver.resolveComponentFactory(this.component);this.viewContainerRef.clear(),this.ref=this.viewContainerRef.createComponent(e),this.setData()}},e.prototype.setData=function(){this.ref.instance.data=this.cellData},e}();c.decorators=[{type:t.Directive,args:[{selector:"[customTableCell]"}]}],c.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.ComponentFactoryResolver}]},c.propDecorators={customComponent:[{type:t.Input}],data:[{type:t.Input}]};var d=function(){function e(e){this.renderer=e,this.selectedPage=1,this.pages=[],this.tableData=[]}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){if(this.config.paginationConfig){var e=this.table.nativeElement.offsetHeight;this.renderer.setStyle(this.table.nativeElement,"height",e-56+"px")}},e.prototype.getContainerHeight=function(){return this.config.height?this.config.height:""},e.prototype.getContainerWidth=function(){return this.config.width?this.config.width:""},e.prototype.getColHeadersRowHeight=function(){return this.config.colHeadersRowConfig&&this.config.colHeadersRowConfig.height?this.config.colHeadersRowConfig.height:"44px"},e.prototype.getColHeadersRowBorderTop=function(){var e,t;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderTop)?null===(t=this.config.colHeadersRowConfig.style)||void 0===t?void 0:t.borderTop:""},e.prototype.getColHeadersRowBorderBottom=function(){var e,t;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderBottom)?null===(t=this.config.colHeadersRowConfig.style)||void 0===t?void 0:t.borderBottom:"1px solid #E0E0E0"},e}();d.decorators=[{type:t.Component,args:[{selector:"sub-table",template:'<div\n  id="main-container"\n  [ngStyle]="{\n    height: getContainerHeight(),\n    width: getContainerWidth()\n  }"\n>\n  <div id="table-container" #table>\n    <div\n      id="col-headers-container"\n      *ngIf="!!config.showHeader"\n      [ngStyle]="{\n        height: getColHeadersRowHeight(),\n        \'border-top\': getColHeadersRowBorderTop(),\n        \'border-bottom\': getColHeadersRowBorderBottom()\n      }"\n    >\n      <div\n        class="col-header"\n        (click)="colHeader?.action ? colHeader?.action(colHeader) : null"\n        *ngFor="let colHeader of config?.colHeaderConfig"\n        [style]="colHeader?.style"\n        [ngStyle]="{\n          width: colHeader?.style?.width || \'\',\n          cursor: colHeader.action ? \'pointer\' : \'default\',\n          \'justify-content\': colHeader?.style?.justifyContent\n            ? colHeader?.style?.justifyContent\n            : colHeader.type === \'number\'\n            ? \'flex-end\'\n            : \'space-between\'\n        }"\n      >\n        <p *ngIf="colHeader?.type !== \'custom\'" class="col-header-text">\n          {{ colHeader?.data || " " }}\n        </p>\n        <ng-template\n          *ngIf="colHeader?.type === \'custom\'"\n          customTableCell\n          [customComponent]="colHeader?.componentRef"\n          [data]="colHeader.data"\n        ></ng-template>\n      </div>\n    </div>\n    <div>\n      <cdk-virtual-scroll-viewport\n        [minBufferPx]="config.dataContainerMaxHeight || \'400\'"\n        [maxBufferPx]="config.dataContainerMaxHeight + 200 || \'600\'"\n        [style.overflow]="\'overlay\'"\n        [style.height]="config.dataContainerMaxHeight || \'400px\'"\n        itemSize="50"\n        id="data-container"\n      >\n        <div\n          class="row-wrapper"\n          *cdkVirtualFor="let row of tableData; let i = index"\n          [ngStyle]="{\n            backgroundColor: i % 2 === 0 ? \'#FAFAFA\' : null\n          }"\n        >\n          <div class="t-row">\n            <div\n              (click)="config?.colConfig[i]?.action ? config?.colConfig[i]?.action(col) : null"\n              *ngFor="let col of row; let i = index"\n              [ngStyle]="{\n                width: config?.colConfig[i]?.style?.width || config?.colHeaderConfig[i]?.style?.width || \'\'\n              }"\n              class="t-col-container"\n            >\n              <div\n                class="t-col"\n                [style]="config.colConfig[i]?.style"\n                [ngStyle]="{\n                  width: \'100%\',\n                  cursor: config.colConfig[i].action ? \'pointer\' : \'default\',\n                  \'justify-content\': config.colConfig[i]?.style?.justifyContent\n                    ? config.colConfig[i]?.style?.justifyContent\n                    : config.colConfig[i].type === \'number\'\n                    ? \'flex-end\'\n                    : \'space-between\'\n                }"\n              >\n                <p\n                  *ngIf="config.colConfig[i].type !== \'custom\'"\n                  [ngStyle]="{\n                    color: config?.colConfig[i]?.style?.color ? config?.colConfig[i]?.style?.color : \'\'\n                  }"\n                  class="t-col-text"\n                >\n                  {{ col }}\n                </p>\n                <ng-template\n                  *ngIf="config.colConfig[i].type === \'custom\'"\n                  [customComponent]="config.colConfig[i].componentRef"\n                  [data]="col"\n                  customTableCell\n                ></ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n      </cdk-virtual-scroll-viewport>\n    </div>\n  </div>\n</div>\n',styles:["#main-container{font-family:Lato,sans-serif}#table-container{height:inherit}#col-headers-container{display:flex;background-color:#fff;height:36px;border-bottom:1px solid #e0e0e0}#data-container{overflow:scroll;width:100%}#data-container::-webkit-scrollbar{width:8px}#data-container::-webkit-scrollbar-thumb{background:#9aa7b4}.col-header{height:100%;width:160px;padding:0 16px}.col-header,.col-header-text{display:flex;align-items:center}.col-header-text{font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.25px;margin:0}.t-row{display:flex;align-items:center;height:36px;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#f1fdf8}.t-col-container{padding:0 16px;height:100%}.t-col{height:100%}.t-col,.t-col-text{display:flex;align-items:center}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:.2px;margin:0}"]}]}],d.ctorParameters=function(){return[{type:t.Renderer2}]},d.propDecorators={config:[{type:t.Input}],tableData:[{type:t.Input}],table:[{type:t.ViewChild,args:["table"]}]};var g=function(){function e(){this.filtersData=[],this.containerStyles={},this.filtersApplied=new t.EventEmitter,this.filtersMap={},this.searchValue="",this.mySort=function(e,t){return e.name<t.name?-1:t.name<e.name?1:0}}return e.prototype.ngOnInit=function(){var e=this;this.filtersData.forEach((function(t){e.filtersMap[t.value]=t}))},e.prototype.resetFilters=function(){var e=this;this.filtersData.forEach((function(t){e.filtersMap[t.value].checked=!1})),this.filtersApplied.emit([])},e.prototype.applyFilters=function(){var e=Object.values(this.filtersMap).filter((function(e){return e.checked})).map((function(e){return{name:e.name,value:e.value}}));this.filtersApplied.emit(e)},e.prototype.updateSearchValue=function(e){this.searchValue=e.target.value},e.prototype.updateFilter=function(e){this.filtersMap[e.name]&&(this.filtersMap[e.name].checked=!this.filtersMap[e.name].checked)},e.prototype.getFiltersBasedOnSearchValue=function(){var e=this,t=Object.values(this.filtersMap);return(t=t.filter((function(t){return t.name.match(new RegExp(e.searchValue,"i"))}))).sort(this.mySort)},e.prototype.getCheckedFilters=function(){var e=Object.values(this.filtersMap);return e=e.filter((function(e){return e.checked})).sort(this.mySort)},e}();g.decorators=[{type:t.Component,args:[{selector:"mis-table-filter",template:'<div id="main-container" #mainContainer [ngStyle]="containerStyles">\n  <div id="search-bar-container">\n    <input (keyup)="updateSearchValue($event)" type="text" placeholder="Search" />\n    <svg id="search-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n      <path\n        fill-rule="evenodd"\n        clip-rule="evenodd"\n        d="M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z"\n        fill="#6A737D"\n      />\n    </svg>\n  </div>\n  <div id="filters-main-container">\n    <div class="filters-sub-container">\n      <div *ngFor="let filter of getCheckedFilters()">\n        <div class="filter">\n          <mis-checkbox [checked]="true" [name]="filter.value" (valueChange)="updateFilter($event)"></mis-checkbox>\n          <span class="filter-text">{{ filter.name }}</span>\n        </div>\n      </div>\n    </div>\n    <div class="separator" style="margin: 16px 0px" *ngIf="getCheckedFilters().length && getCheckedFilters().length < filtersData.length"></div>\n    <div class="filters-sub-container">\n      <div *ngFor="let filter of getFiltersBasedOnSearchValue()">\n        <div class="filter" *ngIf="!filter.checked">\n          <mis-checkbox [checked]="false" [name]="filter.value" (valueChange)="updateFilter($event)"></mis-checkbox>\n          <span class="filter-text">{{ filter.name }}</span>\n        </div>\n      </div>\n      <div id="no-results-container" *ngIf="getFiltersBasedOnSearchValue().length < 1">\n        <span class="filter-text">No matches found</span>\n      </div>\n    </div>\n    <div class="separator" style="margin: 16px 0px"></div>\n    <div id="buttons-container">\n      <button id="reset-btn" style="margin-right: 8px" (click)="resetFilters()">Reset</button>\n      <button id="apply-btn" (click)="applyFilters()">Apply</button>\n    </div>\n  </div>\n</div>\n',styles:["#main-container{position:absolute;background:#fff;z-index:2;right:calc(50% - 128px);width:256px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#9aa7b4}#search-bar-container{width:100%;position:relative;margin-bottom:8px}input{width:100%;padding:12px 12px 12px 42px;border:1px solid #000;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}input:focus{border:1px solid #0937b2}#search-icon{position:absolute;top:15px;left:12px}.filters-sub-container{max-height:144px;overflow-y:auto}.filter{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:#181f33;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container{height:36px;display:flex;justify-content:center;align-items:center}.separator{border:1px solid #e0e0e0}#buttons-container{display:flex;justify-content:center;align-items:center}button{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn{background:#0937b2;color:#fff}#reset-btn{background:#fff;color:#0937b2}"]}]}],g.ctorParameters=function(){return[]},g.propDecorators={filtersData:[{type:t.Input}],containerStyles:[{type:t.Input}],filtersApplied:[{type:t.Output}],container:[{type:t.ViewChild,args:["mainContainer"]}]};var p=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();p.decorators=[{type:t.NgModule,args:[{declarations:[s,d,g,c],imports:[n.CommonModule,i.CheckboxModule,o.ScrollingModule],exports:[s,d,g,c]}]}],e.CustomTableCellDirective=c,e.TableComponent=s,e.TableFilterComponent=g,e.TableModule=p,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function c(e){var o="function"==typeof Symbol&&Symbol.iterator,n=o&&e[o],t=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&t>=e.length&&(e=void 0),{value:e&&e[t++],done:!e}}};throw new TypeError(o?"Object is not iterable.":"Symbol.iterator is not defined.")}function r(e,o){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var t,i,c=n.call(e),r=[];try{for(;(void 0===o||o-- >0)&&!(t=c.next()).done;)r.push(t.value)}catch(e){i={error:e}}finally{try{t&&!t.done&&(n=c.return)&&n.call(c)}finally{if(i)throw i.error}}return r}function a(){for(var e=[],o=0;o<arguments.length;o++)e=e.concat(r(arguments[o]));return e}Object.create;var f=function(){function e(e){this.renderer=e,this.showFilter=!1,this.filterName="",this.filterData=[],this.filterContainerStyles={},this.appliedFilters={},this.filtersUpdated=new o.EventEmitter,this.pages=[],this.pageSelected=new o.EventEmitter,this.tableData=[],this.subTableData=[]}return e.prototype.ngOnInit=function(){var e=this;this.tableLength=[].concat.apply([],a(this.tableData)).length,this.initializeFilters(),this.config.paginationConfig&&this.initializePagination(),void 0===this.config.canScrollHorizontally&&(this.config.canScrollHorizontally=!1),document.addEventListener("click",(function(o){if(e.filter){var n=!0;"checkmark"===o.target.className&&(n=!0,e.showFilter=!0),e.filter.container.nativeElement.contains(o.target)||n||e.toggleFilter(e.filterName)}}))},e.prototype.ngAfterViewInit=function(){if(this.config.paginationConfig){var e=this.table.nativeElement.offsetHeight;this.renderer.setStyle(this.table.nativeElement,"height",e-56+"px")}},e.prototype.ngOnChanges=function(){this.tableLength=[].concat.apply([],a(this.tableData)).length},e.prototype.initializeFilters=function(){var e,o,n,t,i;try{for(var r=c(null===(i=this.config)||void 0===i?void 0:i.colHeaderConfig),a=r.next();!a.done;a=r.next()){var f=a.value;if(f.filters){var l=[];try{for(var s=(n=void 0,c(f.filters)),b=s.next();!b.done;b=s.next()){var d=b.value;d.checked&&l.push({name:d.name,value:d.value})}}catch(e){n={error:e}}finally{try{b&&!b.done&&(t=s.return)&&t.call(s)}finally{if(n)throw n.error}}l.length>0&&(this.appliedFilters[f.data]=l)}}}catch(o){e={error:o}}finally{try{a&&!a.done&&(o=r.return)&&o.call(r)}finally{if(e)throw e.error}}},e.prototype.toggleFilter=function(e){var o,n;if(this.showFilter)this.filterName="",this.filterData=[],this.showFilter=!1;else{this.filterName=e,this.showFilter=!0;var t=0,i=this.colHeaders.toArray().reverse();try{for(var r=c(i),a=r.next();!a.done;a=r.next()){var f=a.value;if(f.nativeElement.innerText===e)break;t+=f.nativeElement.offsetWidth}}catch(e){o={error:e}}finally{try{a&&!a.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}this.filterContainerStyles={top:"44px",right:t>0?t-116+"px":"12px"}}},e.prototype.updateAppliedFilters=function(e){0==e.length?delete this.appliedFilters[this.filterName]:this.appliedFilters[this.filterName]=e,this.filtersUpdated.emit(Object.assign({},this.appliedFilters)),this.toggleFilter(this.filterName)},e.prototype.initializePagination=function(){if(this.config.paginationConfig){var e=this.config.paginationConfig.noOfPages;if(e<=7)for(var o=1;o<=e;o++)this.pages.push(o);else this.pages=[1,2,3,4,0,e]}},e.prototype.updateSelectedPage=function(e){var o;if(!(e<1||e>this.config.paginationConfig.noOfPages)){this.config.paginationConfig.selectedPage=e;var n=this.config.paginationConfig.noOfPages;n>7&&(e-2<=1?this.pages=[1,2,3,4,0,n]:e-2>1&&e+2<n?this.pages=[1,0,e-1,e,e+1,0,n]:e+2>=n&&(this.pages=[1,0,n-3,n-2,n-1,n])),this.pageSelected.emit(null===(o=this.config.paginationConfig)||void 0===o?void 0:o.selectedPage)}},e.prototype.getContainerHeight=function(){var e;return(null===(e=this.config)||void 0===e?void 0:e.height)?this.config.height:""},e.prototype.getContainerWidth=function(){var e;return(null===(e=this.config)||void 0===e?void 0:e.width)?this.config.width:""},e.prototype.getColHeadersRowHeight=function(){return this.config.colHeadersRowConfig&&this.config.colHeadersRowConfig.height?this.config.colHeadersRowConfig.height:"44px"},e.prototype.getColHeadersRowBorderTop=function(){var e,o;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderTop)?null===(o=this.config.colHeadersRowConfig.style)||void 0===o?void 0:o.borderTop:""},e.prototype.getColHeadersRowBorderBottom=function(){var e,o;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderBottom)?null===(o=this.config.colHeadersRowConfig.style)||void 0===o?void 0:o.borderBottom:"1px solid #E0E0E0"},e}();f.decorators=[{type:o.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:"";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:""}.icon-ic-action-average-trips:before{content:""}.icon-ic-action-EV-vehicle:before{content:""}.icon-ic-action-total-trips:before{content:""}.icon-ic-ui-front-desk-24:before{content:""}.icon-ic-ui-visitor-invite-24:before{content:""}.icon-ic-ETS-OTA-16:before{content:"";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:"";color:#0087b2}.icon-ic-home-office-24:before{content:"";color:#929dab}.icon-ic-device-unreachable-16:before{content:""}.icon-ic-fixed-device-not-reachable-16:before{content:""}.icon-ic-geo-fence-violation-16:before{content:""}.icon-ic-map-pin-16:before{content:""}.icon-ic-SOS-fixed-device-16:before{content:""}.icon-ic-SOS-mobile-16:before{content:""}.icon-ic-speeding-16:before{content:""}.icon-ic-tamper-alert-16:before{content:""}.icon-ic-unsafe-zone-alert-16:before{content:""}.icon-ic-vehicle-stopage-16:before{content:""}.icon-ic-violations-sign-off-time-16:before{content:""}.icon-ic-woman-travelling-alone-16:before{content:""}.icon-ic-ets-adhoc-32:before{content:"";color:#b00020}.icon-ic-ets-help-desk-32:before{content:"";color:#fff}.icon-ic-ets-login-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:"";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:"";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:"";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:"";color:#fff}.icon-ic-ui-WFO-24-2:before{content:"";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:"";color:#fff}.icon-ic-ui-battery-life-24:before{content:""}.icon-ic-ets-bus-24-1:before{content:""}.icon-ic-ets-bus-24-2:before{content:"";color:#0937b2}.icon-ic-ets-chat-24:before{content:""}.icon-ic-ets-cloud-off-24:before{content:""}.icon-ic-ets-walking-man-24:before{content:"";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:"";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:""}.icon-ic-ui-seperator-16:before{content:"";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:"";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:"";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:"";color:#815fd5}.icon-ic-eligibility-address-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:"";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:"";color:#0087b2}.icon-ic-map-pin-24:before{content:""}.icon-ic-mobile-side-menu-vaccine-24:before{content:"";color:#0937b2}.icon-ic-nav-help-24:before{content:""}.icon-ic-navigation-collapse-16:before{content:""}.icon-ic-navigation-expand-16:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:"";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:"";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:"";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:"";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:""}.icon-ic-nrs-sort--ascending-24:before{content:""}.icon-ic-nrs-sort--descending-24:before{content:""}.icon-ic-ui-changed-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:"";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:"";color:#b00020}.icon-ic-ui-download-24:before{content:""}.icon-ic-ui-error-24:before{content:"";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:"";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:"";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:""}.icon-ic-ui-overlap-16:before{content:""}.icon-ic-navigation-arrow_left-16:before{content:""}.icon-ic-navigation-arrow_right-16:before{content:""}.icon-ic-rep-booking-16:before{content:""}.icon-ic-ui-arrow-16:before{content:""}.icon-ic-ui-filters2-16:before{content:""}.icon-ic-ui-nonveg-16:before{content:"";color:#b00020}.icon-ic-ui-veg-16:before{content:"";color:#38af49}.icon-ic-ui-vegan-16:before{content:"";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:""}.icon-ic-ui-Phone-24-1:before{content:""}.icon-ic-ui-Phone-24:before{content:""}.icon-ic-ui-Name-24:before{content:""}.icon-ic-ui-transport-cab-24:before{content:""}.icon-ic-ui-info-24:before{content:"";color:#0091ff}.icon-ic-ui-WFO-24:before{content:""}.icon-ic-ui-action-24:before{content:""}.icon-ic-ui-approvals-24:before{content:""}.icon-ic-ui-approvals2-24:before{content:""}.icon-ic-ui-fast-24:before{content:""}.icon-ic-ui-transport-24:before{content:""}.icon-ic-ui-vaccine-review-24:before{content:""}.icon-ic-image-24:before{content:""}.icon-ic-ui-bike-24:before{content:""}.icon-ic-ui-car-24:before{content:""}.icon-ic-ui-description-24:before{content:""}.icon-ic-ui-email-24-1:before{content:""}.icon-ic-ui-format-bullet-24:before{content:""}.icon-ic-ui-format-number-24:before{content:""}.icon-ic-ui-help-24:before{content:""}.icon-ic-ui-location-24:before{content:""}.icon-ic-ui-location-searching-24:before{content:""}.icon-ic-ui-meal-241:before{content:""}.icon-ic-ui-on-call-24:before{content:""}.icon-ic-ui-person-24:before{content:""}.icon-ic-ui-pie-24:before{content:""}.icon-ic-ui-question-24:before{content:""}.icon-ic-ui-request-24:before{content:""}.icon-ic-ui-seat-24:before{content:""}.icon-ic-ui-trend-down-24:before{content:"";color:#b00020}.icon-ic-ui-trend-up-24:before{content:"";color:#38af49}.icon-ic-ui-warning-24:before{content:"";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:""}.icon-ic-nre-check-24:before{content:""}.icon-ic-nre-flag-24:before{content:""}.icon-ic-nre-notification-24:before{content:""}.icon-ic-nre-push-pin-24:before{content:""}.icon-ic-nre-wash-24:before{content:""}.icon-ic-nrs-security-24:before{content:""}.icon-ic-nrs-billing-24:before{content:""}.icon-ic-nrs-downloads-24:before{content:""}.icon-ic-nrs-loader-16:before{content:"";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:""}.icon-ic-nrs-refersh-24:before{content:""}.icon-ic-nrs-sanitize-24:before{content:""}.icon-ic-nrs-score-card-24:before{content:""}.icon-ic-nrs-view-24:before{content:""}.icon-ic-device-24:before{content:""}.icon-ic-duplicate-24--no-bg:before{content:"";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:"";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:"";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:"";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:"";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:""}.icon-ic-vendor-24:before{content:""}.icon-ic-naviation-directions-24:before{content:""}.icon-ic-navigation-arrow-left-24:before{content:""}.icon-ic-navigation-arrow-right-24:before{content:""}.icon-ic-navigation-cancel-24:before{content:""}.icon-ic-navigation-chevron-left-24:before{content:""}.icon-ic-navigation-chevron-right-24:before{content:""}.icon-ic-navigation-drop-down-24:before{content:""}.icon-ic-navigation-expand-less-24:before{content:""}.icon-ic-ui-check-24:before{content:""}.icon-ic-nav-meeting-fill-24:before{content:"";color:#0937b2}.icon-ic-mr-projector-24:before{content:""}.icon-ic-mr-building-24:before{content:""}.icon-ic-mr-deluxe-seat-24:before{content:""}.icon-ic-mr-fridge-24:before{content:""}.icon-ic-mr-guestwifi-24:before{content:""}.icon-ic-mr-ip-phones-24:before{content:""}.icon-ic-mr-mic-24:before{content:""}.icon-ic-mr-sanitization-spray-24:before{content:""}.icon-ic-mr-speakerphones-24:before{content:""}.icon-ic-mr-stationary-24:before{content:""}.icon-ic-mr-tv-24:before{content:""}.icon-ic-mr-video-conferencing-24:before{content:""}.icon-ic-mr-whiteboard-24:before{content:""}.icon-ic-mr-wing-24:before{content:""}.icon-ic-nav-seat-02-24:before{content:""}.icon-ic-nav-seat-fill-24:before{content:"";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:""}.icon-ic-map-current-24 .path1:before{content:"";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:""}.icon-ic-map-reposition-24:before{content:"";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:""}.icon-ic-new-icon-Desk-Allocation-24:before{content:""}.icon-ic-new-icon-desk-management-24:before{content:""}.icon-ic-new-icon-desk-utilisation-24:before{content:""}.icon-ic-new-icon-freeze-24-nobg:before{content:""}.icon-ic-new-icon-health-risk-24:before{content:""}.icon-ic-new-icon-key-24:before{content:""}.icon-ic-new-icon-meeting-room2-24:before{content:""}.icon-ic-new-icon-Rupee-24:before{content:""}.icon-ic-new-icon-user-permissions-1-24:before{content:""}.icon-ic-new-icons-User-group-24:before{content:""}.icon-ic-ui-attendance:before{content:""}.icon-ic-ui-cab-login:before{content:""}.icon-ic-ui-cab-logout:before{content:""}.icon-ic-ui-sign-in:before{content:""}.icon-request-2:before{content:""}.icon-seats-available:before{content:"";color:#5cc917}.icon-seats-booked:before{content:"";color:#039be5}.icon-seats-cancelled:before{content:"";color:#ef4d1d}.icon-seats-totals:before{content:"";color:#bcbcbc}.icon-ic-nav-team-24:before{content:""}.icon-ic-employee-rest:before{content:""}.icon-ic-nav-cancelled-24:before{content:""}.icon-ic-nav-desk-allocation-24:before{content:""}.icon-ic-nav-desk-bulk-upload-24:before{content:""}.icon-ic-nav-desk-mgmt-24:before{content:""}.icon-ic-nav-desk-utilization-24:before{content:""}.icon-ic-nav-meetingroom-24:before{content:""}.icon-ic-nav-office-24:before{content:""}.icon-ic-nav-qr-mgmt-24:before{content:""}.icon-ic-nav-report-24:before{content:""}.icon-ic-nav-resource-grps-24:before{content:""}.icon-ic-nav-seat-mgmt-24:before{content:""}.icon-ic-nav-settings-24:before{content:""}.icon-ic-nav-translate-24:before{content:""}.icon-ic-nav-unplanned-24:before{content:""}.icon-ic-nav-upload-24:before{content:""}.icon-ic-nav-user-24:before{content:""}.icon-ic-nav-user-grps-24:before{content:""}.icon-ic-nav-user-pemissions-24:before{content:""}.icon-ic-nav-utilisation-24:before{content:""}.icon-ic-nav-vaccine-24:before{content:""}.icon-ic-nav-visitor-management-24:before{content:""}.icon-ic-nav-work-planner-24:before{content:""}.icon-ic-nre-add-24:before{content:""}.icon-ic-nre-deactivate-24:before{content:""}.icon-ic-sidebar-floor-plan-24:before{content:""}.icon-ic-sidebar-guard-24:before{content:""}.icon-ic-sidebar-home-24:before{content:""}.icon-ic-sidebar-meeting-rooms-24:before{content:""}.icon-ic-sidebar-my-bookings-24:before{content:""}.icon-ic-sidebar-reception-24:before{content:""}.icon-ic-ui-pdf-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:"";color:#929dab}.icon-ic-ui-daytime-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:"";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:"";color:#6a737d}.icon-ic-ui-bus-24:before{content:""}.icon-ic-ui-cab-24:before{content:""}.icon-ic-ui-calendar2-24:before{content:""}.icon-ic-ui-calender-24:before{content:""}.icon-ic-ui-email-24:before{content:""}.icon-ic-ui-home-24:before{content:""}.icon-ic-ui-meal-24:before{content:""}.icon-ic-ui-new_parking-24:before{content:""}.icon-ic-ui-night-24:before{content:""}.icon-ic-ui-office-24:before{content:""}.icon-ic-ui-outofoffice-24:before{content:""}.icon-ic-ui-parking-24:before{content:""}.icon-ic-ui-phone-24:before{content:""}.icon-ic-ui-Transport-availability-24:before{content:""}.icon-ic-ui-Transport-not-availability-24:before{content:""}.icon-ic-action-more-horiz-24:before{content:""}.icon-ic-action-add-24:before{content:""}.icon-ic-action-ascending-24:before{content:""}.icon-ic-action-cached-24:before{content:""}.icon-ic-action-calview-24:before{content:""}.icon-ic-action-copy-link-24:before{content:""}.icon-ic-action-delete-24:before{content:""}.icon-ic-action-descending-24:before{content:""}.icon-ic-action-download-24:before{content:""}.icon-ic-action-drag-24:before{content:"";color:#c8cdd3}.icon-ic-action-drag:before{content:"";color:#6a737d}.icon-ic-action-edit-24:before{content:""}.icon-ic-action-expand-24-1:before{content:""}.icon-ic-action-external-link-24:before{content:""}.icon-ic-action-favorite-24:before{content:""}.icon-ic-action-filter-24:before{content:""}.icon-ic-action-globe-24:before{content:""}.icon-ic-action-history-24-1:before{content:""}.icon-ic-action-history-24:before{content:""}.icon-ic-action-info-24:before{content:""}.icon-ic-action-invite-24:before{content:""}.icon-ic-action-listview-24:before{content:""}.icon-ic-action-logout-24:before{content:""}.icon-ic-action-menu-24:before{content:""}.icon-ic-action-more-vert-24:before{content:""}.icon-ic-action-notif-2-24:before{content:""}.icon-ic-action-notif-24:before{content:""}.icon-ic-action-person-search-24:before{content:""}.icon-ic-action-print-24:before{content:""}.icon-ic-action-qr-24:before{content:""}.icon-ic-action-refresh-24:before{content:""}.icon-ic-action-remove-24:before{content:""}.icon-ic-action-search-24:before{content:""}.icon-ic-action-see-more-24:before{content:""}.icon-ic-action-send-24:before{content:""}.icon-ic-action-share-24:before{content:""}.icon-ic-action-shift-time-24:before{content:""}.icon-ic-action-sort-24:before{content:""}.icon-ic-action-sort2-24:before{content:""}.icon-ic-action-switch-24:before{content:""}.icon-ic-action-upload-24:before{content:""}.icon-ic-action-visibility-24:before{content:"";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:"";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}']}]}],f.ctorParameters=function(){return[{type:o.Renderer2}]},f.propDecorators={filtersUpdated:[{type:o.Output}],filter:[{type:o.ViewChild,args:["filter"]}],colHeaders:[{type:o.ViewChildren,args:["colHeaderRef"]}],pageSelected:[{type:o.Output}],config:[{type:o.Input,args:["tableConfig"]}],subTableconfig:[{type:o.Input}],tableDataLoading:[{type:o.Input}],expandedIndex:[{type:o.Input}],tableData:[{type:o.Input}],subTableData:[{type:o.Input}],subTableDataLoading:[{type:o.Input}],table:[{type:o.ViewChild,args:["table"]}]};var l=function(){function e(e,o){this.viewContainerRef=e,this.componentFactoryResolver=o}return Object.defineProperty(e.prototype,"customComponent",{set:function(e){this.component=e,this.createComponent()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"data",{set:function(e){this.cellData=e,this.ref&&(this.ref.instance.data=this.cellData)},enumerable:!1,configurable:!0}),e.prototype.createComponent=function(){if(this.component){var e=this.componentFactoryResolver.resolveComponentFactory(this.component);this.viewContainerRef.clear(),this.ref=this.viewContainerRef.createComponent(e),this.setData()}},e.prototype.setData=function(){this.ref.instance.data=this.cellData},e}();l.decorators=[{type:o.Directive,args:[{selector:"[customTableCell]"}]}],l.ctorParameters=function(){return[{type:o.ViewContainerRef},{type:o.ComponentFactoryResolver}]},l.propDecorators={customComponent:[{type:o.Input}],data:[{type:o.Input}]};var s=function(){function e(e){this.renderer=e,this.selectedPage=1,this.pages=[],this.tableData=[]}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){if(this.config.paginationConfig){var e=this.table.nativeElement.offsetHeight;this.renderer.setStyle(this.table.nativeElement,"height",e-56+"px")}},e.prototype.getContainerHeight=function(){return this.config.height?this.config.height:""},e.prototype.getContainerWidth=function(){return this.config.width?this.config.width:""},e.prototype.getColHeadersRowHeight=function(){return this.config.colHeadersRowConfig&&this.config.colHeadersRowConfig.height?this.config.colHeadersRowConfig.height:"44px"},e.prototype.getColHeadersRowBorderTop=function(){var e,o;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderTop)?null===(o=this.config.colHeadersRowConfig.style)||void 0===o?void 0:o.borderTop:""},e.prototype.getColHeadersRowBorderBottom=function(){var e,o;return this.config.colHeadersRowConfig&&(null===(e=this.config.colHeadersRowConfig.style)||void 0===e?void 0:e.borderBottom)?null===(o=this.config.colHeadersRowConfig.style)||void 0===o?void 0:o.borderBottom:"1px solid #E0E0E0"},e}();s.decorators=[{type:o.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:"";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:""}.icon-ic-action-average-trips:before{content:""}.icon-ic-action-EV-vehicle:before{content:""}.icon-ic-action-total-trips:before{content:""}.icon-ic-ui-front-desk-24:before{content:""}.icon-ic-ui-visitor-invite-24:before{content:""}.icon-ic-ETS-OTA-16:before{content:"";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:"";color:#0087b2}.icon-ic-home-office-24:before{content:"";color:#929dab}.icon-ic-device-unreachable-16:before{content:""}.icon-ic-fixed-device-not-reachable-16:before{content:""}.icon-ic-geo-fence-violation-16:before{content:""}.icon-ic-map-pin-16:before{content:""}.icon-ic-SOS-fixed-device-16:before{content:""}.icon-ic-SOS-mobile-16:before{content:""}.icon-ic-speeding-16:before{content:""}.icon-ic-tamper-alert-16:before{content:""}.icon-ic-unsafe-zone-alert-16:before{content:""}.icon-ic-vehicle-stopage-16:before{content:""}.icon-ic-violations-sign-off-time-16:before{content:""}.icon-ic-woman-travelling-alone-16:before{content:""}.icon-ic-ets-adhoc-32:before{content:"";color:#b00020}.icon-ic-ets-help-desk-32:before{content:"";color:#fff}.icon-ic-ets-login-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:"";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:"";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:"";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:"";color:#fff}.icon-ic-ui-WFO-24-2:before{content:"";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:"";color:#fff}.icon-ic-ui-battery-life-24:before{content:""}.icon-ic-ets-bus-24-1:before{content:""}.icon-ic-ets-bus-24-2:before{content:"";color:#0937b2}.icon-ic-ets-chat-24:before{content:""}.icon-ic-ets-cloud-off-24:before{content:""}.icon-ic-ets-walking-man-24:before{content:"";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:"";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:""}.icon-ic-ui-seperator-16:before{content:"";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:"";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:"";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:"";color:#815fd5}.icon-ic-eligibility-address-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:"";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:"";color:#0087b2}.icon-ic-map-pin-24:before{content:""}.icon-ic-mobile-side-menu-vaccine-24:before{content:"";color:#0937b2}.icon-ic-nav-help-24:before{content:""}.icon-ic-navigation-collapse-16:before{content:""}.icon-ic-navigation-expand-16:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:"";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:"";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:"";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:"";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:""}.icon-ic-nrs-sort--ascending-24:before{content:""}.icon-ic-nrs-sort--descending-24:before{content:""}.icon-ic-ui-changed-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:"";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:"";color:#b00020}.icon-ic-ui-download-24:before{content:""}.icon-ic-ui-error-24:before{content:"";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:"";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:"";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:""}.icon-ic-ui-overlap-16:before{content:""}.icon-ic-navigation-arrow_left-16:before{content:""}.icon-ic-navigation-arrow_right-16:before{content:""}.icon-ic-rep-booking-16:before{content:""}.icon-ic-ui-arrow-16:before{content:""}.icon-ic-ui-filters2-16:before{content:""}.icon-ic-ui-nonveg-16:before{content:"";color:#b00020}.icon-ic-ui-veg-16:before{content:"";color:#38af49}.icon-ic-ui-vegan-16:before{content:"";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:""}.icon-ic-ui-Phone-24-1:before{content:""}.icon-ic-ui-Phone-24:before{content:""}.icon-ic-ui-Name-24:before{content:""}.icon-ic-ui-transport-cab-24:before{content:""}.icon-ic-ui-info-24:before{content:"";color:#0091ff}.icon-ic-ui-WFO-24:before{content:""}.icon-ic-ui-action-24:before{content:""}.icon-ic-ui-approvals-24:before{content:""}.icon-ic-ui-approvals2-24:before{content:""}.icon-ic-ui-fast-24:before{content:""}.icon-ic-ui-transport-24:before{content:""}.icon-ic-ui-vaccine-review-24:before{content:""}.icon-ic-image-24:before{content:""}.icon-ic-ui-bike-24:before{content:""}.icon-ic-ui-car-24:before{content:""}.icon-ic-ui-description-24:before{content:""}.icon-ic-ui-email-24-1:before{content:""}.icon-ic-ui-format-bullet-24:before{content:""}.icon-ic-ui-format-number-24:before{content:""}.icon-ic-ui-help-24:before{content:""}.icon-ic-ui-location-24:before{content:""}.icon-ic-ui-location-searching-24:before{content:""}.icon-ic-ui-meal-241:before{content:""}.icon-ic-ui-on-call-24:before{content:""}.icon-ic-ui-person-24:before{content:""}.icon-ic-ui-pie-24:before{content:""}.icon-ic-ui-question-24:before{content:""}.icon-ic-ui-request-24:before{content:""}.icon-ic-ui-seat-24:before{content:""}.icon-ic-ui-trend-down-24:before{content:"";color:#b00020}.icon-ic-ui-trend-up-24:before{content:"";color:#38af49}.icon-ic-ui-warning-24:before{content:"";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:""}.icon-ic-nre-check-24:before{content:""}.icon-ic-nre-flag-24:before{content:""}.icon-ic-nre-notification-24:before{content:""}.icon-ic-nre-push-pin-24:before{content:""}.icon-ic-nre-wash-24:before{content:""}.icon-ic-nrs-security-24:before{content:""}.icon-ic-nrs-billing-24:before{content:""}.icon-ic-nrs-downloads-24:before{content:""}.icon-ic-nrs-loader-16:before{content:"";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:""}.icon-ic-nrs-refersh-24:before{content:""}.icon-ic-nrs-sanitize-24:before{content:""}.icon-ic-nrs-score-card-24:before{content:""}.icon-ic-nrs-view-24:before{content:""}.icon-ic-device-24:before{content:""}.icon-ic-duplicate-24--no-bg:before{content:"";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:"";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:"";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:"";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:"";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:""}.icon-ic-vendor-24:before{content:""}.icon-ic-naviation-directions-24:before{content:""}.icon-ic-navigation-arrow-left-24:before{content:""}.icon-ic-navigation-arrow-right-24:before{content:""}.icon-ic-navigation-cancel-24:before{content:""}.icon-ic-navigation-chevron-left-24:before{content:""}.icon-ic-navigation-chevron-right-24:before{content:""}.icon-ic-navigation-drop-down-24:before{content:""}.icon-ic-navigation-expand-less-24:before{content:""}.icon-ic-ui-check-24:before{content:""}.icon-ic-nav-meeting-fill-24:before{content:"";color:#0937b2}.icon-ic-mr-projector-24:before{content:""}.icon-ic-mr-building-24:before{content:""}.icon-ic-mr-deluxe-seat-24:before{content:""}.icon-ic-mr-fridge-24:before{content:""}.icon-ic-mr-guestwifi-24:before{content:""}.icon-ic-mr-ip-phones-24:before{content:""}.icon-ic-mr-mic-24:before{content:""}.icon-ic-mr-sanitization-spray-24:before{content:""}.icon-ic-mr-speakerphones-24:before{content:""}.icon-ic-mr-stationary-24:before{content:""}.icon-ic-mr-tv-24:before{content:""}.icon-ic-mr-video-conferencing-24:before{content:""}.icon-ic-mr-whiteboard-24:before{content:""}.icon-ic-mr-wing-24:before{content:""}.icon-ic-nav-seat-02-24:before{content:""}.icon-ic-nav-seat-fill-24:before{content:"";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:""}.icon-ic-map-current-24 .path1:before{content:"";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:""}.icon-ic-map-reposition-24:before{content:"";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:""}.icon-ic-new-icon-Desk-Allocation-24:before{content:""}.icon-ic-new-icon-desk-management-24:before{content:""}.icon-ic-new-icon-desk-utilisation-24:before{content:""}.icon-ic-new-icon-freeze-24-nobg:before{content:""}.icon-ic-new-icon-health-risk-24:before{content:""}.icon-ic-new-icon-key-24:before{content:""}.icon-ic-new-icon-meeting-room2-24:before{content:""}.icon-ic-new-icon-Rupee-24:before{content:""}.icon-ic-new-icon-user-permissions-1-24:before{content:""}.icon-ic-new-icons-User-group-24:before{content:""}.icon-ic-ui-attendance:before{content:""}.icon-ic-ui-cab-login:before{content:""}.icon-ic-ui-cab-logout:before{content:""}.icon-ic-ui-sign-in:before{content:""}.icon-request-2:before{content:""}.icon-seats-available:before{content:"";color:#5cc917}.icon-seats-booked:before{content:"";color:#039be5}.icon-seats-cancelled:before{content:"";color:#ef4d1d}.icon-seats-totals:before{content:"";color:#bcbcbc}.icon-ic-nav-team-24:before{content:""}.icon-ic-employee-rest:before{content:""}.icon-ic-nav-cancelled-24:before{content:""}.icon-ic-nav-desk-allocation-24:before{content:""}.icon-ic-nav-desk-bulk-upload-24:before{content:""}.icon-ic-nav-desk-mgmt-24:before{content:""}.icon-ic-nav-desk-utilization-24:before{content:""}.icon-ic-nav-meetingroom-24:before{content:""}.icon-ic-nav-office-24:before{content:""}.icon-ic-nav-qr-mgmt-24:before{content:""}.icon-ic-nav-report-24:before{content:""}.icon-ic-nav-resource-grps-24:before{content:""}.icon-ic-nav-seat-mgmt-24:before{content:""}.icon-ic-nav-settings-24:before{content:""}.icon-ic-nav-translate-24:before{content:""}.icon-ic-nav-unplanned-24:before{content:""}.icon-ic-nav-upload-24:before{content:""}.icon-ic-nav-user-24:before{content:""}.icon-ic-nav-user-grps-24:before{content:""}.icon-ic-nav-user-pemissions-24:before{content:""}.icon-ic-nav-utilisation-24:before{content:""}.icon-ic-nav-vaccine-24:before{content:""}.icon-ic-nav-visitor-management-24:before{content:""}.icon-ic-nav-work-planner-24:before{content:""}.icon-ic-nre-add-24:before{content:""}.icon-ic-nre-deactivate-24:before{content:""}.icon-ic-sidebar-floor-plan-24:before{content:""}.icon-ic-sidebar-guard-24:before{content:""}.icon-ic-sidebar-home-24:before{content:""}.icon-ic-sidebar-meeting-rooms-24:before{content:""}.icon-ic-sidebar-my-bookings-24:before{content:""}.icon-ic-sidebar-reception-24:before{content:""}.icon-ic-ui-pdf-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:"";color:#929dab}.icon-ic-ui-daytime-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:"";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:"";color:#6a737d}.icon-ic-ui-bus-24:before{content:""}.icon-ic-ui-cab-24:before{content:""}.icon-ic-ui-calendar2-24:before{content:""}.icon-ic-ui-calender-24:before{content:""}.icon-ic-ui-email-24:before{content:""}.icon-ic-ui-home-24:before{content:""}.icon-ic-ui-meal-24:before{content:""}.icon-ic-ui-new_parking-24:before{content:""}.icon-ic-ui-night-24:before{content:""}.icon-ic-ui-office-24:before{content:""}.icon-ic-ui-outofoffice-24:before{content:""}.icon-ic-ui-parking-24:before{content:""}.icon-ic-ui-phone-24:before{content:""}.icon-ic-ui-Transport-availability-24:before{content:""}.icon-ic-ui-Transport-not-availability-24:before{content:""}.icon-ic-action-more-horiz-24:before{content:""}.icon-ic-action-add-24:before{content:""}.icon-ic-action-ascending-24:before{content:""}.icon-ic-action-cached-24:before{content:""}.icon-ic-action-calview-24:before{content:""}.icon-ic-action-copy-link-24:before{content:""}.icon-ic-action-delete-24:before{content:""}.icon-ic-action-descending-24:before{content:""}.icon-ic-action-download-24:before{content:""}.icon-ic-action-drag-24:before{content:"";color:#c8cdd3}.icon-ic-action-drag:before{content:"";color:#6a737d}.icon-ic-action-edit-24:before{content:""}.icon-ic-action-expand-24-1:before{content:""}.icon-ic-action-external-link-24:before{content:""}.icon-ic-action-favorite-24:before{content:""}.icon-ic-action-filter-24:before{content:""}.icon-ic-action-globe-24:before{content:""}.icon-ic-action-history-24-1:before{content:""}.icon-ic-action-history-24:before{content:""}.icon-ic-action-info-24:before{content:""}.icon-ic-action-invite-24:before{content:""}.icon-ic-action-listview-24:before{content:""}.icon-ic-action-logout-24:before{content:""}.icon-ic-action-menu-24:before{content:""}.icon-ic-action-more-vert-24:before{content:""}.icon-ic-action-notif-2-24:before{content:""}.icon-ic-action-notif-24:before{content:""}.icon-ic-action-person-search-24:before{content:""}.icon-ic-action-print-24:before{content:""}.icon-ic-action-qr-24:before{content:""}.icon-ic-action-refresh-24:before{content:""}.icon-ic-action-remove-24:before{content:""}.icon-ic-action-search-24:before{content:""}.icon-ic-action-see-more-24:before{content:""}.icon-ic-action-send-24:before{content:""}.icon-ic-action-share-24:before{content:""}.icon-ic-action-shift-time-24:before{content:""}.icon-ic-action-sort-24:before{content:""}.icon-ic-action-sort2-24:before{content:""}.icon-ic-action-switch-24:before{content:""}.icon-ic-action-upload-24:before{content:""}.icon-ic-action-visibility-24:before{content:"";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:"";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}']}]}],s.ctorParameters=function(){return[{type:o.Renderer2}]},s.propDecorators={config:[{type:o.Input}],tableData:[{type:o.Input}],table:[{type:o.ViewChild,args:["table"]}]};var b=function(){function e(){this.filtersData=[],this.containerStyles={},this.filtersApplied=new o.EventEmitter,this.filtersMap={},this.searchValue="",this.mySort=function(e,o){return e.name<o.name?-1:o.name<e.name?1:0}}return e.prototype.ngOnInit=function(){var e=this;this.filtersData.forEach((function(o){e.filtersMap[o.value]=o}))},e.prototype.resetFilters=function(){var e=this;this.filtersData.forEach((function(o){e.filtersMap[o.value].checked=!1})),this.filtersApplied.emit([])},e.prototype.applyFilters=function(){var e=Object.values(this.filtersMap).filter((function(e){return e.checked})).map((function(e){return{name:e.name,value:e.value}}));this.filtersApplied.emit(e)},e.prototype.updateSearchValue=function(e){this.searchValue=e.target.value},e.prototype.updateFilter=function(e){this.filtersMap[e.name]&&(this.filtersMap[e.name].checked=!this.filtersMap[e.name].checked)},e.prototype.getFiltersBasedOnSearchValue=function(){var e=this,o=Object.values(this.filtersMap);return(o=o.filter((function(o){return o.name.match(new RegExp(e.searchValue,"i"))}))).sort(this.mySort)},e.prototype.getCheckedFilters=function(){var e=Object.values(this.filtersMap);return e=e.filter((function(e){return e.checked})).sort(this.mySort)},e}();b.decorators=[{type:o.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:"";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:""}.icon-ic-action-average-trips:before{content:""}.icon-ic-action-EV-vehicle:before{content:""}.icon-ic-action-total-trips:before{content:""}.icon-ic-ui-front-desk-24:before{content:""}.icon-ic-ui-visitor-invite-24:before{content:""}.icon-ic-ETS-OTA-16:before{content:"";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:"";color:#0087b2}.icon-ic-home-office-24:before{content:"";color:#929dab}.icon-ic-device-unreachable-16:before{content:""}.icon-ic-fixed-device-not-reachable-16:before{content:""}.icon-ic-geo-fence-violation-16:before{content:""}.icon-ic-map-pin-16:before{content:""}.icon-ic-SOS-fixed-device-16:before{content:""}.icon-ic-SOS-mobile-16:before{content:""}.icon-ic-speeding-16:before{content:""}.icon-ic-tamper-alert-16:before{content:""}.icon-ic-unsafe-zone-alert-16:before{content:""}.icon-ic-vehicle-stopage-16:before{content:""}.icon-ic-violations-sign-off-time-16:before{content:""}.icon-ic-woman-travelling-alone-16:before{content:""}.icon-ic-ets-adhoc-32:before{content:"";color:#b00020}.icon-ic-ets-help-desk-32:before{content:"";color:#fff}.icon-ic-ets-login-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:"";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:"";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:"";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:"";color:#fff}.icon-ic-ui-WFO-24-2:before{content:"";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:"";color:#fff}.icon-ic-ui-battery-life-24:before{content:""}.icon-ic-ets-bus-24-1:before{content:""}.icon-ic-ets-bus-24-2:before{content:"";color:#0937b2}.icon-ic-ets-chat-24:before{content:""}.icon-ic-ets-cloud-off-24:before{content:""}.icon-ic-ets-walking-man-24:before{content:"";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:"";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:""}.icon-ic-ui-seperator-16:before{content:"";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:"";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:"";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:"";color:#815fd5}.icon-ic-eligibility-address-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:"";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:"";color:#0087b2}.icon-ic-map-pin-24:before{content:""}.icon-ic-mobile-side-menu-vaccine-24:before{content:"";color:#0937b2}.icon-ic-nav-help-24:before{content:""}.icon-ic-navigation-collapse-16:before{content:""}.icon-ic-navigation-expand-16:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:"";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:"";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:"";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:"";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:""}.icon-ic-nrs-sort--ascending-24:before{content:""}.icon-ic-nrs-sort--descending-24:before{content:""}.icon-ic-ui-changed-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:"";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:"";color:#b00020}.icon-ic-ui-download-24:before{content:""}.icon-ic-ui-error-24:before{content:"";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:"";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:"";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:""}.icon-ic-ui-overlap-16:before{content:""}.icon-ic-navigation-arrow_left-16:before{content:""}.icon-ic-navigation-arrow_right-16:before{content:""}.icon-ic-rep-booking-16:before{content:""}.icon-ic-ui-arrow-16:before{content:""}.icon-ic-ui-filters2-16:before{content:""}.icon-ic-ui-nonveg-16:before{content:"";color:#b00020}.icon-ic-ui-veg-16:before{content:"";color:#38af49}.icon-ic-ui-vegan-16:before{content:"";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:""}.icon-ic-ui-Phone-24-1:before{content:""}.icon-ic-ui-Phone-24:before{content:""}.icon-ic-ui-Name-24:before{content:""}.icon-ic-ui-transport-cab-24:before{content:""}.icon-ic-ui-info-24:before{content:"";color:#0091ff}.icon-ic-ui-WFO-24:before{content:""}.icon-ic-ui-action-24:before{content:""}.icon-ic-ui-approvals-24:before{content:""}.icon-ic-ui-approvals2-24:before{content:""}.icon-ic-ui-fast-24:before{content:""}.icon-ic-ui-transport-24:before{content:""}.icon-ic-ui-vaccine-review-24:before{content:""}.icon-ic-image-24:before{content:""}.icon-ic-ui-bike-24:before{content:""}.icon-ic-ui-car-24:before{content:""}.icon-ic-ui-description-24:before{content:""}.icon-ic-ui-email-24-1:before{content:""}.icon-ic-ui-format-bullet-24:before{content:""}.icon-ic-ui-format-number-24:before{content:""}.icon-ic-ui-help-24:before{content:""}.icon-ic-ui-location-24:before{content:""}.icon-ic-ui-location-searching-24:before{content:""}.icon-ic-ui-meal-241:before{content:""}.icon-ic-ui-on-call-24:before{content:""}.icon-ic-ui-person-24:before{content:""}.icon-ic-ui-pie-24:before{content:""}.icon-ic-ui-question-24:before{content:""}.icon-ic-ui-request-24:before{content:""}.icon-ic-ui-seat-24:before{content:""}.icon-ic-ui-trend-down-24:before{content:"";color:#b00020}.icon-ic-ui-trend-up-24:before{content:"";color:#38af49}.icon-ic-ui-warning-24:before{content:"";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:""}.icon-ic-nre-check-24:before{content:""}.icon-ic-nre-flag-24:before{content:""}.icon-ic-nre-notification-24:before{content:""}.icon-ic-nre-push-pin-24:before{content:""}.icon-ic-nre-wash-24:before{content:""}.icon-ic-nrs-security-24:before{content:""}.icon-ic-nrs-billing-24:before{content:""}.icon-ic-nrs-downloads-24:before{content:""}.icon-ic-nrs-loader-16:before{content:"";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:""}.icon-ic-nrs-refersh-24:before{content:""}.icon-ic-nrs-sanitize-24:before{content:""}.icon-ic-nrs-score-card-24:before{content:""}.icon-ic-nrs-view-24:before{content:""}.icon-ic-device-24:before{content:""}.icon-ic-duplicate-24--no-bg:before{content:"";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:"";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:"";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:"";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:"";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:""}.icon-ic-vendor-24:before{content:""}.icon-ic-naviation-directions-24:before{content:""}.icon-ic-navigation-arrow-left-24:before{content:""}.icon-ic-navigation-arrow-right-24:before{content:""}.icon-ic-navigation-cancel-24:before{content:""}.icon-ic-navigation-chevron-left-24:before{content:""}.icon-ic-navigation-chevron-right-24:before{content:""}.icon-ic-navigation-drop-down-24:before{content:""}.icon-ic-navigation-expand-less-24:before{content:""}.icon-ic-ui-check-24:before{content:""}.icon-ic-nav-meeting-fill-24:before{content:"";color:#0937b2}.icon-ic-mr-projector-24:before{content:""}.icon-ic-mr-building-24:before{content:""}.icon-ic-mr-deluxe-seat-24:before{content:""}.icon-ic-mr-fridge-24:before{content:""}.icon-ic-mr-guestwifi-24:before{content:""}.icon-ic-mr-ip-phones-24:before{content:""}.icon-ic-mr-mic-24:before{content:""}.icon-ic-mr-sanitization-spray-24:before{content:""}.icon-ic-mr-speakerphones-24:before{content:""}.icon-ic-mr-stationary-24:before{content:""}.icon-ic-mr-tv-24:before{content:""}.icon-ic-mr-video-conferencing-24:before{content:""}.icon-ic-mr-whiteboard-24:before{content:""}.icon-ic-mr-wing-24:before{content:""}.icon-ic-nav-seat-02-24:before{content:""}.icon-ic-nav-seat-fill-24:before{content:"";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:""}.icon-ic-map-current-24 .path1:before{content:"";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:""}.icon-ic-map-reposition-24:before{content:"";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:""}.icon-ic-new-icon-Desk-Allocation-24:before{content:""}.icon-ic-new-icon-desk-management-24:before{content:""}.icon-ic-new-icon-desk-utilisation-24:before{content:""}.icon-ic-new-icon-freeze-24-nobg:before{content:""}.icon-ic-new-icon-health-risk-24:before{content:""}.icon-ic-new-icon-key-24:before{content:""}.icon-ic-new-icon-meeting-room2-24:before{content:""}.icon-ic-new-icon-Rupee-24:before{content:""}.icon-ic-new-icon-user-permissions-1-24:before{content:""}.icon-ic-new-icons-User-group-24:before{content:""}.icon-ic-ui-attendance:before{content:""}.icon-ic-ui-cab-login:before{content:""}.icon-ic-ui-cab-logout:before{content:""}.icon-ic-ui-sign-in:before{content:""}.icon-request-2:before{content:""}.icon-seats-available:before{content:"";color:#5cc917}.icon-seats-booked:before{content:"";color:#039be5}.icon-seats-cancelled:before{content:"";color:#ef4d1d}.icon-seats-totals:before{content:"";color:#bcbcbc}.icon-ic-nav-team-24:before{content:""}.icon-ic-employee-rest:before{content:""}.icon-ic-nav-cancelled-24:before{content:""}.icon-ic-nav-desk-allocation-24:before{content:""}.icon-ic-nav-desk-bulk-upload-24:before{content:""}.icon-ic-nav-desk-mgmt-24:before{content:""}.icon-ic-nav-desk-utilization-24:before{content:""}.icon-ic-nav-meetingroom-24:before{content:""}.icon-ic-nav-office-24:before{content:""}.icon-ic-nav-qr-mgmt-24:before{content:""}.icon-ic-nav-report-24:before{content:""}.icon-ic-nav-resource-grps-24:before{content:""}.icon-ic-nav-seat-mgmt-24:before{content:""}.icon-ic-nav-settings-24:before{content:""}.icon-ic-nav-translate-24:before{content:""}.icon-ic-nav-unplanned-24:before{content:""}.icon-ic-nav-upload-24:before{content:""}.icon-ic-nav-user-24:before{content:""}.icon-ic-nav-user-grps-24:before{content:""}.icon-ic-nav-user-pemissions-24:before{content:""}.icon-ic-nav-utilisation-24:before{content:""}.icon-ic-nav-vaccine-24:before{content:""}.icon-ic-nav-visitor-management-24:before{content:""}.icon-ic-nav-work-planner-24:before{content:""}.icon-ic-nre-add-24:before{content:""}.icon-ic-nre-deactivate-24:before{content:""}.icon-ic-sidebar-floor-plan-24:before{content:""}.icon-ic-sidebar-guard-24:before{content:""}.icon-ic-sidebar-home-24:before{content:""}.icon-ic-sidebar-meeting-rooms-24:before{content:""}.icon-ic-sidebar-my-bookings-24:before{content:""}.icon-ic-sidebar-reception-24:before{content:""}.icon-ic-ui-pdf-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:"";color:#929dab}.icon-ic-ui-daytime-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:"";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:"";color:#6a737d}.icon-ic-ui-bus-24:before{content:""}.icon-ic-ui-cab-24:before{content:""}.icon-ic-ui-calendar2-24:before{content:""}.icon-ic-ui-calender-24:before{content:""}.icon-ic-ui-email-24:before{content:""}.icon-ic-ui-home-24:before{content:""}.icon-ic-ui-meal-24:before{content:""}.icon-ic-ui-new_parking-24:before{content:""}.icon-ic-ui-night-24:before{content:""}.icon-ic-ui-office-24:before{content:""}.icon-ic-ui-outofoffice-24:before{content:""}.icon-ic-ui-parking-24:before{content:""}.icon-ic-ui-phone-24:before{content:""}.icon-ic-ui-Transport-availability-24:before{content:""}.icon-ic-ui-Transport-not-availability-24:before{content:""}.icon-ic-action-more-horiz-24:before{content:""}.icon-ic-action-add-24:before{content:""}.icon-ic-action-ascending-24:before{content:""}.icon-ic-action-cached-24:before{content:""}.icon-ic-action-calview-24:before{content:""}.icon-ic-action-copy-link-24:before{content:""}.icon-ic-action-delete-24:before{content:""}.icon-ic-action-descending-24:before{content:""}.icon-ic-action-download-24:before{content:""}.icon-ic-action-drag-24:before{content:"";color:#c8cdd3}.icon-ic-action-drag:before{content:"";color:#6a737d}.icon-ic-action-edit-24:before{content:""}.icon-ic-action-expand-24-1:before{content:""}.icon-ic-action-external-link-24:before{content:""}.icon-ic-action-favorite-24:before{content:""}.icon-ic-action-filter-24:before{content:""}.icon-ic-action-globe-24:before{content:""}.icon-ic-action-history-24-1:before{content:""}.icon-ic-action-history-24:before{content:""}.icon-ic-action-info-24:before{content:""}.icon-ic-action-invite-24:before{content:""}.icon-ic-action-listview-24:before{content:""}.icon-ic-action-logout-24:before{content:""}.icon-ic-action-menu-24:before{content:""}.icon-ic-action-more-vert-24:before{content:""}.icon-ic-action-notif-2-24:before{content:""}.icon-ic-action-notif-24:before{content:""}.icon-ic-action-person-search-24:before{content:""}.icon-ic-action-print-24:before{content:""}.icon-ic-action-qr-24:before{content:""}.icon-ic-action-refresh-24:before{content:""}.icon-ic-action-remove-24:before{content:""}.icon-ic-action-search-24:before{content:""}.icon-ic-action-see-more-24:before{content:""}.icon-ic-action-send-24:before{content:""}.icon-ic-action-share-24:before{content:""}.icon-ic-action-shift-time-24:before{content:""}.icon-ic-action-sort-24:before{content:""}.icon-ic-action-sort2-24:before{content:""}.icon-ic-action-switch-24:before{content:""}.icon-ic-action-upload-24:before{content:""}.icon-ic-action-visibility-24:before{content:"";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:"";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}']}]}],b.ctorParameters=function(){return[]},b.propDecorators={filtersData:[{type:o.Input}],containerStyles:[{type:o.Input}],filtersApplied:[{type:o.Output}],container:[{type:o.ViewChild,args:["mainContainer"]}]};var d=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();d.decorators=[{type:o.NgModule,args:[{declarations:[f,s,b,l],imports:[n.CommonModule,t.CheckboxModule,i.ScrollingModule],exports:[f,s,b,l]}]}],e.CustomTableCellDirective=l,e.TableComponent=f,e.TableFilterComponent=b,e.TableModule=d,e.ɵa=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-table.umd.min.js.map

package/bundles/mis-crystal-design-system-table.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/table/table.component.ts","../../../projects/mis-components/table/custom-table-cell.directive.ts","../../../projects/mis-components/table/sub-table/sub-table.component.ts","../../../projects/mis-components/table/filter/filter.component.ts","../../../projects/mis-components/table/table.module.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","__spread","arguments","concat","TableComponent","renderer","this","showFilter","filterName","filterData","filterContainerStyles","appliedFilters","filtersUpdated","EventEmitter","pages","pageSelected","tableData","subTableData","prototype","ngOnInit","_this","tableLength","apply","initializeFilters","config","paginationConfig","initializePagination","undefined","canScrollHorizontally","document","addEventListener","event","filter","isCheckBoxClicked","target","className","container","nativeElement","contains","toggleFilter","ngAfterViewInit","height","table","offsetHeight","setStyle","ngOnChanges","_e","_a","colHeaderConfig","_f","colHeader","filters","_g","e_2","_h","checked","name","data","offSet","colHeadersReversed","colHeaders","toArray","reverse","colHeadersReversed_1","colHeadersReversed_1_1","header","innerText","offsetWidth","top","right","updateAppliedFilters","emit","assign","len","noOfPages","updateSelectedPage","pageNumber","selectedPage","getContainerHeight","getContainerWidth","width","getColHeadersRowHeight","colHeadersRowConfig","getColHeadersRowBorderTop","style","borderTop","_b","getColHeadersRowBorderBottom","borderBottom","Component","args","selector","template","Renderer2","Output","ViewChild","ViewChildren","Input","CustomTableCellDirective","viewContainerRef","componentFactoryResolver","defineProperty","component","createComponent","cellData","ref","instance","cmpFactoryResolver","resolveComponentFactory","clear","setData","Directive","ViewContainerRef","ComponentFactoryResolver","SubTableComponent","TableFilterComponent","filtersData","containerStyles","filtersApplied","filtersMap","searchValue","mySort","a","b","forEach","resetFilters","applyFilters","list","values","map","updateSearchValue","updateFilter","getFiltersBasedOnSearchValue","match","RegExp","sort","getCheckedFilters","TableModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","CheckboxModule","ScrollingModule","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n QueryList,\n Renderer2,\n ViewChild,\n ViewChildren\n} from \"@angular/core\";\nimport { Filter, TableFilterComponent } from \"./filter/filter.component\";\n\n@Component({\n selector: \"mis-table\",\n templateUrl: \"table.component.html\",\n styleUrls: [\"table.component.css\"]\n})\nexport class TableComponent implements OnInit, AfterViewInit, OnChanges {\n // Filter related variables\n showFilter: boolean = false;\n filterName: string = \"\";\n filterData: Array<Filter> = [];\n filterContainerStyles: any = {};\n appliedFilters: { [key: string]: Array<{ name: string; value: string }> } = {};\n @Output() filtersUpdated = new EventEmitter<{\n [key: string]: Array<{ name: string; value: string }>;\n }>();\n\n @ViewChild(\"filter\") filter: TableFilterComponent \| any;\n @ViewChildren(\"colHeaderRef\") colHeaders: QueryList<ElementRef> \| any;\n\n // Pagination related variables\n pages: Array<number> = [];\n tableLength: number;\n @Output() pageSelected = new EventEmitter<number>();\n\n @Input(\"tableConfig\") config: TableConfig \| any;\n @Input() subTableconfig: TableConfig \| any;\n @Input() tableDataLoading: boolean \| any;\n @Input() expandedIndex: number \| any;\n @Input() tableData: Array<Array<any>> = [];\n @Input() subTableData: Array<Array<any>> = [];\n @Input() subTableDataLoading: boolean \| any;\n @ViewChild(\"table\") table: ElementRef \| any;\n\n constructor(private renderer: Renderer2) { }\n\n ngOnInit(): void {\n this.tableLength = [].concat(...this.tableData).length;\n this.initializeFilters();\n if (this.config.paginationConfig) {\n this.initializePagination();\n }\n if (this.config.canScrollHorizontally === undefined) {\n this.config.canScrollHorizontally = false;\n }\n document.addEventListener(\"click\", event => {\n if (this.filter) {\n let isCheckBoxClicked = true;\n let targetElement = event.target as HTMLSpanElement;\n if (targetElement.className === \"checkmark\") {\n isCheckBoxClicked = true;\n this.showFilter = true;\n }\n let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);\n if (!isClickInsideElement && !isCheckBoxClicked) {\n this.toggleFilter(this.filterName);\n }\n }\n });\n }\n ngAfterViewInit() {\n if (this.config.paginationConfig) {\n let height = this.table.nativeElement.offsetHeight;\n this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n }\n }\n ngOnChanges() {\n this.tableLength = [].concat(...this.tableData).length;\n }\n\n // Filter related functions\n initializeFilters() {\n for (let colHeader of this.config?.colHeaderConfig) {\n if (colHeader.filters) {\n let filters = [];\n for (let filter of colHeader.filters) {\n if (filter.checked) {\n filters.push({\n name: filter.name,\n value: filter.value\n });\n }\n }\n if (filters.length > 0) this.appliedFilters[colHeader.data] = filters;\n }\n }\n }\n toggleFilter(filterName: string) {\n if (!this.showFilter) {\n this.filterName = filterName;\n this.showFilter = true;\n\n let offSet = 0;\n let colHeadersReversed = this.colHeaders.toArray().reverse();\n\n for (let header of colHeadersReversed) {\n if (header.nativeElement.innerText === filterName) break;\n offSet += header.nativeElement.offsetWidth;\n }\n this.filterContainerStyles = {\n top: \"44px\",\n right: offSet > 0 ? offSet - 116 + \"px\" : \"12px\"\n };\n } else {\n this.filterName = \"\";\n this.filterData = [];\n this.showFilter = false;\n }\n }\n updateAppliedFilters(appliedFilters: Array<{ name: string; value: string }>) {\n if (appliedFilters.length == 0) {\n delete this.appliedFilters[this.filterName];\n } else {\n this.appliedFilters[this.filterName] = appliedFilters;\n }\n this.filtersUpdated.emit({ ...this.appliedFilters });\n this.toggleFilter(this.filterName);\n }\n\n // Pagination related functions\n initializePagination() {\n if (this.config.paginationConfig) {\n let len = this.config.paginationConfig.noOfPages;\n if (len <= 7) {\n for (let i = 1; i <= len; i++) {\n this.pages.push(i);\n }\n } else {\n this.pages = [1, 2, 3, 4, 0, len];\n }\n }\n }\n updateSelectedPage(pageNumber: number) {\n if (pageNumber < 1 \|\| pageNumber > this.config.paginationConfig.noOfPages) return;\n this.config.paginationConfig.selectedPage = pageNumber;\n let len = this.config.paginationConfig.noOfPages;\n if (len > 7) {\n if (pageNumber - 2 <= 1) {\n this.pages = [1, 2, 3, 4, 0, len];\n } else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {\n this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];\n } else if (pageNumber + 2 >= len) {\n this.pages = [1, 0, len - 3, len - 2, len - 1, len];\n }\n }\n this.pageSelected.emit(this.config.paginationConfig?.selectedPage);\n }\n\n // Main container related functions\n getContainerHeight() {\n if (this.config?.height) return this.config.height;\n else return \"\";\n }\n getContainerWidth() {\n if (this.config?.width) return this.config.width;\n else return \"\";\n }\n\n // Column Headers related functions\n getColHeadersRowHeight() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n return this.config.colHeadersRowConfig.height;\n } else return \"44px\";\n }\n getColHeadersRowBorderTop() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n return this.config.colHeadersRowConfig.style?.borderTop;\n } else return \"\";\n }\n getColHeadersRowBorderBottom() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n return this.config.colHeadersRowConfig.style?.borderBottom;\n } else return \"1px solid #E0E0E0\";\n }\n}\n\nexport interface TableConfig {\n height: string \| \"100%\";\n width: string \| \"100%\";\n paginationConfig?: PaginationConfig \| undefined \| null;\n colHeadersRowConfig: RowConfig \| undefined \| null;\n rowConfig: RowConfig \| undefined \| null;\n colHeaderConfig: Array<ColHeaderConfig>;\n colConfig: Array<ColConfig>;\n canExpand?: boolean;\n canScrollHorizontally?: boolean;\n cellHover?: boolean;\n}\nexport interface PaginationConfig {\n noOfPages: number;\n rowsPerPage: number;\n totalNoOfRows: number;\n selectedPage?: number;\n}\nexport interface RowConfig {\n height?: string \| undefined \| null;\n style?: {};\n}\nexport interface ColHeaderConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n data: any;\n componentRef?: any;\n filters?: Array<Filter> \| null;\n style?: {};\n action?: any;\n}\nexport interface ColConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n componentRef?: any;\n style?: {};\n action?: any;\n}\n","import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from \"@angular/core\";\n\n@Directive({\n selector: \"[customTableCell]\"\n})\nexport class CustomTableCellDirective {\n private ref: any;\n private component: any;\n private cellData: any;\n\n @Input() set customComponent(value: any) {\n this.component = value;\n this.createComponent();\n }\n @Input() set data(value: any) {\n this.cellData = value;\n if (this.ref) {\n this.ref.instance.data = this.cellData;\n }\n }\n\n constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {}\n\n createComponent() {\n if (this.component) {\n const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);\n this.viewContainerRef.clear();\n this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);\n this.setData();\n }\n }\n setData() {\n this.ref.instance.data = this.cellData;\n }\n}\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from \"@angular/core\";\n\n@Component({\n selector: \"sub-table\",\n templateUrl: \"sub-table.component.html\",\n styleUrls: [\"sub-table.component.css\"]\n})\nexport class SubTableComponent implements OnInit, AfterViewInit {\n selectedPage = 1;\n pages: Array<number> = [];\n\n @Input() config: SubTableConfig \| any;\n @Input() tableData: Array<Array<any>> = [];\n @ViewChild(\"table\") table: ElementRef \| any;\n constructor(private renderer: Renderer2) {}\n\n ngOnInit() {}\n\n ngAfterViewInit() {\n if (this.config.paginationConfig) {\n let height = this.table.nativeElement.offsetHeight;\n this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n }\n }\n\n // Main container related functions\n getContainerHeight() {\n if (this.config.height) return this.config.height;\n else return \"\";\n }\n getContainerWidth() {\n if (this.config.width) return this.config.width;\n else return \"\";\n }\n\n // Column Headers related functions\n getColHeadersRowHeight() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n return this.config.colHeadersRowConfig.height;\n } else return \"44px\";\n }\n getColHeadersRowBorderTop() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n return this.config.colHeadersRowConfig.style?.borderTop;\n } else return \"\";\n }\n getColHeadersRowBorderBottom() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n return this.config.colHeadersRowConfig.style?.borderBottom;\n } else return \"1px solid #E0E0E0\";\n }\n}\n\nexport interface SubTableConfig {\n height: string \| \"100%\";\n width: string \| \"100%\";\n dataContainerMaxHeight: string \| \"400px\";\n showHeader?: boolean \| undefined;\n rowConfig: SubTableRowConfig \| undefined \| null;\n colHeaderConfig?: Array<SubTableColHeaderConfig>;\n colConfig: Array<SubTableColConfig>;\n}\n\nexport interface SubTableRowConfig {\n height?: string \| undefined \| null;\n style?: {};\n}\nexport interface SubTableColHeaderConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n data: any;\n componentRef?: any;\n style?: {};\n action?: any;\n}\nexport interface SubTableColConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n componentRef?: any;\n style?: {};\n action?: any;\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from \"@angular/core\";\n\n@Component({\n selector: \"mis-table-filter\",\n templateUrl: \"filter.component.html\",\n styleUrls: [\"filter.component.css\"]\n})\nexport class TableFilterComponent implements OnInit {\n @Input() filtersData: Array<Filter> = [];\n @Input() containerStyles: any = {};\n\n @Output() filtersApplied = new EventEmitter<any>();\n\n @ViewChild(\"mainContainer\") container: ElementRef \| undefined;\n\n filtersMap: any = {};\n searchValue: string = \"\";\n\n constructor() {}\n\n ngOnInit(): void {\n this.filtersData.forEach(filter => {\n this.filtersMap[filter.value] = filter;\n });\n }\n resetFilters() {\n this.filtersData.forEach(filter => {\n this.filtersMap[filter.value].checked = false;\n });\n this.filtersApplied.emit([]);\n }\n applyFilters() {\n let list = Object.values(this.filtersMap)\n .filter((filter: Filter \| any) => filter.checked)\n .map((filter: Filter \| any) => {\n return {\n name: filter.name,\n value: filter.value\n };\n });\n this.filtersApplied.emit(list);\n }\n updateSearchValue(event: any) {\n this.searchValue = event.target.value;\n }\n updateFilter(data: any) {\n if (this.filtersMap[data.name]) {\n this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;\n }\n }\n getFiltersBasedOnSearchValue(): Filter[] \| any {\n let list = Object.values(this.filtersMap);\n list = list.filter((filter: Filter \| any) => {\n return filter.name.match(new RegExp(this.searchValue, \"i\"));\n });\n return list.sort(this.mySort);\n }\n getCheckedFilters(): Filter[] \| any {\n let list = Object.values(this.filtersMap);\n list = list.filter((filter: Filter \| any) => filter.checked).sort(this.mySort);\n return list;\n }\n mySort = (a: Filter \| any, b: Filter \| any) => {\n if (a.name < b.name) return -1;\n else if (b.name < a.name) return 1;\n else return 0;\n };\n}\nexport interface Filter {\n name: string;\n value: string;\n checked: boolean;\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { TableComponent } from \"./table.component\";\nimport { CustomTableCellDirective } from \"./custom-table-cell.directive\";\nimport { SubTableComponent } from \"./sub-table/sub-table.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { TableFilterComponent } from \"./filter/filter.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { ScrollingModule } from \"@angular/cdk/scrolling\";\n\n@NgModule({\n declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],\n imports: [CommonModule, CheckboxModule, ScrollingModule],\n exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]\n})\nexport class TableModule {\n static forRoot(): ModuleWithProviders<TableModule> {\n return { ngModule: TableModule, providers: [] };\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/table/table.component.ts","../../../projects/mis-components/table/custom-table-cell.directive.ts","../../../projects/mis-components/table/sub-table/sub-table.component.ts","../../../projects/mis-components/table/filter/filter.component.ts","../../../projects/mis-components/table/table.module.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","__spread","arguments","concat","TableComponent","renderer","this","showFilter","filterName","filterData","filterContainerStyles","appliedFilters","filtersUpdated","EventEmitter","pages","pageSelected","tableData","subTableData","prototype","ngOnInit","_this","tableLength","apply","initializeFilters","config","paginationConfig","initializePagination","undefined","canScrollHorizontally","document","addEventListener","event","filter","isCheckBoxClicked","target","className","container","nativeElement","contains","toggleFilter","ngAfterViewInit","height","table","offsetHeight","setStyle","ngOnChanges","_e","_a","colHeaderConfig","_f","colHeader","filters","_g","e_2","_h","checked","name","data","offSet","colHeadersReversed","colHeaders","toArray","reverse","colHeadersReversed_1","colHeadersReversed_1_1","header","innerText","offsetWidth","top","right","updateAppliedFilters","emit","assign","len","noOfPages","updateSelectedPage","pageNumber","selectedPage","getContainerHeight","getContainerWidth","width","getColHeadersRowHeight","colHeadersRowConfig","getColHeadersRowBorderTop","style","borderTop","_b","getColHeadersRowBorderBottom","borderBottom","Component","args","selector","template","Renderer2","Output","ViewChild","ViewChildren","Input","CustomTableCellDirective","viewContainerRef","componentFactoryResolver","defineProperty","component","createComponent","cellData","ref","instance","cmpFactoryResolver","resolveComponentFactory","clear","setData","Directive","ViewContainerRef","ComponentFactoryResolver","SubTableComponent","TableFilterComponent","filtersData","containerStyles","filtersApplied","filtersMap","searchValue","mySort","a","b","forEach","resetFilters","applyFilters","list","values","map","updateSearchValue","updateFilter","getFiltersBasedOnSearchValue","match","RegExp","sort","getCheckedFilters","TableModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","CheckboxModule","ScrollingModule","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n QueryList,\n Renderer2,\n ViewChild,\n ViewChildren\n} from \"@angular/core\";\nimport { Filter, TableFilterComponent } from \"./filter/filter.component\";\n\n@Component({\n selector: \"mis-table\",\n templateUrl: \"table.component.html\",\n styleUrls: [\"table.component.scss\"]\n})\nexport class TableComponent implements OnInit, AfterViewInit, OnChanges {\n // Filter related variables\n showFilter: boolean = false;\n filterName: string = \"\";\n filterData: Array<Filter> = [];\n filterContainerStyles: any = {};\n appliedFilters: { [key: string]: Array<{ name: string; value: string }> } = {};\n @Output() filtersUpdated = new EventEmitter<{\n [key: string]: Array<{ name: string; value: string }>;\n }>();\n\n @ViewChild(\"filter\") filter: TableFilterComponent \| any;\n @ViewChildren(\"colHeaderRef\") colHeaders: QueryList<ElementRef> \| any;\n\n // Pagination related variables\n pages: Array<number> = [];\n tableLength: number;\n @Output() pageSelected = new EventEmitter<number>();\n\n @Input(\"tableConfig\") config: TableConfig \| any;\n @Input() subTableconfig: TableConfig \| any;\n @Input() tableDataLoading: boolean \| any;\n @Input() expandedIndex: number \| any;\n @Input() tableData: Array<Array<any>> = [];\n @Input() subTableData: Array<Array<any>> = [];\n @Input() subTableDataLoading: boolean \| any;\n @ViewChild(\"table\") table: ElementRef \| any;\n\n constructor(private renderer: Renderer2) { }\n\n ngOnInit(): void {\n this.tableLength = [].concat(...this.tableData).length;\n this.initializeFilters();\n if (this.config.paginationConfig) {\n this.initializePagination();\n }\n if (this.config.canScrollHorizontally === undefined) {\n this.config.canScrollHorizontally = false;\n }\n document.addEventListener(\"click\", event => {\n if (this.filter) {\n let isCheckBoxClicked = true;\n let targetElement = event.target as HTMLSpanElement;\n if (targetElement.className === \"checkmark\") {\n isCheckBoxClicked = true;\n this.showFilter = true;\n }\n let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);\n if (!isClickInsideElement && !isCheckBoxClicked) {\n this.toggleFilter(this.filterName);\n }\n }\n });\n }\n ngAfterViewInit() {\n if (this.config.paginationConfig) {\n let height = this.table.nativeElement.offsetHeight;\n this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n }\n }\n ngOnChanges() {\n this.tableLength = [].concat(...this.tableData).length;\n }\n\n // Filter related functions\n initializeFilters() {\n for (let colHeader of this.config?.colHeaderConfig) {\n if (colHeader.filters) {\n let filters = [];\n for (let filter of colHeader.filters) {\n if (filter.checked) {\n filters.push({\n name: filter.name,\n value: filter.value\n });\n }\n }\n if (filters.length > 0) this.appliedFilters[colHeader.data] = filters;\n }\n }\n }\n toggleFilter(filterName: string) {\n if (!this.showFilter) {\n this.filterName = filterName;\n this.showFilter = true;\n\n let offSet = 0;\n let colHeadersReversed = this.colHeaders.toArray().reverse();\n\n for (let header of colHeadersReversed) {\n if (header.nativeElement.innerText === filterName) break;\n offSet += header.nativeElement.offsetWidth;\n }\n this.filterContainerStyles = {\n top: \"44px\",\n right: offSet > 0 ? offSet - 116 + \"px\" : \"12px\"\n };\n } else {\n this.filterName = \"\";\n this.filterData = [];\n this.showFilter = false;\n }\n }\n updateAppliedFilters(appliedFilters: Array<{ name: string; value: string }>) {\n if (appliedFilters.length == 0) {\n delete this.appliedFilters[this.filterName];\n } else {\n this.appliedFilters[this.filterName] = appliedFilters;\n }\n this.filtersUpdated.emit({ ...this.appliedFilters });\n this.toggleFilter(this.filterName);\n }\n\n // Pagination related functions\n initializePagination() {\n if (this.config.paginationConfig) {\n let len = this.config.paginationConfig.noOfPages;\n if (len <= 7) {\n for (let i = 1; i <= len; i++) {\n this.pages.push(i);\n }\n } else {\n this.pages = [1, 2, 3, 4, 0, len];\n }\n }\n }\n updateSelectedPage(pageNumber: number) {\n if (pageNumber < 1 \|\| pageNumber > this.config.paginationConfig.noOfPages) return;\n this.config.paginationConfig.selectedPage = pageNumber;\n let len = this.config.paginationConfig.noOfPages;\n if (len > 7) {\n if (pageNumber - 2 <= 1) {\n this.pages = [1, 2, 3, 4, 0, len];\n } else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {\n this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];\n } else if (pageNumber + 2 >= len) {\n this.pages = [1, 0, len - 3, len - 2, len - 1, len];\n }\n }\n this.pageSelected.emit(this.config.paginationConfig?.selectedPage);\n }\n\n // Main container related functions\n getContainerHeight() {\n if (this.config?.height) return this.config.height;\n else return \"\";\n }\n getContainerWidth() {\n if (this.config?.width) return this.config.width;\n else return \"\";\n }\n\n // Column Headers related functions\n getColHeadersRowHeight() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n return this.config.colHeadersRowConfig.height;\n } else return \"44px\";\n }\n getColHeadersRowBorderTop() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n return this.config.colHeadersRowConfig.style?.borderTop;\n } else return \"\";\n }\n getColHeadersRowBorderBottom() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n return this.config.colHeadersRowConfig.style?.borderBottom;\n } else return \"1px solid #E0E0E0\";\n }\n}\n\nexport interface TableConfig {\n height: string \| \"100%\";\n width: string \| \"100%\";\n paginationConfig?: PaginationConfig \| undefined \| null;\n colHeadersRowConfig: RowConfig \| undefined \| null;\n rowConfig: RowConfig \| undefined \| null;\n colHeaderConfig: Array<ColHeaderConfig>;\n colConfig: Array<ColConfig>;\n canExpand?: boolean;\n canScrollHorizontally?: boolean;\n cellHover?: boolean;\n}\nexport interface PaginationConfig {\n noOfPages: number;\n rowsPerPage: number;\n totalNoOfRows: number;\n selectedPage?: number;\n}\nexport interface RowConfig {\n height?: string \| undefined \| null;\n style?: {};\n}\nexport interface ColHeaderConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n data: any;\n componentRef?: any;\n filters?: Array<Filter> \| null;\n style?: {};\n action?: any;\n}\nexport interface ColConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n componentRef?: any;\n style?: {};\n action?: any;\n}\n","import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from \"@angular/core\";\n\n@Directive({\n selector: \"[customTableCell]\"\n})\nexport class CustomTableCellDirective {\n private ref: any;\n private component: any;\n private cellData: any;\n\n @Input() set customComponent(value: any) {\n this.component = value;\n this.createComponent();\n }\n @Input() set data(value: any) {\n this.cellData = value;\n if (this.ref) {\n this.ref.instance.data = this.cellData;\n }\n }\n\n constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {}\n\n createComponent() {\n if (this.component) {\n const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);\n this.viewContainerRef.clear();\n this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);\n this.setData();\n }\n }\n setData() {\n this.ref.instance.data = this.cellData;\n }\n}\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from \"@angular/core\";\n\n@Component({\n selector: \"sub-table\",\n templateUrl: \"sub-table.component.html\",\n styleUrls: [\"sub-table.component.scss\"]\n})\nexport class SubTableComponent implements OnInit, AfterViewInit {\n selectedPage = 1;\n pages: Array<number> = [];\n\n @Input() config: SubTableConfig \| any;\n @Input() tableData: Array<Array<any>> = [];\n @ViewChild(\"table\") table: ElementRef \| any;\n constructor(private renderer: Renderer2) {}\n\n ngOnInit() {}\n\n ngAfterViewInit() {\n if (this.config.paginationConfig) {\n let height = this.table.nativeElement.offsetHeight;\n this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n }\n }\n\n // Main container related functions\n getContainerHeight() {\n if (this.config.height) return this.config.height;\n else return \"\";\n }\n getContainerWidth() {\n if (this.config.width) return this.config.width;\n else return \"\";\n }\n\n // Column Headers related functions\n getColHeadersRowHeight() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n return this.config.colHeadersRowConfig.height;\n } else return \"44px\";\n }\n getColHeadersRowBorderTop() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n return this.config.colHeadersRowConfig.style?.borderTop;\n } else return \"\";\n }\n getColHeadersRowBorderBottom() {\n if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n return this.config.colHeadersRowConfig.style?.borderBottom;\n } else return \"1px solid #E0E0E0\";\n }\n}\n\nexport interface SubTableConfig {\n height: string \| \"100%\";\n width: string \| \"100%\";\n dataContainerMaxHeight: string \| \"400px\";\n showHeader?: boolean \| undefined;\n rowConfig: SubTableRowConfig \| undefined \| null;\n colHeaderConfig?: Array<SubTableColHeaderConfig>;\n colConfig: Array<SubTableColConfig>;\n}\n\nexport interface SubTableRowConfig {\n height?: string \| undefined \| null;\n style?: {};\n}\nexport interface SubTableColHeaderConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n data: any;\n componentRef?: any;\n style?: {};\n action?: any;\n}\nexport interface SubTableColConfig {\n type: \"text\" \| \"number\" \| \"custom\";\n componentRef?: any;\n style?: {};\n action?: any;\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from \"@angular/core\";\n\n@Component({\n selector: \"mis-table-filter\",\n templateUrl: \"filter.component.html\",\n styleUrls: [\"filter.component.scss\"]\n})\nexport class TableFilterComponent implements OnInit {\n @Input() filtersData: Array<Filter> = [];\n @Input() containerStyles: any = {};\n\n @Output() filtersApplied = new EventEmitter<any>();\n\n @ViewChild(\"mainContainer\") container: ElementRef \| undefined;\n\n filtersMap: any = {};\n searchValue: string = \"\";\n\n constructor() {}\n\n ngOnInit(): void {\n this.filtersData.forEach(filter => {\n this.filtersMap[filter.value] = filter;\n });\n }\n resetFilters() {\n this.filtersData.forEach(filter => {\n this.filtersMap[filter.value].checked = false;\n });\n this.filtersApplied.emit([]);\n }\n applyFilters() {\n let list = Object.values(this.filtersMap)\n .filter((filter: Filter \| any) => filter.checked)\n .map((filter: Filter \| any) => {\n return {\n name: filter.name,\n value: filter.value\n };\n });\n this.filtersApplied.emit(list);\n }\n updateSearchValue(event: any) {\n this.searchValue = event.target.value;\n }\n updateFilter(data: any) {\n if (this.filtersMap[data.name]) {\n this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;\n }\n }\n getFiltersBasedOnSearchValue(): Filter[] \| any {\n let list = Object.values(this.filtersMap);\n list = list.filter((filter: Filter \| any) => {\n return filter.name.match(new RegExp(this.searchValue, \"i\"));\n });\n return list.sort(this.mySort);\n }\n getCheckedFilters(): Filter[] \| any {\n let list = Object.values(this.filtersMap);\n list = list.filter((filter: Filter \| any) => filter.checked).sort(this.mySort);\n return list;\n }\n mySort = (a: Filter \| any, b: Filter \| any) => {\n if (a.name < b.name) return -1;\n else if (b.name < a.name) return 1;\n else return 0;\n };\n}\nexport interface Filter {\n name: string;\n value: string;\n checked: boolean;\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { TableComponent } from \"./table.component\";\nimport { CustomTableCellDirective } from \"./custom-table-cell.directive\";\nimport { SubTableComponent } from \"./sub-table/sub-table.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { TableFilterComponent } from \"./filter/filter.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { ScrollingModule } from \"@angular/cdk/scrolling\";\n\n@NgModule({\n declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],\n imports: [CommonModule, CheckboxModule, ScrollingModule],\n exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]\n})\nexport class TableModule {\n static forRoot(): ModuleWithProviders<TableModule> {\n return { ngModule: TableModule, providers: [] };\n }\n}\n"]}

package/bundles/mis-crystal-design-system-toast.umd.js CHANGED Viewed

@@ -55,7 +55,7 @@
                             animations.transition(":leave", [animations.animate("300ms ease-in", animations.style({ opacity: "0", transform: "translateY(50%)" }))])
                         ])
                     ],
-                    styles: [".toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width:360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}"]
+                    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}.toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width:360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}"]
                 },] }
     ];
     ToastComponent.ctorParameters = function () { return [