ca-components 1.0.95 → 1.0.97

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 (83) hide show
  1. package/assets/scss/text-selection.scss +14 -0
  2. package/esm2022/lib/components/ca-activity-log-list/ca-activity-log-list.component.mjs +3 -3
  3. package/esm2022/lib/components/ca-chart/ca-chart.component.mjs +3 -27
  4. package/esm2022/lib/components/ca-chart/models/chart-boundaries.model.mjs +2 -0
  5. package/esm2022/lib/components/ca-chart/models/index.mjs +2 -1
  6. package/esm2022/lib/components/ca-chart-manager/ca-chart-manager.component.mjs +13 -21
  7. package/esm2022/lib/components/ca-chart-manager/models/hover-state.model.mjs +1 -1
  8. package/esm2022/lib/components/ca-chart-manager/services/chart-manager.service.mjs +4 -3
  9. package/esm2022/lib/components/ca-collapsible-filter/ca-collapsible-filter.component.mjs +2 -2
  10. package/esm2022/lib/components/ca-comment/ca-comment.component.mjs +2 -2
  11. package/esm2022/lib/components/ca-comment/modals/comment-modal/comment-modal.component.mjs +3 -3
  12. package/esm2022/lib/components/ca-custom-scrollbar/ca-custom-scrollbar.component.mjs +3 -3
  13. package/esm2022/lib/components/ca-details-dropdown/ca-details-dropdown.component.mjs +2 -2
  14. package/esm2022/lib/components/ca-dropdown-menu/ca-dropdown-menu.component.mjs +2 -2
  15. package/esm2022/lib/components/ca-filters/ca-filter.component.mjs +2 -2
  16. package/esm2022/lib/components/ca-filters/components/ca-dispatcher-filter/ca-dispatcher-filter.component.mjs +2 -2
  17. package/esm2022/lib/components/ca-filters/components/ca-location-filter/ca-location-filter.component.mjs +2 -2
  18. package/esm2022/lib/components/ca-filters/components/ca-money-filter/ca-money-filter.component.mjs +2 -2
  19. package/esm2022/lib/components/ca-filters/components/ca-pm-filter/ca-pm-filter.component.mjs +2 -2
  20. package/esm2022/lib/components/ca-filters/components/ca-state-filter/ca-state-filter.component.mjs +2 -2
  21. package/esm2022/lib/components/ca-filters/components/ca-status-filter/ca-status-filter.component.mjs +2 -2
  22. package/esm2022/lib/components/ca-filters/components/ca-time-filter/ca-time-filter.component.mjs +3 -3
  23. package/esm2022/lib/components/ca-filters/components/ca-trailer-type-filter/ca-trailer-type-filter.component.mjs +2 -2
  24. package/esm2022/lib/components/ca-filters/components/ca-truck-type-filter/ca-truck-type-filter.component.mjs +2 -2
  25. package/esm2022/lib/components/ca-filters/components/ca-user-filter/ca-user-filter.component.mjs +2 -2
  26. package/esm2022/lib/components/ca-filters/components/ca-violation-filter/ca-violation-filter.component.mjs +2 -2
  27. package/esm2022/lib/components/ca-input/ca-input.component.mjs +2 -2
  28. package/esm2022/lib/components/ca-input/input-test/input-test.component.mjs +9 -3
  29. package/esm2022/lib/components/ca-input-address-dropdown/ca-input-address-dropdown.component.mjs +2 -2
  30. package/esm2022/lib/components/ca-input-datetime-picker/ca-input-datetime-picker.component.mjs +2 -2
  31. package/esm2022/lib/components/ca-input-dropdown/ca-input-dropdown.component.mjs +2 -2
  32. package/esm2022/lib/components/ca-input-note/ca-input-note.component.mjs +2 -2
  33. package/esm2022/lib/components/ca-logo-change/ca-logo-change.component.mjs +3 -3
  34. package/esm2022/lib/components/ca-map/ca-map.component.mjs +6 -10
  35. package/esm2022/lib/components/ca-map/models/map.model.mjs +1 -1
  36. package/esm2022/lib/components/ca-map/utils/constants/map-options.constants.mjs +2 -1
  37. package/esm2022/lib/components/ca-map-dropdown/ca-map-dropdown.component.mjs +2 -2
  38. package/esm2022/lib/components/ca-modal-button/ca-modal-button.component.mjs +3 -3
  39. package/esm2022/lib/components/ca-ngx-slider/ca-ngx-slider.component.mjs +2 -2
  40. package/esm2022/lib/components/ca-note/ca-note.component.mjs +2 -2
  41. package/esm2022/lib/components/ca-note-container/ca-note-container.component.mjs +2 -2
  42. package/esm2022/lib/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component.mjs +4 -4
  43. package/esm2022/lib/components/ca-period-content/ca-period-content.component.mjs +2 -2
  44. package/esm2022/lib/components/ca-period-content/components/ca-period-content-extra-info/ca-period-content-extra-info.component.mjs +3 -3
  45. package/esm2022/lib/components/ca-period-content/components/ca-period-content-payment/ca-period-content-payment.component.mjs +3 -3
  46. package/esm2022/lib/components/ca-period-content/components/ca-period-content-user-info/ca-period-content-user-info.component.mjs +3 -3
  47. package/esm2022/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.mjs +3 -3
  48. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.mjs +3 -3
  49. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-list/ca-load-list.component.mjs +3 -3
  50. package/esm2022/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-single/ca-load-single.component.mjs +3 -3
  51. package/esm2022/lib/components/ca-profile-image/ca-profile-image.component.mjs +3 -3
  52. package/esm2022/lib/components/ca-progress-bar/ca-progress-bar.component.mjs +2 -2
  53. package/esm2022/lib/components/ca-progress-expiration/ca-progress-expiration.component.mjs +2 -2
  54. package/esm2022/lib/components/ca-rating-review/ca-rating-review.component.mjs +2 -2
  55. package/esm2022/lib/components/ca-rating-review/components/ca-rating-review-user/ca-rating-review-user.component.mjs +2 -2
  56. package/esm2022/lib/components/ca-rating-review/components/ca-ratings-reviews-popup/ca-ratings-reviews-popup.component.mjs +2 -2
  57. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-company/ca-right-side-panel-company.component.mjs +3 -3
  58. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-menu/ca-right-side-panel-menu.component.mjs +3 -3
  59. package/esm2022/lib/components/ca-right-side-panel/components/ca-right-side-panel-top-bar/ca-right-side-panel-top-bar.component.mjs +3 -3
  60. package/esm2022/lib/components/ca-search-multiple-states/ca-search-multiple-states.component.mjs +2 -2
  61. package/esm2022/lib/components/ca-sort-dropdown/ca-sort-dropdown.component.mjs +2 -2
  62. package/esm2022/lib/components/ca-spinner/ca-spinner.component.mjs +2 -2
  63. package/esm2022/lib/components/ca-tab-switch/ca-tab-switch.component.mjs +3 -3
  64. package/esm2022/lib/components/ca-todo/ca-todo.component.mjs +3 -3
  65. package/esm2022/lib/components/ca-todo/components/ca-todo-card.component.mjs +3 -3
  66. package/esm2022/lib/components/ca-tooltip-list/ca-tooltip-list.component.mjs +3 -3
  67. package/esm2022/lib/components/ca-truck-trailer-progress-bar/ca-truck-trailer-progress-bar.component.mjs +2 -2
  68. package/esm2022/lib/components/ca-upload-files/ca-upload-files.component.mjs +3 -3
  69. package/esm2022/lib/components/ca-upload-files/components/ca-upload-dropzone/ca-upload-dropzone.component.mjs +3 -3
  70. package/esm2022/lib/components/ca-upload-files/components/ca-upload-file/ca-upload-file.component.mjs +2 -2
  71. package/esm2022/lib/components/ca-upload-files/components/ca-upload-files-carousel/ca-upload-files-carousel.component.mjs +3 -3
  72. package/fesm2022/ca-components.mjs +151 -179
  73. package/fesm2022/ca-components.mjs.map +1 -1
  74. package/lib/components/ca-chart/models/chart-boundaries.model.d.ts +4 -0
  75. package/lib/components/ca-chart/models/index.d.ts +1 -0
  76. package/lib/components/ca-chart-manager/ca-chart-manager.component.d.ts +2 -3
  77. package/lib/components/ca-chart-manager/models/hover-state.model.d.ts +2 -0
  78. package/lib/components/ca-chart-manager/services/chart-manager.service.d.ts +2 -1
  79. package/lib/components/ca-input/input-test/input-test.component.d.ts +1 -0
  80. package/lib/components/ca-map/ca-map.component.d.ts +1 -8
  81. package/lib/components/ca-map/models/map.model.d.ts +15 -0
  82. package/lib/components/ca-map/utils/constants/map-options.constants.d.ts +4 -0
  83. package/package.json +1 -1
package/esm2022/lib/components/ca-tooltip-list/ca-tooltip-list.component.mjs CHANGED
@@ -25,12 +25,12 @@ export class CaTooltipListComponent {
25
25
  return index;
26
26
  }
