[{"__symbolic":"module","version":4,"metadata":{"KanbanOrderListViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"antera-software-list-view","template":"<table mat-table [dataSource]=\"dataSource\"  matSort (matSortChange)=\"onListViewSort($event)\" class=\"mat-elevation-z8\" [ngClass]=\"{'fixedHeader': displayActionsBar}\"   style=\"width:100%\">\r\n\r\n  <ng-container matColumnDef=\"select\" class=\"select-container\">\r\n    <th mat-header-cell  *matHeaderCellDef class=\"select-container width-120 padding-right-8\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"4px\">\r\n        <mat-checkbox (change)=\"toggleAll('SELECT_ALL_TOGGLE')\" [checked]=\"selectAll\" > </mat-checkbox>\r\n        <div class=\"arrow-down\" [matMenuTriggerFor]=\"selectAllMenu\"> </div>\r\n      </div>\r\n    </th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox  (change)=\"toggleAll('SINGLE',$event, element)\" [checked]=\"element.select\"> </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"favourite\">\r\n    <th mat-header-cell *matHeaderCellDef class=\"width-60 header-cell\"></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <div (click)=\"onFavoriteClick(element)\">\r\n        <mat-icon *ngIf=\"element?.favorite; else emptyStar\" aria-hidden=\"false\" class=\"pointer favorite\">star\r\n        </mat-icon>\r\n        <ng-template #emptyStar>\r\n          <mat-icon aria-hidden=\"false\" class=\"pointer favorite\">star_border</mat-icon>\r\n        </ng-template>\r\n      </div>\r\n    </td>\r\n  </ng-container>\r\n\r\n    <!-- Comment Column -->\r\n    <ng-container matColumnDef=\"comments\">\r\n      <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'comments' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell (click)=\"onColumnClicked(element, 'comments')\" class=\"comments pointer\" *matCellDef=\"let element\">\r\n          <mat-icon > mode_comment</mat-icon>\r\n           <p class=\"comment-number\" [ngClass]=\"{'comment-position': element?.comments < 10}\"> {{ element?.comments || 0 }} </p>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- Sync Status Column -->\r\n    <ng-container matColumnDef=\"syncStatus\">\r\n      <th mat-header-cell class=\"header-cell\" *matHeaderCellDef> {{ 'syncStatus' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"comments pointer\" *matCellDef=\"let element\">\r\n        <button class=\"resync-btn mat-button-toggle-checked\" *ngIf=\"element?.resyncEnabled\" mat-button (click)=\"resyncQBOStatus(element?.id)\" [matTooltip]=\"element.resyncMessage\" [matTooltipClass]=\"'order-row-tooltip'\" [matTooltipPosition]=\"'above'\">\r\n          <mat-icon aria-hidden=\"false\">refresh</mat-icon>\r\n        </button>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- Task Column -->\r\n    <ng-container matColumnDef=\"task\">\r\n      <th mat-header-cell class=\"header-cell\"  *matHeaderCellDef> Activity </th>\r\n      <td mat-cell  class=\"pointer\" *matCellDef=\"let element\">\r\n          <span *ngIf=\"element.tasksTotal > 0; else showDash\" fxLayout=\"row\" class=\"padding-left-4\">\r\n                <p class=\"tasks-done\" (click)=\"onColumnClicked(element, 'tasksDone')\"> {{element?.tasksDone }} </p>\r\n                <p *ngIf=\"checkShouldHaveDivider(element)\" class=\"slash\"> / </p>\r\n                <p (click)=\"onColumnClicked(element, 'tasksTotal')\" class=\"tasks-total\">{{element.tasksTotal}}</p>\r\n          </span>\r\n          <ng-template #showDash>\r\n            <p class=\"slash\"> / </p>\r\n          </ng-template>\r\n        </td>\r\n    </ng-container>\r\n\r\n    <!-- Account Column -->\r\n  <ng-container matColumnDef=\"accountName\">\r\n    <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'accountName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell (click)=\"onColumnClicked(element, 'accountName')\" class=\"pointer link\" *matCellDef=\"let element\" [matTooltip]=\"element.accountName\" [matTooltipClass]=\"'order-row-tooltip'\" [matTooltipPosition]=\"'above'\"> {{element.accountName}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"invoiceDate\">\r\n    <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'invoiceDate' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'invoiceDate')\" *matCellDef=\"let element\" [matTooltip]=\"element.invoiceDate\" [matTooltipClass]=\"'order-row-tooltip'\" [matTooltipPosition]=\"'above'\"> {{ getDateFormat(element.invoiceDate) }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"actions\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> Actions </th>x\r\n    <td mat-cell *matCellDef=\"let element\"></td>\r\n  </ng-container>\r\n\r\n  <!-- Check this  -->\r\n  <ng-container matColumnDef=\"balance\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'balance' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell *matCellDef=\"let element\">   {{element.balance | currency:'USD':'symbol':'1.0-2'}}</td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"billComplete\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'billComplete' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'billComplete')\" *matCellDef=\"let element\"> {{element.billComplete}} </td>\r\n  </ng-container>\r\n\r\n    <!-- Booked Date Column -->\r\n  <ng-container matColumnDef=\"bookedDate\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'bookedDate' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'bookedDate')\" *matCellDef=\"let element\">\r\n      <p *ngIf=\"element?.bookedDate\">{{ getDateFormat(element.bookedDate) }} </p> </td>\r\n  </ng-container>\r\n\r\n    <!-- Contact Column -->\r\n  <ng-container matColumnDef=\"contactName\">\r\n    <th mat-header-cell  class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'contactName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell (click)=\"onColumnClicked(element, 'contactName')\" class=\"pointer link\" *matCellDef=\"let element\"> {{element.contactName}} </td>\r\n  </ng-container>\r\n\r\n  <!-- partnerIdentityId  is there instead of corporate as bhavesh..... -->\r\n  <ng-container matColumnDef=\"partnerIdentityName\">\r\n    <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'partnerIdentityName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'partnerIdentityName')\" *matCellDef=\"let element\"> {{element.partnerIdentityName}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"corporateIdentityName\">\r\n    <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'partnerIdentityName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'partnerIdentityName')\" *matCellDef=\"let element\"> {{element.partnerIdentityName}} </td>\r\n  </ng-container>\r\n<!-- TODO: WEIRD SCENARIO ABOVE TALK TO BACKEND -->\r\n\r\n  <ng-container matColumnDef=\"creditTerms\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'creditTerms' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'creditTerms')\" *matCellDef=\"let element\"> {{element.creditTerms}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"inHandDateBy\">\r\n    <th mat-header-cell  class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'inHandDateBy' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'inHandDateBy')\" *matCellDef=\"let element\">\r\n      <p *ngIf=\"element.inHandDateBy\">{{ getDateFormat(element.inHandDateBy) }} </p></td>\r\n  </ng-container>\r\n\r\n\r\n  <ng-container matColumnDef=\"customerPo\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'customerPo' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'customerPo')\" *matCellDef=\"let element\"> {{element.customerPo}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"csrName\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef>  {{ 'csrName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'csrName')\" *matCellDef=\"let element\"> {{element.csrName}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"csr\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef>  {{ 'csrName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'csrName')\" *matCellDef=\"let element\"> {{element.csrName}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"isRushOrder\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'inRushOrder' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'inRushOrder')\" *matCellDef=\"let element\"> {{element.inRushOrder}} </td>\r\n  </ng-container>\r\n\r\n  <!-- Identity Column -->\r\n  <ng-container matColumnDef=\"orderIdentity\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'orderIdentity' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" [matTooltip]=\"element.orderIdentity\" [matTooltipClass]=\"'order-row-tooltip'\" [matTooltipPosition]=\"'above'\" (click)=\"onColumnClicked(element, 'orderIdentity')\" *matCellDef=\"let element\"> {{element.orderIdentity}} </td>\r\n  </ng-container>\r\n\r\n  <!--  Order NO  -->\r\n  <ng-container matColumnDef=\"orderNo\">\r\n\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{page === 'Quotes' ? 'Quote #' : 'Order #'}} </th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderNo')\" *matCellDef=\"let element\"> {{element.orderNo}} </td>\r\n  </ng-container>\r\n\r\n  <!--  Summary Billing  -->\r\n  <ng-container matColumnDef=\"summaryBillingNumber\">\r\n\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'summaryBillingNumber' | orderColumnNameMapper : page : mappingFields }} </th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'summaryBillingNumber')\" *matCellDef=\"let element\"> {{element.summaryBillingNumber}} </td>\r\n  </ng-container>\r\n\r\n    <!-- Date Column -->\r\n    <ng-container matColumnDef=\"orderDate\">\r\n      <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{page === 'Quotes' ? 'Quote Date' : 'Order Date'}} </th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderDate')\" *matCellDef=\"let element\">\r\n        <p *ngIf=\"element.orderDate\">{{ getDateFormat(element.orderDate) }} </p> </td>\r\n    </ng-container>\r\n\r\n    <!-- Payment Status -->\r\n    <ng-container matColumnDef=\"paymentStatus\">\r\n      <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'paymentStatus' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'paymentStatus')\" class=\"pointer\" *matCellDef=\"let element\">\r\n        <p [ngClass]=\"colors[element.paymentStatus]\"> {{element.paymentStatus}}</p>  </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"productionManagerName\">\r\n      <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'productionManagerName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'productionManagerName')\" *matCellDef=\"let element\"> {{element.productionManagerName}} </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"projectName\">\r\n      <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'projectName' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'projectName')\" *matCellDef=\"let element\"> {{element.projectName}} </td>\r\n    </ng-container>\r\n\r\n    <!-- Sales Person -->\r\n    <ng-container matColumnDef=\"salesPerson\">\r\n      <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'salesPerson' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'salesPerson')\" *matCellDef=\"let element\"> {{element.salesPerson}} </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"shipDate\">\r\n      <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'shipDate' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'shipDate')\" *matCellDef=\"let element\">\r\n        <p *ngIf=\"element.shipDate\"> {{ getDateFormat(element.shipDate) }} </p> </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"shipVia\">\r\n      <th mat-header-cell class=\"header-cell\"  mat-sort-header *matHeaderCellDef> {{ 'shipVia' | orderColumnNameMapper : page : mappingFields }}</th>\r\n      <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'shipVia')\" *matCellDef=\"let element\"> {{element.shipVia}} </td>\r\n    </ng-container>\r\n\r\n    <!-- Status Column -->\r\n  <ng-container matColumnDef=\"orderStatus\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'orderStatus' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderStatus')\" *matCellDef=\"let element\"> {{element.orderStatus}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"orderAmount\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'orderAmount' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderAmount')\" *matCellDef=\"let element\"> {{element.orderAmount}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"orderNoWithPrefix\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'orderNoWithPrefix' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderNoWithPrefix')\" *matCellDef=\"let element\"> {{element.orderNoWithPrefix}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"alternateAccountNumber\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'alternateAccountNumber' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'alternateAccountNumber')\" *matCellDef=\"let element\"> {{element.alternateAccountNumber}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"altNumber\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'altNumber' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'altNumber')\" *matCellDef=\"let element\">\r\n      {{element.altNumber}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"totalPrice\">\r\n    <th mat-header-cell  *matHeaderCellDef>\r\n      <div class=\"total-header\" >\r\n        <div>{{totalPriceSelectedColumn.key}}</div>\r\n         <div class=\"arrow-down-total-price\" [matMenuTriggerFor]=\"totalPriceMenu\"> </div>\r\n      </div>\r\n     </th>\r\n    <td mat-cell class=\"text-align-right\" *matCellDef=\"let element\">\r\n\r\n      <ng-container [ngSwitch]=\"totalPriceSelectedColumn.value\">\r\n        <ng-container *ngSwitchCase=\"'totalPrice'\"> <p class=\"total-width pointer\" (click)=\"onColumnClicked(element, 'totalPrice')\"> {{element.totalPrice | currency:'USD':'symbol':'1.2-2'}} </p></ng-container>\r\n        <ng-container *ngSwitchCase=\"'balance'\">   <p class=\"total-width pointer\" (click)=\"onColumnClicked(element, 'balance')\"> {{element.balance | currency:'USD':'symbol':'1.2-2'}} </p></ng-container>\r\n        <ng-container *ngSwitchCase=\"'orderAmount'\"> <p class=\"total-width pointer\" (click)=\"onColumnClicked(element, 'orderAmount')\"> {{element.orderAmount | currency:'USD':'symbol':'1.2-2'}} </p></ng-container>\r\n      </ng-container>\r\n    </td>\r\n  </ng-container>\r\n\r\n      <!-- Type Column -->\r\n  <ng-container matColumnDef=\"orderType\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'orderType' | orderColumnNameMapper : page : mappingFields }}</th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'orderType')\" *matCellDef=\"let element\"> {{element.orderType}} </td>\r\n  </ng-container>\r\n\r\n  <!-- Due Date Column -->\r\n  <ng-container matColumnDef=\"dueDate\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'dueDate' | orderColumnNameMapper : page : mappingFields }} </th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'dueDate')\" *matCellDef=\"let element\">\r\n      <p *ngIf=\"element.dueDate\">{{ getDateFormat(element.dueDate) }} </p> </td>\r\n  </ng-container>\r\n\r\n  <!-- Promo Item Column -->\r\n  <ng-container matColumnDef=\"isPromoItem\">\r\n    <th mat-header-cell class=\"header-cell\" mat-sort-header *matHeaderCellDef> {{ 'isPromoItem' | orderColumnNameMapper : page : mappingFields }} </th>\r\n    <td mat-cell class=\"pointer\" (click)=\"onColumnClicked(element, 'isPromoItem')\" *matCellDef=\"let element\">\r\n      <p *ngIf=\"element.isPromoItem\">{{ element.isPromoItem }} </p> </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n</table>\r\n<mat-paginator [length]=\"tableLength\" [pageIndex]=\"0\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"[10,20, 50, 100]\" [showFirstLastButtons]=\"true\" (page)=\"paginate($event)\"></mat-paginator>\r\n\r\n<mat-menu #selectAllMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"toggleAll('FIRST_50')\"> Select This Page ({{ tableLength < pageSize ? tableLength : pageSize }} ) </button>\r\n  <button mat-menu-item (click)=\"toggleAll('SELECT_ALL')\"> Select All ({{tableLength}}) </button>\r\n  <button mat-menu-item (click)=\"toggleAll('DESELECT_ALL')\"> Deselect All </button>\r\n</mat-menu>\r\n\r\n<mat-menu #totalPriceMenu=\"matMenu\">\r\n  <button mat-menu-item *ngFor=\"let menuItem of totalColumnDropdownList\" (click)=\"updateTotalPriceSelectedColumn(menuItem)\">\r\n      {{menuItem.key}}\r\n  </button>\r\n</mat-menu>\r\n","styles":["th.mat-header-cell{background-color:#fafafa;text-align:left;min-height:42px;max-width:200px;background-color:#2e75b6!important;color:#fff}td.mat-cell{text-align:left;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:5px}.select-container td.mat-cell{text-align:center!important}td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type,th.mat-header-cell:first-of-type{padding-left:24px!important}.center{text-align:left}tr.mat-header-row{height:40px}.pointer{cursor:pointer}.header-cell{padding-top:8px;padding-bottom:8px;font-size:14px;font-weight:400;flex-wrap:wrap}.total-price{text-align:right!important}.link{color:#2196f3;text-decoration:underline}.arrow-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;position:relative;top:8px;cursor:pointer}.total-width{width:100%;text-align:right!important}p{margin:0}.tasks-done{color:#8b0000;position:relative;right:3px}.tasks-done,.tasks-total{text-decoration:underline;font-size:16px}.tasks-total{color:#4d5d66}.total-header{display:flex;justify-content:flex-end;font-size:14px;font-weight:400;flex-wrap:wrap;padding-left:10px;position:relative;right:20px}:host ::ng-deep .mat-sort-header-arrow{color:#fff}:host ::ng-deep .select-container .mat-checkbox .mat-checkbox-frame{border-color:#fff}.activities-font{font-size:16px}.slash{font-size:22px;position:relative;bottom:3px}.favorite{top:0!important}:host ::ng-deep .mat-cell .mat-icon{position:relative;top:16px;font-size:30px}.comment-number{position:link;cursor:pointer;color:#fff;position:relative;bottom:16px;left:6px}.comment-position{left:10px!important}.color-red-500{color:#f44336}.color-orange-500{color:#ff9800}.color-blue-500{color:#2196f3}.color-pink-500{color:#e91e63}.color-purple{color:#9c27b0}.width-60{width:60px}.width-90{width:90px}.width-120{width:120px}.width-150{width:150px}.padding-right-8{padding-right:8px}.paddding-left-4{padding-left:4px}.text-align-right{text-align:right}.arrow-down-total-price{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;position:relative;top:6px;left:4px;cursor:pointer}.resync-btn .mat-icon{position:relative;top:2px}"]}]}],"members":{"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":13,"character":13}]}]}],"listDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"displayedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"tableLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"displayActionsBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"dateFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"timeFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"mappingFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"onFavoriteToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"onColumnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"onPaginateFire":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"onSortFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"onResyncQBOStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"appendColumns":[{"__symbolic":"method"}],"toggleAll":[{"__symbolic":"method"}],"onFavoriteClick":[{"__symbolic":"method"}],"onColumnClicked":[{"__symbolic":"method"}],"paginate":[{"__symbolic":"method"}],"checkShouldHaveDivider":[{"__symbolic":"method"}],"updateTotalPriceSelectedColumn":[{"__symbolic":"method"}],"onListViewSort":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}],"resyncQBOStatus":[{"__symbolic":"method"}]}}}}]