27
27
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTooltipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaTooltipListComponent, isStandalone: true, selector: "app-ca-tooltip-list", inputs: { tooltipList: "tooltipList" }, ngImport: i0, template: "<ng-container\n [ngTemplateOutlet]=\"\n tooltipList?.showPercentage ? percentageTemplate : noPercentageTemplate\n \"\n [ngTemplateOutletContext]=\"{ tooltipList: tooltipList }\"\n>\n</ng-container>\n\n<ng-template #noPercentageTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n >\n <ng-container\n [ngTemplateOutlet]=\"tooltipHeader\"\n [ngTemplateOutletContext]=\"{ tooltipList: tooltipList }\"\n >\n </ng-container>\n <div\n [ngClass]=\"\n isSingleItemSelected\n ? 'tooltip-list-body-list'\n : 'tooltip-list-body-table'\n \"\n >\n <ng-container\n *ngFor=\"\n let item of tooltipList.selectedItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isSingleItemSelected ? listItemTemplate : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n <ng-container\n *ngFor=\"\n let item of tooltipList.otherItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isSingleItemSelected ? listItemTemplate : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #percentageTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isLessThanFourItemsSelected ? 'width-small' : 'width-large'\"\n >\n <ng-container\n *ngTemplateOutlet=\"tooltipHeader; context: { tooltipList: tooltipList }\"\n >\n </ng-container>\n <div\n [ngClass]=\"\n isLessThanFourItemsSelected\n ? 'tooltip-list-body-list'\n : 'tooltip-list-body-table'\n \"\n >\n <ng-container *ngIf=\"this.tooltipList?.selectedItems?.length >= 1\">\n <ng-container\n *ngFor=\"\n let item of tooltipList.selectedItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isLessThanFourItemsSelected\n ? listItemPercentageTemplate\n : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"this.tooltipList?.selectedItems?.length < 1\">\n <ng-container\n *ngFor=\"\n let item of tooltipList.otherItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"listItemPercentageTemplate\"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n <div class=\"tooltip-list-header\">\n <span>{{tooltipList.date}}</span>\n </div>\n</ng-template>\n\n<ng-template #listItemTemplate let-item=\"item\">\n <div class=\"d-flex flex-column justify-content-between tooltip-list-item\">\n <div class=\"tooltip-list-inline\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span class=\"tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"tooltip-list-item-percentage\">{{ item.percentage }}</span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #listItemPercentageTemplate let-item=\"item\">\n <div class=\"d-flex flex-column justify-content-between tooltip-list-item\">\n <div class=\"tooltip-list-inline\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <div class=\"d-flex align-items-center\">\n <span class=\"tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <span class=\"dot-delimiter\">{{\n constants.VALUE_PERCENTAGE_DELIMITER\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"tooltip-list-item-percentage\">{{ item.percentage }}</span>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n <div class=\"table-item-layout\">\n <div class=\"table-item-cell\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span class=\"text-end table-item-cell tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"text-end table-item-cell tooltip-list-item-percentage\">{{\n item.percentage\n }}</span>\n </ng-container>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{margin:0;padding:4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{display:table;width:100%;padding:4px}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .table-item-layout{display:table-row;width:100%}::ng-deep app-ca-tooltip-list .table-item-cell{display:table-cell}::ng-deep app-ca-tooltip-list .table-item-cell:not(:last-child){padding-right:10px!important}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: NFormatterPipe, name: "nFormatter" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }] }); }
28
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaTooltipListComponent, isStandalone: true, selector: "app-ca-tooltip-list", inputs: { tooltipList: "tooltipList" }, ngImport: i0, template: "<ng-container\n [ngTemplateOutlet]=\"tooltipTemplate\"\n [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n >\n <ng-container\n [ngTemplateOutlet]=\"tooltipHeader\"\n [ngTemplateOutletContext]=\"{ tooltipList }\"\n >\n </ng-container>\n <div class=\"d-flex flex-column tooltip-list-body-table\">\n @for (\n item of tooltipList.selectedItems;\n let indx = $index;\n track item.id\n ) {\n <ng-container\n [ngTemplateOutlet]=\"tableItemTemplate\"\n [ngTemplateOutletContext]=\"{ item }\"\n >\n </ng-container>\n }\n\n @for (\n item of tooltipList.otherItems;\n let indx = $index;\n track item.id\n ) {\n <ng-container\n [ngTemplateOutlet]=\"tableItemTemplate\"\n [ngTemplateOutletContext]=\"{ item }\"\n >\n </ng-container>\n }\n </div>\n </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n <div class=\"tooltip-list-header\">\n <span>{{ tooltipList.date }}</span>\n </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n <div\n class=\"w-100\"\n [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n [ngStyle]=\"{\n height: isSingleItemSelected ? '38px' : '22px',\n }\"\n >\n <div class=\"d-flex align-items-center\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span\n class=\"tooltip-list-item-value d-block\"\n [class.text-end]=\"!isSingleItemSelected\"\n >{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span\n >\n @if (item.percentage) {\n <span\n class=\"tooltip-list-item-percentage\"\n [class.text-end]=\"!isSingleItemSelected\"\n >{{ item.percentage }}</span\n >\n }\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: NFormatterPipe, name: "nFormatter" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }] }); }
29
29
  }
30
30
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTooltipListComponent, decorators: [{
31
31
  type: Component,
32
- args: [{ selector: 'app-ca-tooltip-list', standalone: true, imports: [CommonModule, NFormatterPipe, FormatCurrencyPipe, TruncatePipe], template: "<ng-container\n [ngTemplateOutlet]=\"\n tooltipList?.showPercentage ? percentageTemplate : noPercentageTemplate\n \"\n [ngTemplateOutletContext]=\"{ tooltipList: tooltipList }\"\n>\n</ng-container>\n\n<ng-template #noPercentageTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n >\n <ng-container\n [ngTemplateOutlet]=\"tooltipHeader\"\n [ngTemplateOutletContext]=\"{ tooltipList: tooltipList }\"\n >\n </ng-container>\n <div\n [ngClass]=\"\n isSingleItemSelected\n ? 'tooltip-list-body-list'\n : 'tooltip-list-body-table'\n \"\n >\n <ng-container\n *ngFor=\"\n let item of tooltipList.selectedItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isSingleItemSelected ? listItemTemplate : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n <ng-container\n *ngFor=\"\n let item of tooltipList.otherItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isSingleItemSelected ? listItemTemplate : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #percentageTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isLessThanFourItemsSelected ? 'width-small' : 'width-large'\"\n >\n <ng-container\n *ngTemplateOutlet=\"tooltipHeader; context: { tooltipList: tooltipList }\"\n >\n </ng-container>\n <div\n [ngClass]=\"\n isLessThanFourItemsSelected\n ? 'tooltip-list-body-list'\n : 'tooltip-list-body-table'\n \"\n >\n <ng-container *ngIf=\"this.tooltipList?.selectedItems?.length >= 1\">\n <ng-container\n *ngFor=\"\n let item of tooltipList.selectedItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"\n isLessThanFourItemsSelected\n ? listItemPercentageTemplate\n : tableItemTemplate\n \"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"this.tooltipList?.selectedItems?.length < 1\">\n <ng-container\n *ngFor=\"\n let item of tooltipList.otherItems;\n let indx = index;\n trackBy: trackByIdentity\n \"\n [ngTemplateOutlet]=\"listItemPercentageTemplate\"\n [ngTemplateOutletContext]=\"{ item: item }\"\n >\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n <div class=\"tooltip-list-header\">\n <span>{{tooltipList.date}}</span>\n </div>\n</ng-template>\n\n<ng-template #listItemTemplate let-item=\"item\">\n <div class=\"d-flex flex-column justify-content-between tooltip-list-item\">\n <div class=\"tooltip-list-inline\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span class=\"tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"tooltip-list-item-percentage\">{{ item.percentage }}</span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #listItemPercentageTemplate let-item=\"item\">\n <div class=\"d-flex flex-column justify-content-between tooltip-list-item\">\n <div class=\"tooltip-list-inline\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <div class=\"d-flex align-items-center\">\n <span class=\"tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <span class=\"dot-delimiter\">{{\n constants.VALUE_PERCENTAGE_DELIMITER\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"tooltip-list-item-percentage\">{{ item.percentage }}</span>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n <div class=\"table-item-layout\">\n <div class=\"table-item-cell\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span class=\"text-end table-item-cell tooltip-list-item-value\">{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span>\n <ng-container *ngIf=\"item.percentage\">\n <span class=\"text-end table-item-cell tooltip-list-item-percentage\">{{\n item.percentage\n }}</span>\n </ng-container>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{margin:0;padding:4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{display:table;width:100%;padding:4px}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .table-item-layout{display:table-row;width:100%}::ng-deep app-ca-tooltip-list .table-item-cell{display:table-cell}::ng-deep app-ca-tooltip-list .table-item-cell:not(:last-child){padding-right:10px!important}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"] }]
32
+ args: [{ selector: 'app-ca-tooltip-list', standalone: true, imports: [CommonModule, NFormatterPipe, FormatCurrencyPipe, TruncatePipe], template: "<ng-container\n [ngTemplateOutlet]=\"tooltipTemplate\"\n [ngTemplateOutletContext]=\"{ tooltipList }\"\n>\n</ng-container>\n\n<ng-template #tooltipTemplate let-tooltipList=\"tooltipList\">\n <div\n class=\"tooltip-list-container\"\n [ngClass]=\"isSingleItemSelected ? 'width-small' : 'width-medium'\"\n >\n <ng-container\n [ngTemplateOutlet]=\"tooltipHeader\"\n [ngTemplateOutletContext]=\"{ tooltipList }\"\n >\n </ng-container>\n <div class=\"d-flex flex-column tooltip-list-body-table\">\n @for (\n item of tooltipList.selectedItems;\n let indx = $index;\n track item.id\n ) {\n <ng-container\n [ngTemplateOutlet]=\"tableItemTemplate\"\n [ngTemplateOutletContext]=\"{ item }\"\n >\n </ng-container>\n }\n\n @for (\n item of tooltipList.otherItems;\n let indx = $index;\n track item.id\n ) {\n <ng-container\n [ngTemplateOutlet]=\"tableItemTemplate\"\n [ngTemplateOutletContext]=\"{ item }\"\n >\n </ng-container>\n }\n </div>\n </div>\n</ng-template>\n\n<ng-template #tooltipHeader let-tooltipList=\"tooltipList\">\n <div class=\"tooltip-list-header\">\n <span>{{ tooltipList.date }}</span>\n </div>\n</ng-template>\n\n<ng-template #tableItemTemplate let-item=\"item\">\n <div\n class=\"w-100\"\n [ngClass]=\"{ 'd-flex align-items-center': !isSingleItemSelected }\"\n [ngStyle]=\"{\n height: isSingleItemSelected ? '38px' : '22px',\n }\"\n >\n <div class=\"d-flex align-items-center\">\n <span\n class=\"tooltip-list-item-dot\"\n [style.backgroundColor]=\"item.color\"\n ></span>\n <span class=\"tooltip-list-item-label\">{{\n item.label | truncate: truncateLength\n }}</span>\n </div>\n <span\n class=\"tooltip-list-item-value d-block\"\n [class.text-end]=\"!isSingleItemSelected\"\n >{{\n item.isCurrency\n ? (item.value | formatCurrency: item.isCurrency)\n : (item.value | nFormatter)\n }}</span\n >\n @if (item.percentage) {\n <span\n class=\"tooltip-list-item-percentage\"\n [class.text-end]=\"!isSingleItemSelected\"\n >{{ item.percentage }}</span\n >\n }\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}::ng-deep app-ca-tooltip-list .width-small{width:160px}::ng-deep app-ca-tooltip-list .width-medium{width:200px}::ng-deep app-ca-tooltip-list .width-large{width:240px}::ng-deep app-ca-tooltip-list .tooltip-list-container{padding:4px;background-color:#2f2f2f;color:#fff;border-radius:3px;box-shadow:0 4px 8px #0003}::ng-deep app-ca-tooltip-list .tooltip-list-header{font-size:11px;line-height:14px;margin:0;padding:2px 4px 4px;border-bottom:1px solid #424242}::ng-deep app-ca-tooltip-list .tooltip-list-header span{font-size:11px;font-weight:800;color:#fff;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal}::ng-deep app-ca-tooltip-list .tooltip-list-body-list{margin-top:8px}::ng-deep app-ca-tooltip-list .tooltip-list-body-table{gap:2px;width:100%;padding:4px 4px 0}::ng-deep app-ca-tooltip-list .tooltip-list-item{padding:4px;font-size:11px}::ng-deep app-ca-tooltip-list .tooltip-list-inline{line-height:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}::ng-deep app-ca-tooltip-list .tooltip-list-item-label{font-size:11px;font-weight:700;color:#fff}::ng-deep app-ca-tooltip-list .tooltip-list-item-value{font-weight:400;font-size:11px;color:#fff;flex:1}::ng-deep app-ca-tooltip-list .tooltip-list-item-percentage{font-weight:700;font-size:11px;color:#fff}::ng-deep app-ca-tooltip-list .dot-delimiter{margin:0 4px;font-size:.8em;line-height:1;color:#fff}\n"] }]
33
33
  }], propDecorators: { tooltipList: [{
34
34
  type: Input
35
35
  }] } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtdG9vbHRpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLXRvb2x0aXAtbGlzdC9jYS10b29sdGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtdG9vbHRpcC1saXN0L2NhLXRvb2x0aXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUlqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTztBQUNQLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEUsV0FBVztBQUNYLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7QUFTM0QsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFXLGdCQUFXLEdBQXdCLElBQUksQ0FBQztRQUUxQyxjQUFTLEdBQUcsc0JBQXNCLENBQUM7UUFDbkMsbUJBQWMsR0FBVyxFQUFFLENBQUM7S0FnQnBDO0lBZEMsSUFBSSxvQkFBb0I7UUFDdEIsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxJQUFJLDJCQUEyQjtRQUM3QixPQUFPLENBQ0wsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWE7WUFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSxHQUFHLENBQUMsQ0FDNUMsQ0FBQztJQUNKLENBQUM7SUFFTSxlQUFlLENBQUMsS0FBYTtRQUNsQyxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7K0dBbkJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHVIQ3JCbkMsc2lMQW1MQSxvcmtCRGhLWSxZQUFZLGdnQkFBRSxjQUFjLDhDQUFFLGtCQUFrQixrREFBRSxZQUFZOzs0RkFFN0Qsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLHFCQUFxQixjQUduQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLFlBQVksQ0FBQzs4QkFHaEUsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLy9Nb2RlbHNcbmltcG9ydCB7IElUb29sdGlwTGlzdCB9IGZyb20gJy4vbW9kZWxzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbi8vUGlwZXNcbmltcG9ydCB7IEZvcm1hdEN1cnJlbmN5UGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL2Zvcm1hdC1jdXJyZW5jeS5waXBlJztcbmltcG9ydCB7IE5Gb3JtYXR0ZXJQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvbi1mb3JtYXR0ZXIucGlwZSc7XG5pbXBvcnQgeyBUcnVuY2F0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy90cnVuY2F0ZS1zdHJpbmcucGlwZSc7XG5cbi8vQ29uc3RhbnRzXG5pbXBvcnQgeyBDYVRvb2x0aXBMaXN0Q29uc3RhbnRzIH0gZnJvbSAnLi91dGlscy9jb25zdGFudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtdG9vbHRpcC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLXRvb2x0aXAtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhLXRvb2x0aXAtbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBORm9ybWF0dGVyUGlwZSwgRm9ybWF0Q3VycmVuY3lQaXBlLCBUcnVuY2F0ZVBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBDYVRvb2x0aXBMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdG9vbHRpcExpc3Q6IElUb29sdGlwTGlzdCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdGFudHMgPSBDYVRvb2x0aXBMaXN0Q29uc3RhbnRzO1xuICBwdWJsaWMgdHJ1bmNhdGVMZW5ndGg6IG51bWJlciA9IDE4O1xuXG4gIGdldCBpc1NpbmdsZUl0ZW1TZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy50b29sdGlwTGlzdD8uc2VsZWN0ZWRJdGVtcz8ubGVuZ3RoID09PSAxO1xuICB9XG5cbiAgZ2V0IGlzTGVzc1RoYW5Gb3VySXRlbXNTZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgIXRoaXMudG9vbHRpcExpc3Q/LnNlbGVjdGVkSXRlbXMgfHxcbiAgICAgIHRoaXMudG9vbHRpcExpc3Q/LnNlbGVjdGVkSXRlbXM/Lmxlbmd0aCA8IDRcbiAgICApO1xuICB9XG5cbiAgcHVibGljIHRyYWNrQnlJZGVudGl0eShpbmRleDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICByZXR1cm4gaW5kZXg7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXJcbiAgW25nVGVtcGxhdGVPdXRsZXRdPVwiXG4gICAgdG9vbHRpcExpc3Q/LnNob3dQZXJjZW50YWdlID8gcGVyY2VudGFnZVRlbXBsYXRlIDogbm9QZXJjZW50YWdlVGVtcGxhdGVcbiAgXCJcbiAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgdG9vbHRpcExpc3Q6IHRvb2x0aXBMaXN0IH1cIlxuPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbm9QZXJjZW50YWdlVGVtcGxhdGUgbGV0LXRvb2x0aXBMaXN0PVwidG9vbHRpcExpc3RcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwidG9vbHRpcC1saXN0LWNvbnRhaW5lclwiXG4gICAgW25nQ2xhc3NdPVwiaXNTaW5nbGVJdGVtU2VsZWN0ZWQgPyAnd2lkdGgtc21hbGwnIDogJ3dpZHRoLW1lZGl1bSdcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidG9vbHRpcEhlYWRlclwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyB0b29sdGlwTGlzdDogdG9vbHRpcExpc3QgfVwiXG4gICAgPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICBpc1NpbmdsZUl0ZW1TZWxlY3RlZFxuICAgICAgICAgID8gJ3Rvb2x0aXAtbGlzdC1ib2R5LWxpc3QnXG4gICAgICAgICAgOiAndG9vbHRpcC1saXN0LWJvZHktdGFibGUnXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IGl0ZW0gb2YgdG9vbHRpcExpc3Quc2VsZWN0ZWRJdGVtcztcbiAgICAgICAgICBsZXQgaW5keCA9IGluZGV4O1xuICAgICAgICAgIHRyYWNrQnk6IHRyYWNrQnlJZGVudGl0eVxuICAgICAgICBcIlxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJcbiAgICAgICAgICBpc1NpbmdsZUl0ZW1TZWxlY3RlZCA/IGxpc3RJdGVtVGVtcGxhdGUgOiB0YWJsZUl0ZW1UZW1wbGF0ZVxuICAgICAgICBcIlxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBpdGVtOiBpdGVtIH1cIlxuICAgICAgPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCBpdGVtIG9mIHRvb2x0aXBMaXN0Lm90aGVySXRlbXM7XG4gICAgICAgICAgbGV0IGluZHggPSBpbmRleDtcbiAgICAgICAgICB0cmFja0J5OiB0cmFja0J5SWRlbnRpdHlcbiAgICAgICAgXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiXG4gICAgICAgICAgaXNTaW5nbGVJdGVtU2VsZWN0ZWQgPyBsaXN0SXRlbVRlbXBsYXRlIDogdGFibGVJdGVtVGVtcGxhdGVcbiAgICAgICAgXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaXRlbTogaXRlbSB9XCJcbiAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcGVyY2VudGFnZVRlbXBsYXRlIGxldC10b29sdGlwTGlzdD1cInRvb2x0aXBMaXN0XCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cInRvb2x0aXAtbGlzdC1jb250YWluZXJcIlxuICAgIFtuZ0NsYXNzXT1cImlzTGVzc1RoYW5Gb3VySXRlbXNTZWxlY3RlZCA/ICd3aWR0aC1zbWFsbCcgOiAnd2lkdGgtbGFyZ2UnXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidG9vbHRpcEhlYWRlcjsgY29udGV4dDogeyB0b29sdGlwTGlzdDogdG9vbHRpcExpc3QgfVwiXG4gICAgPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICBpc0xlc3NUaGFuRm91ckl0ZW1zU2VsZWN0ZWRcbiAgICAgICAgICA/ICd0b29sdGlwLWxpc3QtYm9keS1saXN0J1xuICAgICAgICAgIDogJ3Rvb2x0aXAtbGlzdC1ib2R5LXRhYmxlJ1xuICAgICAgXCJcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGhpcy50b29sdGlwTGlzdD8uc2VsZWN0ZWRJdGVtcz8ubGVuZ3RoID49IDFcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgbGV0IGl0ZW0gb2YgdG9vbHRpcExpc3Quc2VsZWN0ZWRJdGVtcztcbiAgICAgICAgICAgIGxldCBpbmR4ID0gaW5kZXg7XG4gICAgICAgICAgICB0cmFja0J5OiB0cmFja0J5SWRlbnRpdHlcbiAgICAgICAgICBcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIlxuICAgICAgICAgICAgaXNMZXNzVGhhbkZvdXJJdGVtc1NlbGVjdGVkXG4gICAgICAgICAgICAgID8gbGlzdEl0ZW1QZXJjZW50YWdlVGVtcGxhdGVcbiAgICAgICAgICAgICAgOiB0YWJsZUl0ZW1UZW1wbGF0ZVxuICAgICAgICAgIFwiXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaXRlbTogaXRlbSB9XCJcbiAgICAgICAgPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRoaXMudG9vbHRpcExpc3Q/LnNlbGVjdGVkSXRlbXM/Lmxlbmd0aCA8IDFcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgbGV0IGl0ZW0gb2YgdG9vbHRpcExpc3Qub3RoZXJJdGVtcztcbiAgICAgICAgICAgIGxldCBpbmR4ID0gaW5kZXg7XG4gICAgICAgICAgICB0cmFja0J5OiB0cmFja0J5SWRlbnRpdHlcbiAgICAgICAgICBcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImxpc3RJdGVtUGVyY2VudGFnZVRlbXBsYXRlXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBpdGVtOiBpdGVtIH1cIlxuICAgICAgICA+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sdGlwSGVhZGVyIGxldC10b29sdGlwTGlzdD1cInRvb2x0aXBMaXN0XCI+XG4gIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWxpc3QtaGVhZGVyXCI+XG4gICAgPHNwYW4+e3t0b29sdGlwTGlzdC5kYXRlfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNsaXN0SXRlbVRlbXBsYXRlIGxldC1pdGVtPVwiaXRlbVwiPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHRvb2x0aXAtbGlzdC1pdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtbGlzdC1pbmxpbmVcIj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwidG9vbHRpcC1saXN0LWl0ZW0tZG90XCJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgID48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLWxhYmVsXCI+e3tcbiAgICAgICAgaXRlbS5sYWJlbCB8IHRydW5jYXRlOiB0cnVuY2F0ZUxlbmd0aFxuICAgICAgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJ0b29sdGlwLWxpc3QtaXRlbS12YWx1ZVwiPnt7XG4gICAgICBpdGVtLmlzQ3VycmVuY3lcbiAgICAgICAgPyAoaXRlbS52YWx1ZSB8IGZvcm1hdEN1cnJlbmN5OiBpdGVtLmlzQ3VycmVuY3kpXG4gICAgICAgIDogKGl0ZW0udmFsdWUgfCBuRm9ybWF0dGVyKVxuICAgIH19PC9zcGFuPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnBlcmNlbnRhZ2VcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidG9vbHRpcC1saXN0LWl0ZW0tcGVyY2VudGFnZVwiPnt7IGl0ZW0ucGVyY2VudGFnZSB9fTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2xpc3RJdGVtUGVyY2VudGFnZVRlbXBsYXRlIGxldC1pdGVtPVwiaXRlbVwiPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHRvb2x0aXAtbGlzdC1pdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtbGlzdC1pbmxpbmVcIj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwidG9vbHRpcC1saXN0LWl0ZW0tZG90XCJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgID48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLWxhYmVsXCI+e3tcbiAgICAgICAgaXRlbS5sYWJlbCB8IHRydW5jYXRlOiB0cnVuY2F0ZUxlbmd0aFxuICAgICAgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidG9vbHRpcC1saXN0LWl0ZW0tdmFsdWVcIj57e1xuICAgICAgICBpdGVtLmlzQ3VycmVuY3lcbiAgICAgICAgICA/IChpdGVtLnZhbHVlIHwgZm9ybWF0Q3VycmVuY3k6IGl0ZW0uaXNDdXJyZW5jeSlcbiAgICAgICAgICA6IChpdGVtLnZhbHVlIHwgbkZvcm1hdHRlcilcbiAgICAgIH19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJkb3QtZGVsaW1pdGVyXCI+e3tcbiAgICAgICAgY29uc3RhbnRzLlZBTFVFX1BFUkNFTlRBR0VfREVMSU1JVEVSXG4gICAgICB9fTwvc3Bhbj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnBlcmNlbnRhZ2VcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0b29sdGlwLWxpc3QtaXRlbS1wZXJjZW50YWdlXCI+e3sgaXRlbS5wZXJjZW50YWdlIH19PC9zcGFuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0YWJsZUl0ZW1UZW1wbGF0ZSBsZXQtaXRlbT1cIml0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cInRhYmxlLWl0ZW0tbGF5b3V0XCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWl0ZW0tY2VsbFwiPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJ0b29sdGlwLWxpc3QtaXRlbS1kb3RcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cIml0ZW0uY29sb3JcIlxuICAgICAgPjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidG9vbHRpcC1saXN0LWl0ZW0tbGFiZWxcIj57e1xuICAgICAgICBpdGVtLmxhYmVsIHwgdHJ1bmNhdGU6IHRydW5jYXRlTGVuZ3RoXG4gICAgICB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cInRleHQtZW5kIHRhYmxlLWl0ZW0tY2VsbCB0b29sdGlwLWxpc3QtaXRlbS12YWx1ZVwiPnt7XG4gICAgICBpdGVtLmlzQ3VycmVuY3lcbiAgICAgICAgPyAoaXRlbS52YWx1ZSB8IGZvcm1hdEN1cnJlbmN5OiBpdGVtLmlzQ3VycmVuY3kpXG4gICAgICAgIDogKGl0ZW0udmFsdWUgfCBuRm9ybWF0dGVyKVxuICAgIH19PC9zcGFuPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnBlcmNlbnRhZ2VcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1lbmQgdGFibGUtaXRlbS1jZWxsIHRvb2x0aXAtbGlzdC1pdGVtLXBlcmNlbnRhZ2VcIj57e1xuICAgICAgICBpdGVtLnBlcmNlbnRhZ2VcbiAgICAgIH19PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtdG9vbHRpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLXRvb2x0aXAtbGlzdC9jYS10b29sdGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtdG9vbHRpcC1saXN0L2NhLXRvb2x0aXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUlqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTztBQUNQLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEUsV0FBVztBQUNYLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7QUFTM0QsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFXLGdCQUFXLEdBQXdCLElBQUksQ0FBQztRQUUxQyxjQUFTLEdBQUcsc0JBQXNCLENBQUM7UUFDbkMsbUJBQWMsR0FBVyxFQUFFLENBQUM7S0FnQnBDO0lBZEMsSUFBSSxvQkFBb0I7UUFDdEIsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxJQUFJLDJCQUEyQjtRQUM3QixPQUFPLENBQ0wsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWE7WUFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSxHQUFHLENBQUMsQ0FDNUMsQ0FBQztJQUNKLENBQUM7SUFFTSxlQUFlLENBQUMsS0FBYTtRQUNsQyxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7K0dBbkJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHVIQ3JCbkMscXNGQXFGQSx3c2tCRGxFWSxZQUFZLG9YQUFFLGNBQWMsOENBQUUsa0JBQWtCLGtEQUFFLFlBQVk7OzRGQUU3RCxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0UscUJBQXFCLGNBR25CLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsWUFBWSxDQUFDOzhCQUdoRSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vL01vZGVsc1xuaW1wb3J0IHsgSVRvb2x0aXBMaXN0IH0gZnJvbSAnLi9tb2RlbHMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLy9QaXBlc1xuaW1wb3J0IHsgRm9ybWF0Q3VycmVuY3lQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvZm9ybWF0LWN1cnJlbmN5LnBpcGUnO1xuaW1wb3J0IHsgTkZvcm1hdHRlclBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9uLWZvcm1hdHRlci5waXBlJztcbmltcG9ydCB7IFRydW5jYXRlUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3RydW5jYXRlLXN0cmluZy5waXBlJztcblxuLy9Db25zdGFudHNcbmltcG9ydCB7IENhVG9vbHRpcExpc3RDb25zdGFudHMgfSBmcm9tICcuL3V0aWxzL2NvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS10b29sdGlwLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtdG9vbHRpcC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtdG9vbHRpcC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5Gb3JtYXR0ZXJQaXBlLCBGb3JtYXRDdXJyZW5jeVBpcGUsIFRydW5jYXRlUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIENhVG9vbHRpcExpc3RDb21wb25lbnQge1xuICBASW5wdXQoKSB0b29sdGlwTGlzdDogSVRvb2x0aXBMaXN0IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGNvbnN0YW50cyA9IENhVG9vbHRpcExpc3RDb25zdGFudHM7XG4gIHB1YmxpYyB0cnVuY2F0ZUxlbmd0aDogbnVtYmVyID0gMTg7XG5cbiAgZ2V0IGlzU2luZ2xlSXRlbVNlbGVjdGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnRvb2x0aXBMaXN0Py5zZWxlY3RlZEl0ZW1zPy5sZW5ndGggPT09IDE7XG4gIH1cblxuICBnZXQgaXNMZXNzVGhhbkZvdXJJdGVtc1NlbGVjdGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAoXG4gICAgICAhdGhpcy50b29sdGlwTGlzdD8uc2VsZWN0ZWRJdGVtcyB8fFxuICAgICAgdGhpcy50b29sdGlwTGlzdD8uc2VsZWN0ZWRJdGVtcz8ubGVuZ3RoIDwgNFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgdHJhY2tCeUlkZW50aXR5KGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIHJldHVybiBpbmRleDtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lclxuICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRvb2x0aXBUZW1wbGF0ZVwiXG4gICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgdG9vbHRpcExpc3QgfVwiXG4+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICN0b29sdGlwVGVtcGxhdGUgbGV0LXRvb2x0aXBMaXN0PVwidG9vbHRpcExpc3RcIj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidG9vbHRpcC1saXN0LWNvbnRhaW5lclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImlzU2luZ2xlSXRlbVNlbGVjdGVkID8gJ3dpZHRoLXNtYWxsJyA6ICd3aWR0aC1tZWRpdW0nXCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRvb2x0aXBIZWFkZXJcIlxuICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgdG9vbHRpcExpc3QgfVwiXG4gICAgICAgID5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gdG9vbHRpcC1saXN0LWJvZHktdGFibGVcIj5cbiAgICAgICAgICAgIEBmb3IgKFxuICAgICAgICAgICAgICAgIGl0ZW0gb2YgdG9vbHRpcExpc3Quc2VsZWN0ZWRJdGVtcztcbiAgICAgICAgICAgICAgICBsZXQgaW5keCA9ICRpbmRleDtcbiAgICAgICAgICAgICAgICB0cmFjayBpdGVtLmlkXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRhYmxlSXRlbVRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaXRlbSB9XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBmb3IgKFxuICAgICAgICAgICAgICAgIGl0ZW0gb2YgdG9vbHRpcExpc3Qub3RoZXJJdGVtcztcbiAgICAgICAgICAgICAgICBsZXQgaW5keCA9ICRpbmRleDtcbiAgICAgICAgICAgICAgICB0cmFjayBpdGVtLmlkXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRhYmxlSXRlbVRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaXRlbSB9XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sdGlwSGVhZGVyIGxldC10b29sdGlwTGlzdD1cInRvb2x0aXBMaXN0XCI+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtbGlzdC1oZWFkZXJcIj5cbiAgICAgICAgPHNwYW4+e3sgdG9vbHRpcExpc3QuZGF0ZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdGFibGVJdGVtVGVtcGxhdGUgbGV0LWl0ZW09XCJpdGVtXCI+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cInctMTAwXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlcic6ICFpc1NpbmdsZUl0ZW1TZWxlY3RlZCB9XCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgaGVpZ2h0OiBpc1NpbmdsZUl0ZW1TZWxlY3RlZCA/ICczOHB4JyA6ICcyMnB4JyxcbiAgICAgICAgfVwiXG4gICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLWRvdFwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJpdGVtLmNvbG9yXCJcbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLWxhYmVsXCI+e3tcbiAgICAgICAgICAgICAgICBpdGVtLmxhYmVsIHwgdHJ1bmNhdGU6IHRydW5jYXRlTGVuZ3RoXG4gICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLXZhbHVlIGQtYmxvY2tcIlxuICAgICAgICAgICAgW2NsYXNzLnRleHQtZW5kXT1cIiFpc1NpbmdsZUl0ZW1TZWxlY3RlZFwiXG4gICAgICAgICAgICA+e3tcbiAgICAgICAgICAgICAgICBpdGVtLmlzQ3VycmVuY3lcbiAgICAgICAgICAgICAgICAgICAgPyAoaXRlbS52YWx1ZSB8IGZvcm1hdEN1cnJlbmN5OiBpdGVtLmlzQ3VycmVuY3kpXG4gICAgICAgICAgICAgICAgICAgIDogKGl0ZW0udmFsdWUgfCBuRm9ybWF0dGVyKVxuICAgICAgICAgICAgfX08L3NwYW5cbiAgICAgICAgPlxuICAgICAgICBAaWYgKGl0ZW0ucGVyY2VudGFnZSkge1xuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2x0aXAtbGlzdC1pdGVtLXBlcmNlbnRhZ2VcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy50ZXh0LWVuZF09XCIhaXNTaW5nbGVJdGVtU2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgID57eyBpdGVtLnBlcmNlbnRhZ2UgfX08L3NwYW5cbiAgICAgICAgICAgID5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
package/esm2022/lib/components/ca-truck-trailer-progress-bar/ca-truck-trailer-progress-bar.component.mjs CHANGED
@@ -53,7 +53,7 @@ export class CaTruckTrailerProgresBarComponent {
53
53
  }
54
54
  }
55
55
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaTruckTrailerProgresBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
56
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaTruckTrailerProgresBarComponent, isStandalone: true, selector: "app-ca-truck-trailer-progress-bar", inputs: { type: "type", text: "text", percents: "percents", data: "data", columnField: "columnField", isTable: "isTable", daysExpired: "daysExpired", daysToPay: "daysToPay", hasPopover: "hasPopover", pmName: "pmName" }, ngImport: i0, template: "<div\n class=\"progress-bar-parent d-flex align-items-center\"\n [class.disable-hover]=\"text === '/'\"\n [class.progress-bar-parent-expired]=\"daysExpired\"\n #ngbProgress=\"ngbPopover\"\n [autoClose]=\"false\"\n [ngbPopover]=\"milesProgressPopover\"\n [placement]=\"'bottom-left bottom-right'\"\n container=\"body\"\n popoverClass=\"table-progress-popover\"\n triggers=\"manual\"\n (hidden)=\"(progressDropdownActive === -1)\"\n (click)=\"\n data[columnField]?.expirationDaysText ||\n data[columnField]?.expirationMilesText ||\n data[columnField]?.expirationCreditText\n ? toggleProgressDropdown(ngbProgress)\n : {}\n \"\n>\n <div\n class=\"progress-bar-tooltip d-flex align-items-center\"\n [class.progress-bar-active-dropdown]=\"isOpenPopup\"\n [tooltipBackground]=\"'#424242'\"\n ngbTooltip\n [mainCaTooltip]=\"pmName\"\n position=\"bottom\"\n >\n <ng-container *ngIf=\"text !== '/'\">\n <div class=\"progress-bar-holder mx-2\">\n <div\n class=\"progress-child-back\"\n [ngClass]=\"{\n expired: percents === 0,\n 'back-gray': percents > 50 || percents === -1,\n 'back-yellow': percents > 20 && percents <= 50,\n 'back-red': percents <= 20 && percents > 0 && text !== '/',\n }\"\n ></div>\n <div\n class=\"progress-child-front\"\n [ngClass]=\"{\n 'front-gray': percents > 50,\n 'front-yellow': percents > 20 && percents <= 50,\n 'front-red': percents <= 20,\n }\"\n [style.width.%]=\"daysExpired ? 100 - percents : percents\"\n ></div>\n </div>\n </ng-container>\n <!-- In (days) of or ago (days) dispaly text bassed on expired or it will expire -->\n\n <ng-container *ngIf=\"percents && text !== '/'\">\n <span\n class=\"progress-text\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >in {{ text }} days</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} left</span>\n <span>{{ daysToPay }} days</span>\n </div></ng-template\n >\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi to go\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n <ng-container *ngSwitchCase=\"''\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"percents === 0 && percents !== null && text !== '/'\">\n <span\n class=\"progress-text ta-font-semi-bold\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >{{ text }} days ago</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} over</span>\n <span>{{ daysToPay }} days</span>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi over\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"text === '/'\">\n <span> / </span>\n </ng-container>\n </div>\n</div>\n\n<!-- MILES PROGRESS POPOVER -->\n<ng-template #milesProgressPopover>\n <div\n class=\"progress-dropdown\"\n [ngClass]=\"{ 'credit-dropdown': type === 'credit' }\"\n >\n <div\n class=\"progress-header d-flex align-items-center justify-content-between\"\n >\n <div class=\"progress-title\">\n <ng-container *ngIf=\"progressDropdownData.column.expirationMilesText\">\n {{ progressDropdownData.column.expirationMilesText ?? 0 }}\n\n <ng-container\n *ngIf=\"percents && percents <= 100; else isPercentsMiles\"\n >\n <span> mi to go</span>\n </ng-container>\n\n <ng-template #isPercentsMiles>\n <span> mi over</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationDaysText\">\n {{ progressDropdownData.column?.expirationDaysText ?? 0 }}\n <ng-container *ngIf=\"percents && percents < 100; else isPercentsDays\">\n <span> days left</span>\n </ng-container>\n\n <ng-template #isPercentsDays>\n <span> days ago</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationCreditText\">\n {{ progressDropdownData.column?.expirationCreditText ?? 0 }}\n </ng-container>\n </div>\n <div class=\"progress-total\">\n {{ progressDropdownData.column.totalValueText }}\n </div>\n </div>\n <div\n class=\"table-progress-bar-container\"\n [ngClass]=\"{\n 'bg-expired-container': !percents,\n 'bg-sliver-container': percents >= 50 && percents < 100,\n 'bg-orange-container': percents >= 20 && percents < 50,\n 'bg-danger-container': percents > 0 && percents < 20,\n 'bg-inactive-container': percents === 100,\n }\"\n >\n <div\n [ngClass]=\"{\n 'bg-progress-sliver': percents >= 50 && percents <= 100,\n 'bg-progress-orange': percents >= 20 && percents < 50,\n 'bg-progress-danger': percents > 0 && percents < 20,\n }\"\n [ngStyle]=\"{\n width: percents + '%',\n }\"\n class=\"table-progress-bar bg-progress-danger\"\n ></div>\n </div>\n <div class=\"progress-dropdown-body\">\n <ng-container *ngIf=\"type === 'days' || type === 'miles'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Last Serviced</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.lastService ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Odometer</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textOdometer ?? \"/\" }}\n </div>\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Repair Shop</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textRepairShop ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Invoice</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textInv ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Cost</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row?.cost ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"type === 'credit'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Total Credit</div>\n <div class=\"progress-info-text\">\n {{\n progressDropdownData.row.creditLimit\n ? (progressDropdownData.row.creditLimit | formatCurrency)\n : \"/\"\n }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Pay Term</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.broker!.payTerm?.name ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.progress-bar-parent{gap:4px;padding:0 4px;border-radius:2px}.progress-bar-parent .progress-bar-tooltip{padding:4px}.progress-bar-parent .progress-bar-tooltip .progress-text{color:#2f2f2f;width:100%}.progress-bar-parent .progress-bar-tooltip .progress-text.table-progress-text{font-size:14px;font-weight:400;line-height:18px}.progress-bar-parent .progress-bar-tooltip .progress-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text::selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text.progress-bar-text{color:#dadada}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder{width:35px;height:8px;border-radius:2px;overflow:hidden;position:relative}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-front{height:8px;position:absolute;left:0;top:0}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .expired{background:#df3c3c;opacity:1}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-gray{background:#919191;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-yellow{background:#f89b2e;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-red{background:#df3c3c;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-gray{background:#919191}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-yellow{background:#f89b2e}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-red{background:#df3c3c}.progress-bar-parent .progress-bar-tooltip.disable-hover:hover{background-color:unset;cursor:default}.progress-bar-parent .progress-bar-tooltip:hover{background-color:#91919133;cursor:pointer}.progress-bar-parent .progress-bar-tooltip.progress-bar-active-dropdown{background-color:#424242}.bg-sliver-container{background:#91919133}.bg-expired-container{background:#e57373}.bg-inactive-container{background:#e5e5e5}.bg-orange-container{background:#f89b2e33}.bg-danger-container{background:#df3c3c33}.bg-progress-sliver{background:#919191;width:80%}.bg-progress-orange{background:#fab15c;width:50%}.bg-progress-danger{background:#e66767;width:20%}\n"], dependencies: [{ kind: "ngmodule", type:
56
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaTruckTrailerProgresBarComponent, isStandalone: true, selector: "app-ca-truck-trailer-progress-bar", inputs: { type: "type", text: "text", percents: "percents", data: "data", columnField: "columnField", isTable: "isTable", daysExpired: "daysExpired", daysToPay: "daysToPay", hasPopover: "hasPopover", pmName: "pmName" }, ngImport: i0, template: "<div\n class=\"progress-bar-parent d-flex align-items-center\"\n [class.disable-hover]=\"text === '/'\"\n [class.progress-bar-parent-expired]=\"daysExpired\"\n #ngbProgress=\"ngbPopover\"\n [autoClose]=\"false\"\n [ngbPopover]=\"milesProgressPopover\"\n [placement]=\"'bottom-left bottom-right'\"\n container=\"body\"\n popoverClass=\"table-progress-popover\"\n triggers=\"manual\"\n (hidden)=\"(progressDropdownActive === -1)\"\n (click)=\"\n data[columnField]?.expirationDaysText ||\n data[columnField]?.expirationMilesText ||\n data[columnField]?.expirationCreditText\n ? toggleProgressDropdown(ngbProgress)\n : {}\n \"\n>\n <div\n class=\"progress-bar-tooltip d-flex align-items-center\"\n [class.progress-bar-active-dropdown]=\"isOpenPopup\"\n [tooltipBackground]=\"'#424242'\"\n ngbTooltip\n [mainCaTooltip]=\"pmName\"\n position=\"bottom\"\n >\n <ng-container *ngIf=\"text !== '/'\">\n <div class=\"progress-bar-holder mx-2\">\n <div\n class=\"progress-child-back\"\n [ngClass]=\"{\n expired: percents === 0,\n 'back-gray': percents > 50 || percents === -1,\n 'back-yellow': percents > 20 && percents <= 50,\n 'back-red': percents <= 20 && percents > 0 && text !== '/',\n }\"\n ></div>\n <div\n class=\"progress-child-front\"\n [ngClass]=\"{\n 'front-gray': percents > 50,\n 'front-yellow': percents > 20 && percents <= 50,\n 'front-red': percents <= 20,\n }\"\n [style.width.%]=\"daysExpired ? 100 - percents : percents\"\n ></div>\n </div>\n </ng-container>\n <!-- In (days) of or ago (days) dispaly text bassed on expired or it will expire -->\n\n <ng-container *ngIf=\"percents && text !== '/'\">\n <span\n class=\"progress-text\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >in {{ text }} days</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} left</span>\n <span>{{ daysToPay }} days</span>\n </div></ng-template\n >\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi to go\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n <ng-container *ngSwitchCase=\"''\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"percents === 0 && percents !== null && text !== '/'\">\n <span\n class=\"progress-text ta-font-semi-bold\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >{{ text }} days ago</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} over</span>\n <span>{{ daysToPay }} days</span>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi over\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"text === '/'\">\n <span> / </span>\n </ng-container>\n </div>\n</div>\n\n<!-- MILES PROGRESS POPOVER -->\n<ng-template #milesProgressPopover>\n <div\n class=\"progress-dropdown\"\n [ngClass]=\"{ 'credit-dropdown': type === 'credit' }\"\n >\n <div\n class=\"progress-header d-flex align-items-center justify-content-between\"\n >\n <div class=\"progress-title\">\n <ng-container *ngIf=\"progressDropdownData.column.expirationMilesText\">\n {{ progressDropdownData.column.expirationMilesText ?? 0 }}\n\n <ng-container\n *ngIf=\"percents && percents <= 100; else isPercentsMiles\"\n >\n <span> mi to go</span>\n </ng-container>\n\n <ng-template #isPercentsMiles>\n <span> mi over</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationDaysText\">\n {{ progressDropdownData.column?.expirationDaysText ?? 0 }}\n <ng-container *ngIf=\"percents && percents < 100; else isPercentsDays\">\n <span> days left</span>\n </ng-container>\n\n <ng-template #isPercentsDays>\n <span> days ago</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationCreditText\">\n {{ progressDropdownData.column?.expirationCreditText ?? 0 }}\n </ng-container>\n </div>\n <div class=\"progress-total\">\n {{ progressDropdownData.column.totalValueText }}\n </div>\n </div>\n <div\n class=\"table-progress-bar-container\"\n [ngClass]=\"{\n 'bg-expired-container': !percents,\n 'bg-sliver-container': percents >= 50 && percents < 100,\n 'bg-orange-container': percents >= 20 && percents < 50,\n 'bg-danger-container': percents > 0 && percents < 20,\n 'bg-inactive-container': percents === 100,\n }\"\n >\n <div\n [ngClass]=\"{\n 'bg-progress-sliver': percents >= 50 && percents <= 100,\n 'bg-progress-orange': percents >= 20 && percents < 50,\n 'bg-progress-danger': percents > 0 && percents < 20,\n }\"\n [ngStyle]=\"{\n width: percents + '%',\n }\"\n class=\"table-progress-bar bg-progress-danger\"\n ></div>\n </div>\n <div class=\"progress-dropdown-body\">\n <ng-container *ngIf=\"type === 'days' || type === 'miles'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Last Serviced</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.lastService ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Odometer</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textOdometer ?? \"/\" }}\n </div>\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Repair Shop</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textRepairShop ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Invoice</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textInv ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Cost</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row?.cost ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"type === 'credit'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Total Credit</div>\n <div class=\"progress-info-text\">\n {{\n progressDropdownData.row.creditLimit\n ? (progressDropdownData.row.creditLimit | formatCurrency)\n : \"/\"\n }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Pay Term</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.broker!.payTerm?.name ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.progress-bar-parent{gap:4px;padding:0 4px;border-radius:2px}.progress-bar-parent .progress-bar-tooltip{padding:4px}.progress-bar-parent .progress-bar-tooltip .progress-text{color:#2f2f2f;width:100%}.progress-bar-parent .progress-bar-tooltip .progress-text.table-progress-text{font-size:14px;font-weight:400;line-height:18px}.progress-bar-parent .progress-bar-tooltip .progress-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text::selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text.progress-bar-text{color:#dadada}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder{width:35px;height:8px;border-radius:2px;overflow:hidden;position:relative}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-front{height:8px;position:absolute;left:0;top:0}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .expired{background:#df3c3c;opacity:1}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-gray{background:#919191;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-yellow{background:#f89b2e;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-red{background:#df3c3c;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-gray{background:#919191}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-yellow{background:#f89b2e}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-red{background:#df3c3c}.progress-bar-parent .progress-bar-tooltip.disable-hover:hover{background-color:unset;cursor:default}.progress-bar-parent .progress-bar-tooltip:hover{background-color:#91919133;cursor:pointer}.progress-bar-parent .progress-bar-tooltip.progress-bar-active-dropdown{background-color:#424242}.bg-sliver-container{background:#91919133}.bg-expired-container{background:#e57373}.bg-inactive-container{background:#e5e5e5}.bg-orange-container{background:#f89b2e33}.bg-danger-container{background:#df3c3c33}.bg-progress-sliver{background:#919191;width:80%}.bg-progress-orange{background:#fab15c;width:50%}.bg-progress-danger{background:#e66767;width:20%}\n"], dependencies: [{ kind: "ngmodule", type:
57
57
  // Modules
58
58
  CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i2.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
59
59
  //Components
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
72
72
  // Pipes
73
73
  ThousandToShortFormatPipe,
74
74
  FormatCurrencyPipe,
75
- ], standalone: true, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"progress-bar-parent d-flex align-items-center\"\n [class.disable-hover]=\"text === '/'\"\n [class.progress-bar-parent-expired]=\"daysExpired\"\n #ngbProgress=\"ngbPopover\"\n [autoClose]=\"false\"\n [ngbPopover]=\"milesProgressPopover\"\n [placement]=\"'bottom-left bottom-right'\"\n container=\"body\"\n popoverClass=\"table-progress-popover\"\n triggers=\"manual\"\n (hidden)=\"(progressDropdownActive === -1)\"\n (click)=\"\n data[columnField]?.expirationDaysText ||\n data[columnField]?.expirationMilesText ||\n data[columnField]?.expirationCreditText\n ? toggleProgressDropdown(ngbProgress)\n : {}\n \"\n>\n <div\n class=\"progress-bar-tooltip d-flex align-items-center\"\n [class.progress-bar-active-dropdown]=\"isOpenPopup\"\n [tooltipBackground]=\"'#424242'\"\n ngbTooltip\n [mainCaTooltip]=\"pmName\"\n position=\"bottom\"\n >\n <ng-container *ngIf=\"text !== '/'\">\n <div class=\"progress-bar-holder mx-2\">\n <div\n class=\"progress-child-back\"\n [ngClass]=\"{\n expired: percents === 0,\n 'back-gray': percents > 50 || percents === -1,\n 'back-yellow': percents > 20 && percents <= 50,\n 'back-red': percents <= 20 && percents > 0 && text !== '/',\n }\"\n ></div>\n <div\n class=\"progress-child-front\"\n [ngClass]=\"{\n 'front-gray': percents > 50,\n 'front-yellow': percents > 20 && percents <= 50,\n 'front-red': percents <= 20,\n }\"\n [style.width.%]=\"daysExpired ? 100 - percents : percents\"\n ></div>\n </div>\n </ng-container>\n <!-- In (days) of or ago (days) dispaly text bassed on expired or it will expire -->\n\n <ng-container *ngIf=\"percents && text !== '/'\">\n <span\n class=\"progress-text\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >in {{ text }} days</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} left</span>\n <span>{{ daysToPay }} days</span>\n </div></ng-template\n >\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi to go\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n <ng-container *ngSwitchCase=\"''\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"percents === 0 && percents !== null && text !== '/'\">\n <span\n class=\"progress-text ta-font-semi-bold\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >{{ text }} days ago</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} over</span>\n <span>{{ daysToPay }} days</span>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi over\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"text === '/'\">\n <span> / </span>\n </ng-container>\n </div>\n</div>\n\n<!-- MILES PROGRESS POPOVER -->\n<ng-template #milesProgressPopover>\n <div\n class=\"progress-dropdown\"\n [ngClass]=\"{ 'credit-dropdown': type === 'credit' }\"\n >\n <div\n class=\"progress-header d-flex align-items-center justify-content-between\"\n >\n <div class=\"progress-title\">\n <ng-container *ngIf=\"progressDropdownData.column.expirationMilesText\">\n {{ progressDropdownData.column.expirationMilesText ?? 0 }}\n\n <ng-container\n *ngIf=\"percents && percents <= 100; else isPercentsMiles\"\n >\n <span> mi to go</span>\n </ng-container>\n\n <ng-template #isPercentsMiles>\n <span> mi over</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationDaysText\">\n {{ progressDropdownData.column?.expirationDaysText ?? 0 }}\n <ng-container *ngIf=\"percents && percents < 100; else isPercentsDays\">\n <span> days left</span>\n </ng-container>\n\n <ng-template #isPercentsDays>\n <span> days ago</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationCreditText\">\n {{ progressDropdownData.column?.expirationCreditText ?? 0 }}\n </ng-container>\n </div>\n <div class=\"progress-total\">\n {{ progressDropdownData.column.totalValueText }}\n </div>\n </div>\n <div\n class=\"table-progress-bar-container\"\n [ngClass]=\"{\n 'bg-expired-container': !percents,\n 'bg-sliver-container': percents >= 50 && percents < 100,\n 'bg-orange-container': percents >= 20 && percents < 50,\n 'bg-danger-container': percents > 0 && percents < 20,\n 'bg-inactive-container': percents === 100,\n }\"\n >\n <div\n [ngClass]=\"{\n 'bg-progress-sliver': percents >= 50 && percents <= 100,\n 'bg-progress-orange': percents >= 20 && percents < 50,\n 'bg-progress-danger': percents > 0 && percents < 20,\n }\"\n [ngStyle]=\"{\n width: percents + '%',\n }\"\n class=\"table-progress-bar bg-progress-danger\"\n ></div>\n </div>\n <div class=\"progress-dropdown-body\">\n <ng-container *ngIf=\"type === 'days' || type === 'miles'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Last Serviced</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.lastService ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Odometer</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textOdometer ?? \"/\" }}\n </div>\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Repair Shop</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textRepairShop ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Invoice</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textInv ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Cost</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row?.cost ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"type === 'credit'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Total Credit</div>\n <div class=\"progress-info-text\">\n {{\n progressDropdownData.row.creditLimit\n ? (progressDropdownData.row.creditLimit | formatCurrency)\n : \"/\"\n }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Pay Term</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.broker!.payTerm?.name ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.progress-bar-parent{gap:4px;padding:0 4px;border-radius:2px}.progress-bar-parent .progress-bar-tooltip{padding:4px}.progress-bar-parent .progress-bar-tooltip .progress-text{color:#2f2f2f;width:100%}.progress-bar-parent .progress-bar-tooltip .progress-text.table-progress-text{font-size:14px;font-weight:400;line-height:18px}.progress-bar-parent .progress-bar-tooltip .progress-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text::selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text.progress-bar-text{color:#dadada}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder{width:35px;height:8px;border-radius:2px;overflow:hidden;position:relative}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-front{height:8px;position:absolute;left:0;top:0}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .expired{background:#df3c3c;opacity:1}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-gray{background:#919191;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-yellow{background:#f89b2e;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-red{background:#df3c3c;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-gray{background:#919191}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-yellow{background:#f89b2e}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-red{background:#df3c3c}.progress-bar-parent .progress-bar-tooltip.disable-hover:hover{background-color:unset;cursor:default}.progress-bar-parent .progress-bar-tooltip:hover{background-color:#91919133;cursor:pointer}.progress-bar-parent .progress-bar-tooltip.progress-bar-active-dropdown{background-color:#424242}.bg-sliver-container{background:#91919133}.bg-expired-container{background:#e57373}.bg-inactive-container{background:#e5e5e5}.bg-orange-container{background:#f89b2e33}.bg-danger-container{background:#df3c3c33}.bg-progress-sliver{background:#919191;width:80%}.bg-progress-orange{background:#fab15c;width:50%}.bg-progress-danger{background:#e66767;width:20%}\n"] }]
75
+ ], standalone: true, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"progress-bar-parent d-flex align-items-center\"\n [class.disable-hover]=\"text === '/'\"\n [class.progress-bar-parent-expired]=\"daysExpired\"\n #ngbProgress=\"ngbPopover\"\n [autoClose]=\"false\"\n [ngbPopover]=\"milesProgressPopover\"\n [placement]=\"'bottom-left bottom-right'\"\n container=\"body\"\n popoverClass=\"table-progress-popover\"\n triggers=\"manual\"\n (hidden)=\"(progressDropdownActive === -1)\"\n (click)=\"\n data[columnField]?.expirationDaysText ||\n data[columnField]?.expirationMilesText ||\n data[columnField]?.expirationCreditText\n ? toggleProgressDropdown(ngbProgress)\n : {}\n \"\n>\n <div\n class=\"progress-bar-tooltip d-flex align-items-center\"\n [class.progress-bar-active-dropdown]=\"isOpenPopup\"\n [tooltipBackground]=\"'#424242'\"\n ngbTooltip\n [mainCaTooltip]=\"pmName\"\n position=\"bottom\"\n >\n <ng-container *ngIf=\"text !== '/'\">\n <div class=\"progress-bar-holder mx-2\">\n <div\n class=\"progress-child-back\"\n [ngClass]=\"{\n expired: percents === 0,\n 'back-gray': percents > 50 || percents === -1,\n 'back-yellow': percents > 20 && percents <= 50,\n 'back-red': percents <= 20 && percents > 0 && text !== '/',\n }\"\n ></div>\n <div\n class=\"progress-child-front\"\n [ngClass]=\"{\n 'front-gray': percents > 50,\n 'front-yellow': percents > 20 && percents <= 50,\n 'front-red': percents <= 20,\n }\"\n [style.width.%]=\"daysExpired ? 100 - percents : percents\"\n ></div>\n </div>\n </ng-container>\n <!-- In (days) of or ago (days) dispaly text bassed on expired or it will expire -->\n\n <ng-container *ngIf=\"percents && text !== '/'\">\n <span\n class=\"progress-text\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >in {{ text }} days</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} left</span>\n <span>{{ daysToPay }} days</span>\n </div></ng-template\n >\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi to go\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n <ng-container *ngSwitchCase=\"''\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"percents === 0 && percents !== null && text !== '/'\">\n <span\n class=\"progress-text ta-font-semi-bold\"\n [class.table-progress-text]=\"isTable\"\n [class.progress-bar-text]=\"isOpenPopup\"\n >\n <ng-container *ngIf=\"type === 'days'\">\n <ng-container *ngIf=\"daysExpired; else daysExpired\"\n >{{ text }} days ago</ng-container\n >\n <ng-template #daysExpired>\n <div class=\"progress-text-title\">\n <span>{{ text }} {{ daysPluralization }} over</span>\n <span>{{ daysToPay }} days</span>\n </div>\n </ng-template>\n </ng-container>\n\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'miles'\">\n {{ +text | thousandToShortFormatPipe }} mi over\n </ng-container>\n <ng-container *ngSwitchCase=\"'credit'\">\n {{ text }}\n </ng-container>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"text === '/'\">\n <span> / </span>\n </ng-container>\n </div>\n</div>\n\n<!-- MILES PROGRESS POPOVER -->\n<ng-template #milesProgressPopover>\n <div\n class=\"progress-dropdown\"\n [ngClass]=\"{ 'credit-dropdown': type === 'credit' }\"\n >\n <div\n class=\"progress-header d-flex align-items-center justify-content-between\"\n >\n <div class=\"progress-title\">\n <ng-container *ngIf=\"progressDropdownData.column.expirationMilesText\">\n {{ progressDropdownData.column.expirationMilesText ?? 0 }}\n\n <ng-container\n *ngIf=\"percents && percents <= 100; else isPercentsMiles\"\n >\n <span> mi to go</span>\n </ng-container>\n\n <ng-template #isPercentsMiles>\n <span> mi over</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationDaysText\">\n {{ progressDropdownData.column?.expirationDaysText ?? 0 }}\n <ng-container *ngIf=\"percents && percents < 100; else isPercentsDays\">\n <span> days left</span>\n </ng-container>\n\n <ng-template #isPercentsDays>\n <span> days ago</span>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"progressDropdownData.column.expirationCreditText\">\n {{ progressDropdownData.column?.expirationCreditText ?? 0 }}\n </ng-container>\n </div>\n <div class=\"progress-total\">\n {{ progressDropdownData.column.totalValueText }}\n </div>\n </div>\n <div\n class=\"table-progress-bar-container\"\n [ngClass]=\"{\n 'bg-expired-container': !percents,\n 'bg-sliver-container': percents >= 50 && percents < 100,\n 'bg-orange-container': percents >= 20 && percents < 50,\n 'bg-danger-container': percents > 0 && percents < 20,\n 'bg-inactive-container': percents === 100,\n }\"\n >\n <div\n [ngClass]=\"{\n 'bg-progress-sliver': percents >= 50 && percents <= 100,\n 'bg-progress-orange': percents >= 20 && percents < 50,\n 'bg-progress-danger': percents > 0 && percents < 20,\n }\"\n [ngStyle]=\"{\n width: percents + '%',\n }\"\n class=\"table-progress-bar bg-progress-danger\"\n ></div>\n </div>\n <div class=\"progress-dropdown-body\">\n <ng-container *ngIf=\"type === 'days' || type === 'miles'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Last Serviced</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.lastService ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Odometer</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textOdometer ?? \"/\" }}\n </div>\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Repair Shop</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textRepairShop ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Invoice</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.textInv ?? \"/\" }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Cost</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row?.cost ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"type === 'credit'\">\n <div class=\"progress-dual-info-container d-flex align-items-center\">\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Total Credit</div>\n <div class=\"progress-info-text\">\n {{\n progressDropdownData.row.creditLimit\n ? (progressDropdownData.row.creditLimit | formatCurrency)\n : \"/\"\n }}\n </div>\n </div>\n <div class=\"progress-info-container\">\n <div class=\"progress-info-title\">Pay Term</div>\n <div class=\"progress-info-text\">\n {{ progressDropdownData.row.broker!.payTerm?.name ?? \"/\" }}\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.progress-bar-parent{gap:4px;padding:0 4px;border-radius:2px}.progress-bar-parent .progress-bar-tooltip{padding:4px}.progress-bar-parent .progress-bar-tooltip .progress-text{color:#2f2f2f;width:100%}.progress-bar-parent .progress-bar-tooltip .progress-text.table-progress-text{font-size:14px;font-weight:400;line-height:18px}.progress-bar-parent .progress-bar-tooltip .progress-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text::selection{color:#2f2f2f;background:#2f2f2f33}.progress-bar-parent .progress-bar-tooltip .progress-text.progress-bar-text{color:#dadada}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder{width:35px;height:8px;border-radius:2px;overflow:hidden;position:relative}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-back{opacity:.2;width:100%;height:8px;position:absolute}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .progress-child-front{height:8px;position:absolute;left:0;top:0}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .expired{background:#df3c3c;opacity:1}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-gray{background:#919191;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-yellow{background:#f89b2e;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .back-red{background:#df3c3c;opacity:.2}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-gray{background:#919191}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-yellow{background:#f89b2e}.progress-bar-parent .progress-bar-tooltip .progress-bar-holder .front-red{background:#df3c3c}.progress-bar-parent .progress-bar-tooltip.disable-hover:hover{background-color:unset;cursor:default}.progress-bar-parent .progress-bar-tooltip:hover{background-color:#91919133;cursor:pointer}.progress-bar-parent .progress-bar-tooltip.progress-bar-active-dropdown{background-color:#424242}.bg-sliver-container{background:#91919133}.bg-expired-container{background:#e57373}.bg-inactive-container{background:#e5e5e5}.bg-orange-container{background:#f89b2e33}.bg-danger-container{background:#df3c3c33}.bg-progress-sliver{background:#919191;width:80%}.bg-progress-orange{background:#fab15c;width:50%}.bg-progress-danger{background:#e66767;width:20%}\n"] }]
76
76
  }], propDecorators: { type: [{
77
77
  type: Input
78
78
  }], text: [{