ca-components 2.1.1431 → 2.1.1532

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 (19) hide show
  1. package/fesm2022/ca-components.mjs +62 -21
  2. package/fesm2022/ca-components.mjs.map +1 -1
  3. package/index.d.ts +516 -86
  4. package/lib/components/ca-chart/ca-chart.component.ts +3 -3
  5. package/lib/components/ca-chart/models/index.ts +1 -1
  6. package/lib/components/ca-checkbox/ca-checkbox.component.scss +26 -3
  7. package/lib/components/ca-checkbox-selected-count/ca-checkbox-selected-count.component.scss +1 -1
  8. package/lib/components/ca-period-content/models/index.ts +2 -0
  9. package/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.html +1 -0
  10. package/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.ts +1 -0
  11. package/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.html +6 -0
  12. package/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.ts +1 -0
  13. package/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-list/ca-load-list.component.ts +3 -1
  14. package/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-single/ca-load-single.component.ts +3 -1
  15. package/lib/models/dashboard/dropdown-list-item.model.ts +1 -1
  16. package/lib/models/index.ts +2 -0
  17. package/lib/utils/helpers/dropdown-menu-content-conditional-items.helper.ts +10 -2
  18. package/lib/utils/helpers/dropdown-menu-content.helper.ts +6 -3
  19. package/package.json +1 -1
package/fesm2022/ca-components.mjs CHANGED
@@ -1401,11 +1401,11 @@ class DropdownMenuContentHelper {
1401
1401
  return [...sharedItems];
1402
1402
  }
1403
1403
  // dispatchboard - pickup delivery component
1404
- static getPickupDeliveryDropdownContent(loadStatus) {
1405
- const modifierItems = DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(loadStatus);
1404
+ static getPickupDeliveryDropdownContent(loadStatus, isAllDispatchBoardsSelected) {
1405
+ const modifierItems = DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(loadStatus, isAllDispatchBoardsSelected);
1406
1406
  const sharedItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([], true, modifierItems);
1407
1407
  if (loadStatus === StatusTypeEnum.PENDING) {
1408
- const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([eDropdownMenu$1.UNASSIGN], false);
1408
+ const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([eDropdownMenu$1.UNASSIGN], false, modifierItems);
1409
1409
  return [
1410
1410
  sharedItems[0],
1411
1411
  ...conditionalItems,
@@ -1589,15 +1589,21 @@ class DropdownMenuContentConditionalItemsHelper {
1589
1589
  }
1590
1590
  // modifier items
1591
1591
  // dispatchboard - pickup delivery component
1592
- static getPickupDeliveryModifierItems(loadStatus) {
1592
+ static getPickupDeliveryModifierItems(loadStatus, isAllDispatchBoardsSelected) {
1593
1593
  return [
1594
1594
  {
1595
1595
  title: eDropdownMenu$1.EDIT,
1596
1596
  hasBorder: loadStatus !== StatusTypeEnum.PENDING,
1597
+ isDisabled: isAllDispatchBoardsSelected,
1598
+ },
1599
+ {
1600
+ title: eDropdownMenu$1.UNASSIGN,
1601
+ isDisabled: isAllDispatchBoardsSelected,
1597
1602
  },
1598
1603
  {
1599
1604
  title: eDropdownMenu$1.DELETE,
1600
- isDisabled: loadStatus !== StatusTypeEnum.PENDING,
1605
+ isDisabled: isAllDispatchBoardsSelected ||
1606
+ loadStatus !== StatusTypeEnum.PENDING,
1601
1607
  },
1602
1608
  ];
1603
1609
  }
@@ -19378,7 +19384,7 @@ class CaCheckboxComponent {
19378
19384
  this.cdRef?.markForCheck();
19379
19385
  }
19380
19386
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CaCheckboxComponent, deps: [{ token: i0.Renderer2 }, { token: i1$2.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
19381
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CaCheckboxComponent, isStandalone: true, selector: "app-ca-checkbox", inputs: { label: "label", required: "required", disabled: "disabled", disabledStillCheckMark: "disabledStillCheckMark", svg: "svg", name: "name", customClass: "customClass", svgCustomClass: "svgCustomClass", moveIconDown: "moveIconDown", isUseCarrieraACHCheckBox: "isUseCarrieraACHCheckBox", isDisabledBlue: "isDisabledBlue", isDisabledRegularCheck: "isDisabledRegularCheck", isLabelDisabled: "isLabelDisabled", isRegularCheckbox: "isRegularCheckbox", isChecked: "isChecked", isGroupPartialyChecked: "isGroupPartialyChecked", isBlackLabelCheckbox: "isBlackLabelCheckbox", isModalCheckbox: "isModalCheckbox", isMarginTopReset: "isMarginTopReset", groupIndex: "groupIndex", itemIndex: "itemIndex", isDarkBackgroundCheckbox: "isDarkBackgroundCheckbox" }, outputs: { formArrayAction: "formArrayAction", columnCheckAction: "columnCheckAction" }, ngImport: i0, template: "<div class=\"d-flex align-items-center h-100\">\n @let isCheckboxDisabled = disabled || disabledStillCheckMark;\n @if (isUseCarrieraACHCheckBox) {\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'ca-dark-bg': isDarkBackgroundCheckbox,\n }\"\n class=\"d-flex align-items-center ca-checkbox-container {{\n customClass\n }}\"\n >\n <label\n class=\"d-flex align-items-center\"\n [for]=\"name\"\n (click)=\"onHandleClick($event)\"\n >\n <input\n type=\"checkbox\"\n class=\"a-checkbox\"\n [name]=\"name\"\n [id]=\"name\"\n [checked]=\"getSuperControl?.value\"\n (change)=\"onChange($event)\"\n (click)=\"$event.stopPropagation()\"\n />\n\n @if (!disabled || getSuperControl?.value) {\n <span class=\"ca-mark position-absolute\"></span>\n }\n\n <svg-icon\n class=\"carriera-icon\"\n [src]=\"\n getSuperControl?.value\n ? checkboxSvgRoutes.carrieraLogoActiveIcon\n : checkboxSvgRoutes.carrieraLogoInactiveIcon\n \"\n ></svg-icon>\n </label>\n </div>\n } @else {\n @let isDisabledState = disabled && !disabledStillCheckMark;\n\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'disabled-regular-check': isDisabledRegularCheck,\n 'c-pointer': !isDisabledState,\n 'top-0': isMarginTopReset,\n }\"\n class=\"ca-checkbox-container d-flex align-items-center {{\n customClass\n }}\"\n [class.ca-dark-bg]=\"isDarkBackgroundCheckbox\"\n [class.checked]=\"isChecked\"\n (click)=\"onHandleClick($event)\"\n >\n <label\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'h-26': isModalCheckbox,\n 'c-pointer': !isDisabledState,\n }\"\n [for]=\"name\"\n >\n @if (\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched\n ) {\n <span class=\"required-text-checkbox ca-font-semi-bold\">\n Required\n </span>\n }\n\n @let checkboxSizeClass =\n isModalCheckbox ? 'h-14 w-14' : 'h-18 w-18';\n @let tooltipText =\n isDisabledState\n ? 'Disabled'\n : getSuperControl?.value || isChecked\n ? eGeneralActions.CLEAR\n : eGeneralActions.SELECT;\n @let tooltipBgColor =\n isDisabledState ? eColor.LIGHT_GREY : eColor.BLACK;\n @let tooltipTextColor = isDisabledState ? eColor.DARK_GREY : '';\n\n <div\n class=\"position-relative d-flex align-items-center justify-content-center ca-checkbox-input-container\"\n [ngClass]=\"checkboxSizeClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipMarginTop]=\"'4px'\"\n [tooltipBackground]=\"tooltipBgColor\"\n [tooltipColor]=\"tooltipTextColor\"\n position=\"bottom\"\n (click)=\"onHandleClick($event, true)\"\n >\n @if (\n (!disabled || disabledStillCheckMark) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <input\n type=\"checkbox\"\n class=\"ca-checkbox position-absolute\"\n [name]=\"name\"\n [id]=\"name\"\n (click)=\"$event.stopPropagation()\"\n [checked]=\"\n !isRegularCheckbox\n ? isChecked\n : getSuperControl?.value\n \"\n (change)=\"onChange($event)\"\n />\n }\n\n @if (\n (!disabled ||\n (disabledStillCheckMark &&\n getSuperControl?.value)) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <span\n class=\"ca-mark position-relative\"\n [ngClass]=\"{\n invalid:\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched,\n disabled: disabledStillCheckMark,\n 'down-position': moveIconDown,\n minus: isGroupPartialyChecked,\n }\"\n >\n @if (isChecked && !isGroupPartialyChecked) {\n <svg-icon\n class=\"ca-mark-checked-icon d-flex justify-content-center align-items-center w-100 h-100 svg-fill-white svg-size-9\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n </span>\n }\n\n @if (isDisabledRegularCheck) {\n <svg-icon\n class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledBlue) {\n <svg-icon\n class=\"ca-checkbox-disabled-blue\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledState) {\n <svg-icon\n class=\"ca-checkbox-disabled\"\n [class.dark-disabled-icon]=\"isBlackLabelCheckbox\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n </div>\n\n @if (svg) {\n <svg-icon\n class=\"ca-checkbox-svg {{ svgCustomClass }}\"\n [src]=\"svg\"\n ></svg-icon>\n }\n\n @if (label) {\n <span\n class=\"ca-checkbox-label\"\n [ngClass]=\"{\n 'ca-checkbox-label-blue': isDisabledBlue,\n 'ca-checkbox-label-regular-check':\n isDisabledRegularCheck,\n 'ca-checkbox-label-disabled': isLabelDisabled,\n 'ca-font-bold': !isBlackLabelCheckbox && isChecked,\n 'ca-font-extra-bold text-size-14': isModalCheckbox,\n 'text-color-white': !isBlackLabelCheckbox,\n 'text-color-light-grey-2':\n !isInputChecked && isBlackLabelCheckbox,\n 'text-color-black':\n isInputChecked && isBlackLabelCheckbox,\n 'text-color-bw6-2':\n isModalCheckbox && !isInputChecked,\n }\"\n (click)=\"!isRegularCheckbox && $event.preventDefault()\"\n >\n {{ label }}\n @if (required) {\n <span class=\"ca-checkbox-label-required\">*</span>\n }\n </span>\n }\n </label>\n </div>\n }\n</div>\n", styles: ["@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}}.ca-checkbox-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-checkbox-input-container{transition:transform .3s ease-in-out}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover{transform:scale(1.2);transform-origin:center}.ca-checkbox-container .ca-mark{height:14px;width:14px;background-color:#ccc;border-radius:2px;cursor:pointer;transition:background-color .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox:checked~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed}.ca-checkbox-container .ca-checkbox:hover~.ca-mark{background-color:#919191!important}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox~.ca-mark{background-color:#dadada!important}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox:checked~.ca-mark{background-color:#92b1f5!important}.ca-checkbox-container .ca-checkbox-svg{margin-left:10px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#fff!important}.ca-checkbox-container.disabled .ca-checkbox-disabled.dark-disabled-icon svg path{fill:#ccc!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important;cursor:auto}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important;color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{font-weight:500!important;color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{font-weight:700!important;color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{font-weight:500!important;color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400;color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important;font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label{font-weight:800!important;font-size:14px}.ca-checkbox-container.regular-14 .ca-checkbox-label{font-weight:400!important;font-size:14px!important}.ca-checkbox-container.regular-14:not(.checked) .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.medium-14 .ca-checkbox-label{font-weight:500!important;font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)!important}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type:
19387
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CaCheckboxComponent, isStandalone: true, selector: "app-ca-checkbox", inputs: { label: "label", required: "required", disabled: "disabled", disabledStillCheckMark: "disabledStillCheckMark", svg: "svg", name: "name", customClass: "customClass", svgCustomClass: "svgCustomClass", moveIconDown: "moveIconDown", isUseCarrieraACHCheckBox: "isUseCarrieraACHCheckBox", isDisabledBlue: "isDisabledBlue", isDisabledRegularCheck: "isDisabledRegularCheck", isLabelDisabled: "isLabelDisabled", isRegularCheckbox: "isRegularCheckbox", isChecked: "isChecked", isGroupPartialyChecked: "isGroupPartialyChecked", isBlackLabelCheckbox: "isBlackLabelCheckbox", isModalCheckbox: "isModalCheckbox", isMarginTopReset: "isMarginTopReset", groupIndex: "groupIndex", itemIndex: "itemIndex", isDarkBackgroundCheckbox: "isDarkBackgroundCheckbox" }, outputs: { formArrayAction: "formArrayAction", columnCheckAction: "columnCheckAction" }, ngImport: i0, template: "<div class=\"d-flex align-items-center h-100\">\n @let isCheckboxDisabled = disabled || disabledStillCheckMark;\n @if (isUseCarrieraACHCheckBox) {\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'ca-dark-bg': isDarkBackgroundCheckbox,\n }\"\n class=\"d-flex align-items-center ca-checkbox-container {{\n customClass\n }}\"\n >\n <label\n class=\"d-flex align-items-center\"\n [for]=\"name\"\n (click)=\"onHandleClick($event)\"\n >\n <input\n type=\"checkbox\"\n class=\"a-checkbox\"\n [name]=\"name\"\n [id]=\"name\"\n [checked]=\"getSuperControl?.value\"\n (change)=\"onChange($event)\"\n (click)=\"$event.stopPropagation()\"\n />\n\n @if (!disabled || getSuperControl?.value) {\n <span class=\"ca-mark position-absolute\"></span>\n }\n\n <svg-icon\n class=\"carriera-icon\"\n [src]=\"\n getSuperControl?.value\n ? checkboxSvgRoutes.carrieraLogoActiveIcon\n : checkboxSvgRoutes.carrieraLogoInactiveIcon\n \"\n ></svg-icon>\n </label>\n </div>\n } @else {\n @let isDisabledState = disabled && !disabledStillCheckMark;\n\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'disabled-regular-check': isDisabledRegularCheck,\n 'c-pointer': !isDisabledState,\n 'top-0': isMarginTopReset,\n }\"\n class=\"ca-checkbox-container d-flex align-items-center {{\n customClass\n }}\"\n [class.ca-dark-bg]=\"isDarkBackgroundCheckbox\"\n [class.checked]=\"isChecked\"\n (click)=\"onHandleClick($event)\"\n >\n <label\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'h-26': isModalCheckbox,\n 'c-pointer': !isDisabledState,\n }\"\n [for]=\"name\"\n >\n @if (\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched\n ) {\n <span class=\"required-text-checkbox ca-font-semi-bold\">\n Required\n </span>\n }\n\n @let checkboxSizeClass =\n isModalCheckbox ? 'h-14 w-14' : 'h-18 w-18';\n @let tooltipText =\n isDisabledState\n ? 'Disabled'\n : getSuperControl?.value || isChecked\n ? eGeneralActions.CLEAR\n : eGeneralActions.SELECT;\n @let tooltipBgColor =\n isDisabledState ? eColor.LIGHT_GREY : eColor.BLACK;\n @let tooltipTextColor = isDisabledState ? eColor.DARK_GREY : '';\n\n <div\n class=\"position-relative d-flex align-items-center justify-content-center ca-checkbox-input-container\"\n [ngClass]=\"checkboxSizeClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipMarginTop]=\"'4px'\"\n [tooltipBackground]=\"tooltipBgColor\"\n [tooltipColor]=\"tooltipTextColor\"\n position=\"bottom\"\n (click)=\"onHandleClick($event, true)\"\n >\n @if (\n (!disabled || disabledStillCheckMark) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <input\n type=\"checkbox\"\n class=\"ca-checkbox position-absolute\"\n [name]=\"name\"\n [id]=\"name\"\n (click)=\"$event.stopPropagation()\"\n [checked]=\"\n !isRegularCheckbox\n ? isChecked\n : getSuperControl?.value\n \"\n (change)=\"onChange($event)\"\n />\n }\n\n @if (\n (!disabled ||\n (disabledStillCheckMark &&\n getSuperControl?.value)) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <span\n class=\"ca-mark position-relative\"\n [ngClass]=\"{\n invalid:\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched,\n disabled: disabledStillCheckMark,\n 'down-position': moveIconDown,\n minus: isGroupPartialyChecked,\n }\"\n >\n @if (isChecked && !isGroupPartialyChecked) {\n <svg-icon\n class=\"ca-mark-checked-icon d-flex justify-content-center align-items-center w-100 h-100 svg-fill-white svg-size-9\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n </span>\n }\n\n @if (isDisabledRegularCheck) {\n <svg-icon\n class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledBlue) {\n <svg-icon\n class=\"ca-checkbox-disabled-blue\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledState) {\n <svg-icon\n class=\"ca-checkbox-disabled\"\n [class.dark-disabled-icon]=\"isBlackLabelCheckbox\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n </div>\n\n @if (svg) {\n <svg-icon\n class=\"ca-checkbox-svg {{ svgCustomClass }}\"\n [src]=\"svg\"\n ></svg-icon>\n }\n\n @if (label) {\n <span\n class=\"ca-checkbox-label\"\n [ngClass]=\"{\n 'ca-checkbox-label-blue': isDisabledBlue,\n 'ca-checkbox-label-regular-check':\n isDisabledRegularCheck,\n 'ca-checkbox-label-disabled': isLabelDisabled,\n 'ca-font-bold': !isBlackLabelCheckbox && isChecked,\n 'ca-font-extra-bold text-size-14': isModalCheckbox,\n 'text-color-white': !isBlackLabelCheckbox,\n 'text-color-light-grey-2':\n !isInputChecked && isBlackLabelCheckbox,\n 'text-color-black':\n isInputChecked && isBlackLabelCheckbox,\n 'text-color-bw6-2':\n isModalCheckbox && !isInputChecked,\n }\"\n (click)=\"!isRegularCheckbox && $event.preventDefault()\"\n >\n {{ label }}\n @if (required) {\n <span class=\"ca-checkbox-label-required\">*</span>\n }\n </span>\n }\n </label>\n </div>\n }\n</div>\n", styles: ["@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}}.ca-checkbox-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-checkbox-input-container{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover{transform:scale(1.2857);transform-origin:center}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover .ca-mark-checked-icon{transform:scale(.7777864198)}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:active{transform:scale(1.2857);transform-origin:center}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:active .ca-mark-checked-icon{transform:scale(.7777864198)}.ca-checkbox-container .ca-mark{height:14px;width:14px;background-color:#ccc;border-radius:2px;cursor:pointer;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark-checked-icon{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox:checked~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container:active .ca-checkbox:checked~.ca-mark,.ca-checkbox-container .ca-checkbox-input-container:active .ca-checkbox:checked~.ca-mark{background-color:#ccc!important}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed}.ca-checkbox-container .ca-checkbox:hover~.ca-mark{background-color:#919191!important}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox~.ca-mark{background-color:#dadada!important}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox:checked~.ca-mark{background-color:#92b1f5!important}.ca-checkbox-container .ca-checkbox-svg{margin-left:10px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#fff!important}.ca-checkbox-container.disabled .ca-checkbox-disabled.dark-disabled-icon svg path{fill:#ccc!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important;cursor:auto}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important;color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{font-weight:500!important;color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{font-weight:700!important;color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{font-weight:500!important;color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400;color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important;font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label{font-weight:800!important;font-size:14px}.ca-checkbox-container.regular-14 .ca-checkbox-label{font-weight:400!important;font-size:14px!important}.ca-checkbox-container.regular-14:not(.checked) .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.medium-14 .ca-checkbox-label{font-weight:500!important;font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)!important}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type:
19382
19388
  // modules
19383
19389
  CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.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:
19384
19390
  // components
@@ -19395,7 +19401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
19395
19401
  NgbModule,
19396
19402
  // components
19397
19403
  CaAppTooltipV2Component,
19398
- ], template: "<div class=\"d-flex align-items-center h-100\">\n @let isCheckboxDisabled = disabled || disabledStillCheckMark;\n @if (isUseCarrieraACHCheckBox) {\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'ca-dark-bg': isDarkBackgroundCheckbox,\n }\"\n class=\"d-flex align-items-center ca-checkbox-container {{\n customClass\n }}\"\n >\n <label\n class=\"d-flex align-items-center\"\n [for]=\"name\"\n (click)=\"onHandleClick($event)\"\n >\n <input\n type=\"checkbox\"\n class=\"a-checkbox\"\n [name]=\"name\"\n [id]=\"name\"\n [checked]=\"getSuperControl?.value\"\n (change)=\"onChange($event)\"\n (click)=\"$event.stopPropagation()\"\n />\n\n @if (!disabled || getSuperControl?.value) {\n <span class=\"ca-mark position-absolute\"></span>\n }\n\n <svg-icon\n class=\"carriera-icon\"\n [src]=\"\n getSuperControl?.value\n ? checkboxSvgRoutes.carrieraLogoActiveIcon\n : checkboxSvgRoutes.carrieraLogoInactiveIcon\n \"\n ></svg-icon>\n </label>\n </div>\n } @else {\n @let isDisabledState = disabled && !disabledStillCheckMark;\n\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'disabled-regular-check': isDisabledRegularCheck,\n 'c-pointer': !isDisabledState,\n 'top-0': isMarginTopReset,\n }\"\n class=\"ca-checkbox-container d-flex align-items-center {{\n customClass\n }}\"\n [class.ca-dark-bg]=\"isDarkBackgroundCheckbox\"\n [class.checked]=\"isChecked\"\n (click)=\"onHandleClick($event)\"\n >\n <label\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'h-26': isModalCheckbox,\n 'c-pointer': !isDisabledState,\n }\"\n [for]=\"name\"\n >\n @if (\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched\n ) {\n <span class=\"required-text-checkbox ca-font-semi-bold\">\n Required\n </span>\n }\n\n @let checkboxSizeClass =\n isModalCheckbox ? 'h-14 w-14' : 'h-18 w-18';\n @let tooltipText =\n isDisabledState\n ? 'Disabled'\n : getSuperControl?.value || isChecked\n ? eGeneralActions.CLEAR\n : eGeneralActions.SELECT;\n @let tooltipBgColor =\n isDisabledState ? eColor.LIGHT_GREY : eColor.BLACK;\n @let tooltipTextColor = isDisabledState ? eColor.DARK_GREY : '';\n\n <div\n class=\"position-relative d-flex align-items-center justify-content-center ca-checkbox-input-container\"\n [ngClass]=\"checkboxSizeClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipMarginTop]=\"'4px'\"\n [tooltipBackground]=\"tooltipBgColor\"\n [tooltipColor]=\"tooltipTextColor\"\n position=\"bottom\"\n (click)=\"onHandleClick($event, true)\"\n >\n @if (\n (!disabled || disabledStillCheckMark) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <input\n type=\"checkbox\"\n class=\"ca-checkbox position-absolute\"\n [name]=\"name\"\n [id]=\"name\"\n (click)=\"$event.stopPropagation()\"\n [checked]=\"\n !isRegularCheckbox\n ? isChecked\n : getSuperControl?.value\n \"\n (change)=\"onChange($event)\"\n />\n }\n\n @if (\n (!disabled ||\n (disabledStillCheckMark &&\n getSuperControl?.value)) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <span\n class=\"ca-mark position-relative\"\n [ngClass]=\"{\n invalid:\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched,\n disabled: disabledStillCheckMark,\n 'down-position': moveIconDown,\n minus: isGroupPartialyChecked,\n }\"\n >\n @if (isChecked && !isGroupPartialyChecked) {\n <svg-icon\n class=\"ca-mark-checked-icon d-flex justify-content-center align-items-center w-100 h-100 svg-fill-white svg-size-9\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n </span>\n }\n\n @if (isDisabledRegularCheck) {\n <svg-icon\n class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledBlue) {\n <svg-icon\n class=\"ca-checkbox-disabled-blue\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledState) {\n <svg-icon\n class=\"ca-checkbox-disabled\"\n [class.dark-disabled-icon]=\"isBlackLabelCheckbox\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n </div>\n\n @if (svg) {\n <svg-icon\n class=\"ca-checkbox-svg {{ svgCustomClass }}\"\n [src]=\"svg\"\n ></svg-icon>\n }\n\n @if (label) {\n <span\n class=\"ca-checkbox-label\"\n [ngClass]=\"{\n 'ca-checkbox-label-blue': isDisabledBlue,\n 'ca-checkbox-label-regular-check':\n isDisabledRegularCheck,\n 'ca-checkbox-label-disabled': isLabelDisabled,\n 'ca-font-bold': !isBlackLabelCheckbox && isChecked,\n 'ca-font-extra-bold text-size-14': isModalCheckbox,\n 'text-color-white': !isBlackLabelCheckbox,\n 'text-color-light-grey-2':\n !isInputChecked && isBlackLabelCheckbox,\n 'text-color-black':\n isInputChecked && isBlackLabelCheckbox,\n 'text-color-bw6-2':\n isModalCheckbox && !isInputChecked,\n }\"\n (click)=\"!isRegularCheckbox && $event.preventDefault()\"\n >\n {{ label }}\n @if (required) {\n <span class=\"ca-checkbox-label-required\">*</span>\n }\n </span>\n }\n </label>\n </div>\n }\n</div>\n", styles: ["@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}}.ca-checkbox-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-checkbox-input-container{transition:transform .3s ease-in-out}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover{transform:scale(1.2);transform-origin:center}.ca-checkbox-container .ca-mark{height:14px;width:14px;background-color:#ccc;border-radius:2px;cursor:pointer;transition:background-color .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox:checked~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed}.ca-checkbox-container .ca-checkbox:hover~.ca-mark{background-color:#919191!important}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox~.ca-mark{background-color:#dadada!important}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox:checked~.ca-mark{background-color:#92b1f5!important}.ca-checkbox-container .ca-checkbox-svg{margin-left:10px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#fff!important}.ca-checkbox-container.disabled .ca-checkbox-disabled.dark-disabled-icon svg path{fill:#ccc!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important;cursor:auto}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important;color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{font-weight:500!important;color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{font-weight:700!important;color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{font-weight:500!important;color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400;color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important;font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label{font-weight:800!important;font-size:14px}.ca-checkbox-container.regular-14 .ca-checkbox-label{font-weight:400!important;font-size:14px!important}.ca-checkbox-container.regular-14:not(.checked) .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.medium-14 .ca-checkbox-label{font-weight:500!important;font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)!important}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"] }]
19404
+ ], template: "<div class=\"d-flex align-items-center h-100\">\n @let isCheckboxDisabled = disabled || disabledStillCheckMark;\n @if (isUseCarrieraACHCheckBox) {\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'ca-dark-bg': isDarkBackgroundCheckbox,\n }\"\n class=\"d-flex align-items-center ca-checkbox-container {{\n customClass\n }}\"\n >\n <label\n class=\"d-flex align-items-center\"\n [for]=\"name\"\n (click)=\"onHandleClick($event)\"\n >\n <input\n type=\"checkbox\"\n class=\"a-checkbox\"\n [name]=\"name\"\n [id]=\"name\"\n [checked]=\"getSuperControl?.value\"\n (change)=\"onChange($event)\"\n (click)=\"$event.stopPropagation()\"\n />\n\n @if (!disabled || getSuperControl?.value) {\n <span class=\"ca-mark position-absolute\"></span>\n }\n\n <svg-icon\n class=\"carriera-icon\"\n [src]=\"\n getSuperControl?.value\n ? checkboxSvgRoutes.carrieraLogoActiveIcon\n : checkboxSvgRoutes.carrieraLogoInactiveIcon\n \"\n ></svg-icon>\n </label>\n </div>\n } @else {\n @let isDisabledState = disabled && !disabledStillCheckMark;\n\n <div\n [ngClass]=\"{\n disabled: isCheckboxDisabled,\n 'disabled-blue': isDisabledBlue,\n 'disabled-regular-check': isDisabledRegularCheck,\n 'c-pointer': !isDisabledState,\n 'top-0': isMarginTopReset,\n }\"\n class=\"ca-checkbox-container d-flex align-items-center {{\n customClass\n }}\"\n [class.ca-dark-bg]=\"isDarkBackgroundCheckbox\"\n [class.checked]=\"isChecked\"\n (click)=\"onHandleClick($event)\"\n >\n <label\n class=\"d-flex align-items-center\"\n [ngClass]=\"{\n 'h-26': isModalCheckbox,\n 'c-pointer': !isDisabledState,\n }\"\n [for]=\"name\"\n >\n @if (\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched\n ) {\n <span class=\"required-text-checkbox ca-font-semi-bold\">\n Required\n </span>\n }\n\n @let checkboxSizeClass =\n isModalCheckbox ? 'h-14 w-14' : 'h-18 w-18';\n @let tooltipText =\n isDisabledState\n ? 'Disabled'\n : getSuperControl?.value || isChecked\n ? eGeneralActions.CLEAR\n : eGeneralActions.SELECT;\n @let tooltipBgColor =\n isDisabledState ? eColor.LIGHT_GREY : eColor.BLACK;\n @let tooltipTextColor = isDisabledState ? eColor.DARK_GREY : '';\n\n <div\n class=\"position-relative d-flex align-items-center justify-content-center ca-checkbox-input-container\"\n [ngClass]=\"checkboxSizeClass\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipMarginTop]=\"'4px'\"\n [tooltipBackground]=\"tooltipBgColor\"\n [tooltipColor]=\"tooltipTextColor\"\n position=\"bottom\"\n (click)=\"onHandleClick($event, true)\"\n >\n @if (\n (!disabled || disabledStillCheckMark) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <input\n type=\"checkbox\"\n class=\"ca-checkbox position-absolute\"\n [name]=\"name\"\n [id]=\"name\"\n (click)=\"$event.stopPropagation()\"\n [checked]=\"\n !isRegularCheckbox\n ? isChecked\n : getSuperControl?.value\n \"\n (change)=\"onChange($event)\"\n />\n }\n\n @if (\n (!disabled ||\n (disabledStillCheckMark &&\n getSuperControl?.value)) &&\n !isDisabledBlue &&\n !isDisabledRegularCheck\n ) {\n <span\n class=\"ca-mark position-relative\"\n [ngClass]=\"{\n invalid:\n getSuperControl?.errors?.['required'] &&\n getSuperControl?.touched,\n disabled: disabledStillCheckMark,\n 'down-position': moveIconDown,\n minus: isGroupPartialyChecked,\n }\"\n >\n @if (isChecked && !isGroupPartialyChecked) {\n <svg-icon\n class=\"ca-mark-checked-icon d-flex justify-content-center align-items-center w-100 h-100 svg-fill-white svg-size-9\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n </span>\n }\n\n @if (isDisabledRegularCheck) {\n <svg-icon\n class=\"d-flex justify-content-center align-items-center ca-checkbox-disabled-regular-check\"\n [src]=\"checkboxSvgRoutes.checkedIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledBlue) {\n <svg-icon\n class=\"ca-checkbox-disabled-blue\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n\n @if (isDisabledState) {\n <svg-icon\n class=\"ca-checkbox-disabled\"\n [class.dark-disabled-icon]=\"isBlackLabelCheckbox\"\n [src]=\"checkboxSvgRoutes.disabledIcon\"\n ></svg-icon>\n }\n </div>\n\n @if (svg) {\n <svg-icon\n class=\"ca-checkbox-svg {{ svgCustomClass }}\"\n [src]=\"svg\"\n ></svg-icon>\n }\n\n @if (label) {\n <span\n class=\"ca-checkbox-label\"\n [ngClass]=\"{\n 'ca-checkbox-label-blue': isDisabledBlue,\n 'ca-checkbox-label-regular-check':\n isDisabledRegularCheck,\n 'ca-checkbox-label-disabled': isLabelDisabled,\n 'ca-font-bold': !isBlackLabelCheckbox && isChecked,\n 'ca-font-extra-bold text-size-14': isModalCheckbox,\n 'text-color-white': !isBlackLabelCheckbox,\n 'text-color-light-grey-2':\n !isInputChecked && isBlackLabelCheckbox,\n 'text-color-black':\n isInputChecked && isBlackLabelCheckbox,\n 'text-color-bw6-2':\n isModalCheckbox && !isInputChecked,\n }\"\n (click)=\"!isRegularCheckbox && $event.preventDefault()\"\n >\n {{ label }}\n @if (required) {\n <span class=\"ca-checkbox-label-required\">*</span>\n }\n </span>\n }\n </label>\n </div>\n }\n</div>\n", styles: ["@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}}.ca-checkbox-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ca-checkbox-container .required-text-checkbox{position:absolute;left:-72px;font-size:14px;color:#f44336;line-height:18px}.ca-checkbox-container .ca-checkbox{visibility:hidden;cursor:pointer}.ca-checkbox-container .ca-checkbox-input-container{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover{transform:scale(1.2857);transform-origin:center}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:hover .ca-mark-checked-icon{transform:scale(.7777864198)}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:active{transform:scale(1.2857);transform-origin:center}.ca-checkbox-container:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) .ca-checkbox-input-container:active .ca-mark-checked-icon{transform:scale(.7777864198)}.ca-checkbox-container .ca-mark{height:14px;width:14px;background-color:#ccc;border-radius:2px;cursor:pointer;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark-checked-icon{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.ca-checkbox-container .ca-mark.invalid{background-color:#f44336!important}.ca-checkbox-container .ca-mark.disabled,.ca-checkbox-container .ca-mark.disabled:hover{background-color:#6d82c7!important}.ca-checkbox-container .ca-mark.down-position{top:3px}.ca-checkbox-container:hover .ca-checkbox~.ca-mark{background-color:#919191}.ca-checkbox-container:hover .ca-checkbox:checked~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container:active .ca-checkbox:checked~.ca-mark,.ca-checkbox-container .ca-checkbox-input-container:active .ca-checkbox:checked~.ca-mark{background-color:#ccc!important}.ca-checkbox-container:hover .ca-checkbox~.ca-checkbox-label{color:#424242}.ca-checkbox-container .ca-checkbox:checked~.ca-mark{background-color:#3b73ed}.ca-checkbox-container .ca-checkbox:hover~.ca-mark{background-color:#919191!important}.ca-checkbox-container .ca-checkbox:checked:hover~.ca-mark{background-color:#255bb9!important}.ca-checkbox-container .ca-checkbox:checked~.ca-mark:after{display:block}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox~.ca-mark{background-color:#dadada!important}.ca-checkbox-container.ca-dark-bg:hover .ca-checkbox:checked~.ca-mark{background-color:#92b1f5!important}.ca-checkbox-container .ca-checkbox-svg{margin-left:10px;margin-right:4px}.ca-checkbox-container .ca-checkbox-label{cursor:pointer;color:#6c6c6c;font-size:14px;margin-left:6px;position:relative;line-height:14px}.ca-checkbox-container .ca-checkbox-label::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label::selection{color:#6c6c6c;background:#6c6c6c33}.ca-checkbox-container .ca-checkbox-label-required{color:#f44336}.ca-checkbox-container .carriera-icon{line-height:10px;margin-left:6px;cursor:pointer}.ca-checkbox-container.disabled .ca-checkbox-disabled{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled .ca-checkbox-disabled svg path{fill:#fff!important}.ca-checkbox-container.disabled .ca-checkbox-disabled.dark-disabled-icon svg path{fill:#ccc!important}.ca-checkbox-container.disabled .ca-checkbox-label{color:#aaa!important;cursor:auto}.ca-checkbox-container.disabled.disabled-valid svg path{fill:#6d82c7!important}.ca-checkbox-container.disabled.disabled-valid .ca-checkbox-label{font-weight:500!important;color:#6c6c6c!important}.ca-checkbox-container.disabled-blue{pointer-events:none!important}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue{height:14px;width:14px;line-height:15px;position:relative;bottom:2px}.ca-checkbox-container.disabled-blue .ca-checkbox-disabled-blue svg path{fill:#6692f1!important}.ca-checkbox-container.disabled-blue .ca-checkbox-label-blue{font-weight:500!important;color:#424242!important;position:relative;bottom:1px}.ca-checkbox-container.disabled-regular-check{pointer-events:none!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check{background:#e5e5e5;height:14px;width:14px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg{height:10px;width:10px}.ca-checkbox-container.disabled-regular-check .ca-checkbox-disabled-regular-check svg path{fill:#6c6c6c!important}.ca-checkbox-container.disabled-regular-check .ca-checkbox-label-regular-check{font-weight:700!important;color:#424242!important}.ca-checkbox-container.medium .ca-checkbox-label{font-weight:500!important;color:#6c6c6c}.ca-checkbox-container.regular label{line-height:17px}.ca-checkbox-container.regular .ca-checkbox-label{font-weight:400;color:#aaa;color:#6c6c6c}.ca-checkbox-container.billing-address{margin-bottom:12px;position:relative;left:1px;top:0}.ca-checkbox-container.billing-address.checked{margin-bottom:22px}.ca-checkbox-container.shipper-hours{margin-bottom:10px;position:relative;left:6px;top:0}.ca-checkbox-container.bold-12 .ca-checkbox-label{font-weight:700!important;font-size:12px}.ca-checkbox-container.bold-14 .ca-checkbox-label{font-weight:800!important;font-size:14px}.ca-checkbox-container.regular-14 .ca-checkbox-label{font-weight:400!important;font-size:14px!important}.ca-checkbox-container.regular-14:not(.checked) .ca-checkbox-label{color:#aaa!important}.ca-checkbox-container.medium-14 .ca-checkbox-label{font-weight:500!important;font-size:14px}.ca-checkbox-container.label-black .ca-checkbox-label{color:#2f2f2f}.ca-checkbox-container.text-align-center label{align-items:unset}.ca-checkbox-container.text-align-center .ca-checkbox-label{text-align:center}.ca-checkbox-container.line-height-18 .ca-checkbox-label{line-height:18px}.ca-checkbox-container.line-height-18 .ca-checkbox-label:before{content:\"\";display:block;height:0;width:0;margin-top:-.1425em}.ca-checkbox-container.dropdown-column .ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-checkbox-label.ca-checkbox-label-disabled{pointer-events:none!important}.ca-checkbox-container.dropdown-column:hover .ca-checkbox~.ca-checkbox-label{color:#fff}.ca-checkbox-container.dropdown-column .ca-mark{background-color:#919191}.ca-checkbox-container.dropdown-column .ca-mark.minus:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 0px 0;transform:rotate(90deg)!important}.ca-checkbox-container.dropdown-column.disabled svg-icon{position:relative;bottom:1px;width:14px;height:15px;line-height:14px}.ca-checkbox-container.dropdown-column.disabled svg-icon svg path{fill:#6692f1!important}.ca-checkbox-container.dropdown-column.disabled .ca-checkbox-label{font-weight:700!important;color:#fff!important}.ca-checkbox-container.dropdown-column .ca-checkbox:checked~.ca-mark{background-color:#6692f1}\n"] }]
19399
19405
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.NgControl, decorators: [{
19400
19406
  type: Self
19401
19407
  }, {
@@ -19729,6 +19735,7 @@ class ReturnArrowIconsSvgRoutes {
19729
19735
  class ActiveLoadComponent {
19730
19736
  constructor(formatCurrencyPipe) {
19731
19737
  this.formatCurrencyPipe = formatCurrencyPipe;
19738
+ this.isAllDispatchBoardsSelected = true;
19732
19739
  this.dropdownMenuAction = new EventEmitter();
19733
19740
  // enums
19734
19741
  this.eColor = eColor;
@@ -19740,7 +19747,7 @@ class ActiveLoadComponent {
19740
19747
  }
19741
19748
  setDropdownOptions() {
19742
19749
  this.dropdownOptions =
19743
- DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.status);
19750
+ DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.status, this.isAllDispatchBoardsSelected);
19744
19751
  }
19745
19752
  getSvgPath(propertyName) {
19746
19753
  return PickupDeliverySvgRoutes[propertyName];
@@ -19768,7 +19775,7 @@ class ActiveLoadComponent {
19768
19775
  }
19769
19776
  }
19770
19777
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ActiveLoadComponent, deps: [{ token: FormatCurrencyPipe }], target: i0.ɵɵFactoryTarget.Component }); }
19771
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ActiveLoadComponent, isStandalone: true, selector: "app-ca-load-single", inputs: { activeLoad: "activeLoad", status: "status" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, providers: [FormatCurrencyPipe], ngImport: i0, template: "@if (activeLoad && activeLoad.length) {\n <div\n class=\"load-details d-flex\"\n (mouseenter)=\"onLoadDetailsHover()\"\n (mouseleave)=\"onLoadDetailsHover()\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: activeLoad[0] }\n \"\n ></ng-container>\n\n <div class=\"button-container\">\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'end-top'\"\n [popoverClass]=\"'ca-pickup-delivery-dropdown-popover'\"\n [isDarkBackground]=\"true\"\n [isLeftSideIconPosition]=\"true\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n onToggleDropdownMenuActions($event, activeLoad[0]?.id!)\n \"\n >\n </ca-dropdown-menu>\n </div>\n </div>\n\n <div class=\"stops d-flex justify-content-between w-100\">\n <ng-container\n *ngTemplateOutlet=\"stopsTemplate; context: { load: activeLoad[0] }\"\n ></ng-container>\n </div>\n\n <div class=\"dispatch-stops\">\n @let isComboLoad = activeLoad[0].type?.name === 'Combo';\n\n @if (isComboLoad) {\n @let comboChildLoads = activeLoad[0].childLoads!;\n\n @for (\n comboChildLoad of comboChildLoads;\n let first = $first;\n track comboChildLoad.id\n ) {\n @let isBrokerCardOpen =\n openBrokerCardIds.has(comboChildLoad.id);\n\n @let brokerCardClass =\n {\n 'p-t-2': first,\n 'border-top p-t-6': !first,\n active: isBrokerCardOpen,\n };\n\n @let loadNumber = comboChildLoad.loadNumber!;\n @let brokerName = comboChildLoad.broker?.businessName!;\n\n <div\n class=\"d-flex flex-column p-b-6 p-r-4 p-l-2 c-pointer broker-card\"\n [ngClass]=\"brokerCardClass\"\n (click)=\"onToggleBrokerCard(comboChildLoad.id)\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between\"\n >\n <div class=\"d-flex align-items-center\">\n <p class=\"ca-font-bold text-size-11 load-number\">\n {{ loadNumber }}\n </p>\n\n @if (comboChildLoad.referenceNumber) {\n <span\n class=\"m-l-4 text-size-11 ref-number\"\n >\n ({{ comboChildLoad.referenceNumber }})</span\n >\n }\n </div>\n\n <div class=\"d-flex align-items-center max-w-159\">\n @if (!isBrokerCardOpen) {\n <p\n class=\"text-size-11 text-color-muted text-truncate m-r-4\"\n >\n {{ brokerName }}\n </p>\n }\n\n <svg-icon\n class=\"svg-size-14 card-arrow\"\n [class.arrow-rotated]=\"isBrokerCardOpen\"\n [src]=\"getSvgPath('arrowDown')\"\n ></svg-icon>\n </div>\n </div>\n\n <div\n class=\"d-flex align-items-center broker-card-dropdown-content\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n brokerItemTemplate;\n context: { load: comboChildLoad }\n \"\n ></ng-container>\n </div>\n </div>\n }\n } @else {\n <span class=\"bussiness-name ca-font-bold\"> BROKER </span>\n\n <ng-container\n *ngTemplateOutlet=\"\n brokerItemTemplate;\n context: { load: activeLoad[0] }\n \"\n ></ng-container>\n }\n </div>\n\n @if (activeLoad[0]?.driverMessage) {\n <div class=\"driverMessage\">\n <h3 class=\"ca-font-bold\">DRIVER MESSAGE</h3>\n <span\n class=\"message ca-font-regular text-start\"\n [innerHTML]=\"activeLoad[0].driverMessage\"\n ></span>\n </div>\n }\n} @else {\n <div class=\"no-active-load-message\">\n <h2>No active load</h2>\n </div>\n}\n\n<ng-template #loadDetailsTemplate let-load=\"load\">\n @let isSplitLoad = load.type?.name === 'Split';\n @let isComboLoad = load.type?.name === 'Combo';\n\n <div class=\"details-container d-flex flex-column justify-content-between\">\n <div class=\"top-details d-flex justify-content-between\">\n <div class=\"d-flex align-items-center\">\n <span class=\"price ca-font-bold m-r-4\">\n {{ load.loadNumber }}\n </span>\n\n @if (isSplitLoad) {\n <svg-icon\n class=\"svg-size-14\"\n [src]=\"getSvgPath('splitLoad')\"\n ></svg-icon>\n }\n\n @if (isComboLoad) {\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('comboLoad')\"\n ></svg-icon>\n }\n </div>\n\n <span class=\"load ca-font-medium\">{{\n load.totalRate! | formatCurrency\n }}</span>\n </div>\n\n <div class=\"bottom-details d-flex justify-content-between h-14\">\n <div class=\"d-flex align-items-center\">\n @if (isLoadDetailsHovered) {\n <svg-icon\n class=\"svg-size-14 m-r-4\"\n [src]=\"getSvgPath('miles')\"\n ></svg-icon>\n\n <p class=\"text-color-white\">\n {{ load.totalMiles }}\n\n mi\n </p>\n } @else {\n <span class=\"ref-text ca-font-bold m-r-4\">Ref.</span>\n\n <p class=\"miles-ref\">\n {{ load.referenceNumber }}\n </p>\n }\n </div>\n\n <div class=\"d-flex align-items-center\">\n @let isClosedLoad = load.statusType?.name === 'Closed';\n\n @if (!isClosedLoad) {\n @let hasAdjustedRate = !!load.totalAdjustedRate;\n\n @if (isLoadDetailsHovered) {\n <p class=\"ref-text ca-font-bold m-r-4\">RPM</p>\n\n <span class=\"ca-font-semi-bold text-color-white\">\n {{ load.rpm | formatCurrency }}\n </span>\n } @else {\n <p class=\"ref-text ca-font-bold m-r-4\">\n {{ hasAdjustedRate ? 'Adj.' : 'RPM' }}\n </p>\n\n <span\n class=\"ca-font-semi-bold\"\n [class]=\"\n hasAdjustedRate\n ? 'text-color-purple-2'\n : 'text-color-white'\n \"\n >\n {{\n (hasAdjustedRate\n ? load.totalAdjustedRate\n : load.rpm\n ) | formatCurrency\n }}\n </span>\n }\n }\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #stopsTemplate let-load=\"load\">\n @let isSplitLoad = load.type?.name === 'Split';\n\n @let pickupStopNumber = isSplitLoad ? 'S' : load.pickup?.stopOrder;\n\n <div class=\"stops-side d-flex align-items-center flex-basis-50\">\n <span\n class=\"line-left d-flex justify-content-center align-items-center ca-font-bold\"\n [class]=\"isSplitLoad ? 'text-color-yellow-4' : 'text-color-green-4'\"\n [class.split-load]=\"isSplitLoad\"\n >\n {{ pickupStopNumber }}\n </span>\n\n <div class=\"date-location left d-flex flex-column align-items-start\">\n <span\n class=\"location ca-font-semi-bold text-start text-truncate d-block\"\n >\n {{\n load.pickup?.shipper?.address?.city\n | formatCityStatePipe\n : load.pickup?.shipper?.address?.stateShortName\n }}\n </span>\n\n <span class=\"date ca-font-regular\">\n {{ load.pickup?.dateFrom | dateFromStringPipe }},\n {{ load.pickup?.dateFrom | dateFromStringPipe: 'time' }}\n </span>\n </div>\n </div>\n\n <span class=\"arrow d-flex justify-content-center align-items-center\">\n <svg-icon\n class=\"svg-size-10\"\n [src]=\"getSvgPath('arrowRight')\"\n ></svg-icon>\n </span>\n\n <div class=\"stops-side right d-flex align-items-center flex-basis-50\">\n <div class=\"date-location right d-flex flex-column align-items-end\">\n <span\n class=\"location ca-font-semi-bold text-end text-truncate d-block\"\n >\n {{\n load.delivery?.shipper?.address?.city\n | formatCityStatePipe\n : load.delivery?.shipper?.address?.stateShortName\n }}\n </span>\n <span class=\"date ca-font-regular\">\n {{ load.delivery?.dateFrom | dateFromStringPipe }},\n {{ load.delivery?.dateFrom | dateFromStringPipe: 'time' }}\n </span>\n </div>\n <span\n class=\"line-right d-flex justify-content-center align-items-center ca-font-bold\"\n >\n {{ load.delivery?.stopOrder }}\n </span>\n </div>\n</ng-template>\n\n<ng-template #brokerItemTemplate let-load=\"load\">\n <div class=\"broker ca-font-regular\">\n @let isFraudCheck = load?.broker?.fraudCheck;\n\n <div class=\"d-flex align-items-center\">\n @if (isFraudCheck) {\n <div\n ngbTooltip\n [mainCaTooltip]=\"'Fraud check'\"\n [tooltipBackground]=\"eColor.LIGHT_GREY\"\n [tooltipColor]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n >\n <svg-icon\n class=\"svg-size-14 m-r-4 svg-hover-yellow-4\"\n [src]=\"getSvgPath('fraudCheck')\"\n ></svg-icon>\n </div>\n }\n\n <p class=\"text-truncate\">\n {{ load.broker?.businessName }}\n </p>\n </div>\n\n <div\n class=\"d-flex align-items-center justify-content-between m-t-8\"\n >\n @let hasBrokerContact = !!load.broker?.contactName;\n\n <p\n class=\"text-color-muted text-truncate\"\n [class.text-decoration-line-through]=\"!hasBrokerContact\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('userIcon')\"\n ></svg-icon>\n\n {{ load.broker?.contactName ?? 'No Contact' }}\n </p>\n\n <div class=\"d-flex align-items-center\">\n <cai-copy\n [value]=\"load.broker?.phone!\"\n [copyArea]=\"'full'\"\n [hasNoIcon]=\"true\"\n [inverse]=\"true\"\n [tooltipPlacement]=\"'top'\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-1 c-pointer w-18 h-18 background-hover-dark-3 svg-hover-bw-9 m-r-4\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('phoneIcon')\"\n ></svg-icon>\n </div>\n </cai-copy>\n\n <cai-copy\n [value]=\"load.broker?.email!\"\n [copyArea]=\"'full'\"\n [hasNoIcon]=\"true\"\n [inverse]=\"true\"\n [tooltipPlacement]=\"'top'\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-1 c-pointer w-18 h-18 background-hover-dark-3 svg-hover-bw-9\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('mailIcon')\"\n ></svg-icon>\n </div>\n </cai-copy>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@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}}.load-details{font-family:Montserrat,sans-serif;padding:2px}.details-container{flex:1}.details-container .top-details{gap:12px;padding:8px 4px 2px}.details-container .bottom-details{gap:8px;padding:0 4px;margin-top:2px}.price,.load{color:#fff;font-size:14px}.price.price,.load.price{text-align:right}.miles-ref{color:#fff}.ref-text{color:#919191}.button-container{margin-top:2px}.menu-button{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 4px}.menu-button:hover{background-color:#ffffff1a;border-radius:4px}.menu-button i{font-size:18px}.stops{font-family:Montserrat,sans-serif;height:30px;background-color:#2f2f2f;margin-bottom:6px;margin-top:6px;font-size:14px}.stops .stops-side{min-width:0;height:26px;padding-top:2px}.stops .stops-side .line-left{border-right:solid 2px rgba(37,159,148,.4);width:22px;height:18px}.stops .stops-side .line-left.split-load{border-right:solid 2px rgba(248,155,46,.4)}.stops .stops-side .line-right{border-left:solid 2px rgba(255,112,67,.4);width:22px;height:18px}.stops .stops-side.right{justify-content:end;padding-right:4px}.stops .stops-side:first-child{color:#86c9c3}.stops .stops-side:last-child{color:#ed9292}.stops .stops-side .date-location{width:100%;min-width:0}.stops .stops-side .date-location.right{margin-right:4px}.stops .stops-side .date-location.left{margin-left:4px}.stops .stops-side .date-location .location{font-size:11px;line-height:14px;color:#fff;width:90%;min-width:0}.stops .stops-side .date-location .date{font-size:11px;line-height:14px;text-align:left;color:#919191}.dispatch-stops{font-family:Montserrat,sans-serif;border-top:1px #424242 solid;color:#fff;text-align:left;padding-top:6px;margin:0 4px}.dispatch-stops .bussiness-name{line-height:18px}.dispatch-stops .broker-card.border-top{border-top:1px solid #424242!important}.dispatch-stops .broker-card:hover .load-number,.dispatch-stops .broker-card.active .load-number{color:#fff}.dispatch-stops .broker-card:hover .card-arrow svg path,.dispatch-stops .broker-card.active .card-arrow svg path{fill:#dadada}.dispatch-stops .broker-card:hover .card-arrow.arrow-rotated,.dispatch-stops .broker-card.active .ref-number{visibility:visible}.dispatch-stops .broker-card.active .broker-card-dropdown-content{max-height:500px;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-in .05s}.dispatch-stops .broker-card .load-number{transition:color .3s ease;color:#919191}.dispatch-stops .broker-card .ref-number{transition:visibility .3s ease;visibility:hidden}.dispatch-stops .broker-card .card-arrow{transition:transform .3s ease,visibility .1 ease-in}.dispatch-stops .broker-card .card-arrow.arrow-rotated{transform:rotate(180deg);visibility:hidden}.dispatch-stops .broker-card .broker-card-dropdown-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity 0s linear .3s}.broker{width:100%;padding:6px 0 4px;color:#fff}.broker>p{font-size:11px;line-height:14px;text-align:left;color:#fff;margin-bottom:4px}.driverMessage{padding:8px 4px 0;border-top:1px #424242 solid;color:#919191}.driverMessage>h3{color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:left;font-family:Montserrat,sans-serif}.driverMessage .message{display:block;width:100%;padding:6px 0 4px;font-family:Montserrat,sans-serif}.no-active-load-message{font-family:Montserrat,sans-serif;padding-top:4px;padding-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { 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: 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:
19778
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ActiveLoadComponent, isStandalone: true, selector: "app-ca-load-single", inputs: { activeLoad: "activeLoad", status: "status", isAllDispatchBoardsSelected: "isAllDispatchBoardsSelected" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, providers: [FormatCurrencyPipe], ngImport: i0, template: "@if (activeLoad && activeLoad.length) {\n <div\n class=\"load-details d-flex\"\n (mouseenter)=\"onLoadDetailsHover()\"\n (mouseleave)=\"onLoadDetailsHover()\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: activeLoad[0] }\n \"\n ></ng-container>\n\n <div class=\"button-container\">\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'end-top'\"\n [popoverClass]=\"'ca-pickup-delivery-dropdown-popover'\"\n [isDarkBackground]=\"true\"\n [isLeftSideIconPosition]=\"true\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n onToggleDropdownMenuActions($event, activeLoad[0]?.id!)\n \"\n >\n </ca-dropdown-menu>\n </div>\n </div>\n\n <div class=\"stops d-flex justify-content-between w-100\">\n <ng-container\n *ngTemplateOutlet=\"stopsTemplate; context: { load: activeLoad[0] }\"\n ></ng-container>\n </div>\n\n <div class=\"dispatch-stops\">\n @let isComboLoad = activeLoad[0].type?.name === 'Combo';\n\n @if (isComboLoad) {\n @let comboChildLoads = activeLoad[0].childLoads!;\n\n @for (\n comboChildLoad of comboChildLoads;\n let first = $first;\n track comboChildLoad.id\n ) {\n @let isBrokerCardOpen =\n openBrokerCardIds.has(comboChildLoad.id);\n\n @let brokerCardClass =\n {\n 'p-t-2': first,\n 'border-top p-t-6': !first,\n active: isBrokerCardOpen,\n };\n\n @let loadNumber = comboChildLoad.loadNumber!;\n @let brokerName = comboChildLoad.broker?.businessName!;\n\n <div\n class=\"d-flex flex-column p-b-6 p-r-4 p-l-2 c-pointer broker-card\"\n [ngClass]=\"brokerCardClass\"\n (click)=\"onToggleBrokerCard(comboChildLoad.id)\"\n >\n <div\n class=\"d-flex align-items-center justify-content-between\"\n >\n <div class=\"d-flex align-items-center\">\n <p class=\"ca-font-bold text-size-11 load-number\">\n {{ loadNumber }}\n </p>\n\n @if (comboChildLoad.referenceNumber) {\n <span\n class=\"m-l-4 text-size-11 ref-number\"\n >\n ({{ comboChildLoad.referenceNumber }})</span\n >\n }\n </div>\n\n <div class=\"d-flex align-items-center max-w-159\">\n @if (!isBrokerCardOpen) {\n <p\n class=\"text-size-11 text-color-muted text-truncate m-r-4\"\n >\n {{ brokerName }}\n </p>\n }\n\n <svg-icon\n class=\"svg-size-14 card-arrow\"\n [class.arrow-rotated]=\"isBrokerCardOpen\"\n [src]=\"getSvgPath('arrowDown')\"\n ></svg-icon>\n </div>\n </div>\n\n <div\n class=\"d-flex align-items-center broker-card-dropdown-content\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n brokerItemTemplate;\n context: { load: comboChildLoad }\n \"\n ></ng-container>\n </div>\n </div>\n }\n } @else {\n <span class=\"bussiness-name ca-font-bold\"> BROKER </span>\n\n <ng-container\n *ngTemplateOutlet=\"\n brokerItemTemplate;\n context: { load: activeLoad[0] }\n \"\n ></ng-container>\n }\n </div>\n\n @if (activeLoad[0]?.driverMessage) {\n <div class=\"driverMessage\">\n <h3 class=\"ca-font-bold\">DRIVER MESSAGE</h3>\n <span\n class=\"message ca-font-regular text-start\"\n [innerHTML]=\"activeLoad[0].driverMessage\"\n ></span>\n </div>\n }\n} @else {\n <div class=\"no-active-load-message\">\n <h2>No active load</h2>\n </div>\n}\n\n<ng-template #loadDetailsTemplate let-load=\"load\">\n @let isSplitLoad = load.type?.name === 'Split';\n @let isComboLoad = load.type?.name === 'Combo';\n\n <div class=\"details-container d-flex flex-column justify-content-between\">\n <div class=\"top-details d-flex justify-content-between\">\n <div class=\"d-flex align-items-center\">\n <span class=\"price ca-font-bold m-r-4\">\n {{ load.loadNumber }}\n </span>\n\n @if (isSplitLoad) {\n <svg-icon\n class=\"svg-size-14\"\n [src]=\"getSvgPath('splitLoad')\"\n ></svg-icon>\n }\n\n @if (isComboLoad) {\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('comboLoad')\"\n ></svg-icon>\n }\n </div>\n\n <span class=\"load ca-font-medium\">{{\n load.totalRate! | formatCurrency\n }}</span>\n </div>\n\n <div class=\"bottom-details d-flex justify-content-between h-14\">\n <div class=\"d-flex align-items-center\">\n @if (isLoadDetailsHovered) {\n <svg-icon\n class=\"svg-size-14 m-r-4\"\n [src]=\"getSvgPath('miles')\"\n ></svg-icon>\n\n <p class=\"text-color-white\">\n {{ load.totalMiles }}\n\n mi\n </p>\n } @else {\n <span class=\"ref-text ca-font-bold m-r-4\">Ref.</span>\n\n <p class=\"miles-ref\">\n {{ load.referenceNumber }}\n </p>\n }\n </div>\n\n <div class=\"d-flex align-items-center\">\n @let isClosedLoad = load.statusType?.name === 'Closed';\n\n @if (!isClosedLoad) {\n @let hasAdjustedRate = !!load.totalAdjustedRate;\n\n @if (isLoadDetailsHovered) {\n <p class=\"ref-text ca-font-bold m-r-4\">RPM</p>\n\n <span class=\"ca-font-semi-bold text-color-white\">\n {{ load.rpm | formatCurrency }}\n </span>\n } @else {\n <p class=\"ref-text ca-font-bold m-r-4\">\n {{ hasAdjustedRate ? 'Adj.' : 'RPM' }}\n </p>\n\n <span\n class=\"ca-font-semi-bold\"\n [class]=\"\n hasAdjustedRate\n ? 'text-color-purple-2'\n : 'text-color-white'\n \"\n >\n {{\n (hasAdjustedRate\n ? load.totalAdjustedRate\n : load.rpm\n ) | formatCurrency\n }}\n </span>\n }\n }\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #stopsTemplate let-load=\"load\">\n @let isSplitLoad = load.type?.name === 'Split';\n\n @let pickupStopNumber = isSplitLoad ? 'S' : load.pickup?.stopOrder;\n\n <div class=\"stops-side d-flex align-items-center flex-basis-50\">\n <span\n class=\"line-left d-flex justify-content-center align-items-center ca-font-bold\"\n [class]=\"isSplitLoad ? 'text-color-yellow-4' : 'text-color-green-4'\"\n [class.split-load]=\"isSplitLoad\"\n >\n {{ pickupStopNumber }}\n </span>\n\n <div class=\"date-location left d-flex flex-column align-items-start\">\n <span\n class=\"location ca-font-semi-bold text-start text-truncate d-block\"\n >\n {{\n load.pickup?.shipper?.address?.city\n | formatCityStatePipe\n : load.pickup?.shipper?.address?.stateShortName\n }}\n </span>\n\n <span class=\"date ca-font-regular\">\n {{ load.pickup?.dateFrom | dateFromStringPipe }},\n {{ load.pickup?.dateFrom | dateFromStringPipe: 'time' }}\n </span>\n </div>\n </div>\n\n <span class=\"arrow d-flex justify-content-center align-items-center\">\n <svg-icon\n class=\"svg-size-10\"\n [src]=\"getSvgPath('arrowRight')\"\n ></svg-icon>\n </span>\n\n <div class=\"stops-side right d-flex align-items-center flex-basis-50\">\n <div class=\"date-location right d-flex flex-column align-items-end\">\n <span\n class=\"location ca-font-semi-bold text-end text-truncate d-block\"\n >\n {{\n load.delivery?.shipper?.address?.city\n | formatCityStatePipe\n : load.delivery?.shipper?.address?.stateShortName\n }}\n </span>\n <span class=\"date ca-font-regular\">\n {{ load.delivery?.dateFrom | dateFromStringPipe }},\n {{ load.delivery?.dateFrom | dateFromStringPipe: 'time' }}\n </span>\n </div>\n <span\n class=\"line-right d-flex justify-content-center align-items-center ca-font-bold\"\n >\n {{ load.delivery?.stopOrder }}\n </span>\n </div>\n</ng-template>\n\n<ng-template #brokerItemTemplate let-load=\"load\">\n <div class=\"broker ca-font-regular\">\n @let isFraudCheck = load?.broker?.fraudCheck;\n\n <div class=\"d-flex align-items-center\">\n @if (isFraudCheck) {\n <div\n ngbTooltip\n [mainCaTooltip]=\"'Fraud check'\"\n [tooltipBackground]=\"eColor.LIGHT_GREY\"\n [tooltipColor]=\"eColor.DARK_GREY\"\n [position]=\"ePosition.BOTTOM\"\n >\n <svg-icon\n class=\"svg-size-14 m-r-4 svg-hover-yellow-4\"\n [src]=\"getSvgPath('fraudCheck')\"\n ></svg-icon>\n </div>\n }\n\n <p class=\"text-truncate\">\n {{ load.broker?.businessName }}\n </p>\n </div>\n\n <div\n class=\"d-flex align-items-center justify-content-between m-t-8\"\n >\n @let hasBrokerContact = !!load.broker?.contactName;\n\n <p\n class=\"text-color-muted text-truncate\"\n [class.text-decoration-line-through]=\"!hasBrokerContact\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('userIcon')\"\n ></svg-icon>\n\n {{ load.broker?.contactName ?? 'No Contact' }}\n </p>\n\n <div class=\"d-flex align-items-center\">\n <cai-copy\n [value]=\"load.broker?.phone!\"\n [copyArea]=\"'full'\"\n [hasNoIcon]=\"true\"\n [inverse]=\"true\"\n [tooltipPlacement]=\"'top'\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-1 c-pointer w-18 h-18 background-hover-dark-3 svg-hover-bw-9 m-r-4\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('phoneIcon')\"\n ></svg-icon>\n </div>\n </cai-copy>\n\n <cai-copy\n [value]=\"load.broker?.email!\"\n [copyArea]=\"'full'\"\n [hasNoIcon]=\"true\"\n [inverse]=\"true\"\n [tooltipPlacement]=\"'top'\"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-1 c-pointer w-18 h-18 background-hover-dark-3 svg-hover-bw-9\"\n >\n <svg-icon\n class=\"svg-size-14 position-relative bottom-1\"\n [src]=\"getSvgPath('mailIcon')\"\n ></svg-icon>\n </div>\n </cai-copy>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@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}}.load-details{font-family:Montserrat,sans-serif;padding:2px}.details-container{flex:1}.details-container .top-details{gap:12px;padding:8px 4px 2px}.details-container .bottom-details{gap:8px;padding:0 4px;margin-top:2px}.price,.load{color:#fff;font-size:14px}.price.price,.load.price{text-align:right}.miles-ref{color:#fff}.ref-text{color:#919191}.button-container{margin-top:2px}.menu-button{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 4px}.menu-button:hover{background-color:#ffffff1a;border-radius:4px}.menu-button i{font-size:18px}.stops{font-family:Montserrat,sans-serif;height:30px;background-color:#2f2f2f;margin-bottom:6px;margin-top:6px;font-size:14px}.stops .stops-side{min-width:0;height:26px;padding-top:2px}.stops .stops-side .line-left{border-right:solid 2px rgba(37,159,148,.4);width:22px;height:18px}.stops .stops-side .line-left.split-load{border-right:solid 2px rgba(248,155,46,.4)}.stops .stops-side .line-right{border-left:solid 2px rgba(255,112,67,.4);width:22px;height:18px}.stops .stops-side.right{justify-content:end;padding-right:4px}.stops .stops-side:first-child{color:#86c9c3}.stops .stops-side:last-child{color:#ed9292}.stops .stops-side .date-location{width:100%;min-width:0}.stops .stops-side .date-location.right{margin-right:4px}.stops .stops-side .date-location.left{margin-left:4px}.stops .stops-side .date-location .location{font-size:11px;line-height:14px;color:#fff;width:90%;min-width:0}.stops .stops-side .date-location .date{font-size:11px;line-height:14px;text-align:left;color:#919191}.dispatch-stops{font-family:Montserrat,sans-serif;border-top:1px #424242 solid;color:#fff;text-align:left;padding-top:6px;margin:0 4px}.dispatch-stops .bussiness-name{line-height:18px}.dispatch-stops .broker-card.border-top{border-top:1px solid #424242!important}.dispatch-stops .broker-card:hover .load-number,.dispatch-stops .broker-card.active .load-number{color:#fff}.dispatch-stops .broker-card:hover .card-arrow svg path,.dispatch-stops .broker-card.active .card-arrow svg path{fill:#dadada}.dispatch-stops .broker-card:hover .card-arrow.arrow-rotated,.dispatch-stops .broker-card.active .ref-number{visibility:visible}.dispatch-stops .broker-card.active .broker-card-dropdown-content{max-height:500px;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-in .05s}.dispatch-stops .broker-card .load-number{transition:color .3s ease;color:#919191}.dispatch-stops .broker-card .ref-number{transition:visibility .3s ease;visibility:hidden}.dispatch-stops .broker-card .card-arrow{transition:transform .3s ease,visibility .1 ease-in}.dispatch-stops .broker-card .card-arrow.arrow-rotated{transform:rotate(180deg);visibility:hidden}.dispatch-stops .broker-card .broker-card-dropdown-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity 0s linear .3s}.broker{width:100%;padding:6px 0 4px;color:#fff}.broker>p{font-size:11px;line-height:14px;text-align:left;color:#fff;margin-bottom:4px}.driverMessage{padding:8px 4px 0;border-top:1px #424242 solid;color:#919191}.driverMessage>h3{color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:left;font-family:Montserrat,sans-serif}.driverMessage .message{display:block;width:100%;padding:6px 0 4px;font-family:Montserrat,sans-serif}.no-active-load-message{font-family:Montserrat,sans-serif;padding-top:4px;padding-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { 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: 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:
19772
19779
  // components
19773
19780
  CaDropdownMenuComponent, selector: "ca-dropdown-menu", inputs: ["type", "options", "placement", "popoverClass", "isDarkBackground", "isLeftSideIconPosition", "isColumnsDropdown"], outputs: ["dropdownOptionEmitter"] }, { kind: "component", type: CopyComponent, selector: "cai-copy", inputs: ["value", "alignment", "copyTooltip", "copyArea", "icon", "iconSize", "iconColor", "tooltipClass", "tooltipPlacement", "inverse", "hasNoIcon"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "tooltipMarginRight", "disableTooltip", "openTooltipDelay"] }, { kind: "pipe", type:
19774
19781
  // pipes
@@ -19793,6 +19800,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
19793
19800
  type: Input
19794
19801
  }], status: [{
19795
19802
  type: Input
19803
+ }], isAllDispatchBoardsSelected: [{
19804
+ type: Input
19796
19805
  }], dropdownMenuAction: [{
19797
19806
  type: Output
19798
19807
  }] } });
@@ -19801,6 +19810,7 @@ class LoadListComponent {
19801
19810
  constructor(formatCurrencyPipe) {
19802
19811
  this.formatCurrencyPipe = formatCurrencyPipe;
19803
19812
  this.isFocusingLoad = false;
19813
+ this.isAllDispatchBoardsSelected = true;
19804
19814
  this.focusLoadEmitter = new EventEmitter();
19805
19815
  this.dropdownMenuAction = new EventEmitter();
19806
19816
  // dropdown
@@ -19810,7 +19820,7 @@ class LoadListComponent {
19810
19820
  setDropdownOptions(id) {
19811
19821
  this.selectedLoadDropdownId = id;
19812
19822
  this.dropdownOptions =
19813
- DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.focusedTab);
19823
+ DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.focusedTab, this.isAllDispatchBoardsSelected);
19814
19824
  }
19815
19825
  focusLoad(load) {
19816
19826
  this.isFocusingLoad = !this.isFocusingLoad;
@@ -19839,11 +19849,11 @@ class LoadListComponent {
19839
19849
  }
19840
19850
  }
19841
19851
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadListComponent, deps: [{ token: FormatCurrencyPipe }], target: i0.ɵɵFactoryTarget.Component }); }
19842
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoadListComponent, isStandalone: true, selector: "app-ca-load-list", inputs: { loads: "loads", focusedTab: "focusedTab", isFocusingLoad: "isFocusingLoad" }, outputs: { focusLoadEmitter: "focusLoadEmitter", dropdownMenuAction: "dropdownMenuAction" }, providers: [FormatCurrencyPipe, ToLowerCasePipe], ngImport: i0, template: "@if (!isFocusingLoad && loads.length) {\n <ng-template #loadList>\n <div class=\"wrapper-container inside d-flex flex-column gap-1\">\n @for (load of loads; let indx = $index; track indx) {\n @let isLoadDropdownSelected =\n selectedLoadDropdownId === load.id;\n\n <div\n class=\"wrapper d-flex flex-column\"\n [class.active]=\"isLoadDropdownSelected\"\n (click)=\"focusLoad(load)\"\n >\n <div class=\"d-flex dispatch-stops\">\n <div\n class=\"load-num ca-font-bold d-flex justify-content-between align-items-center\"\n >\n @let isComboLoad = load.type?.name === 'Combo';\n\n <div class=\"d-flex align-items-center\">\n <span class=\"loadNumber-companyName\">\n <span class=\"loadNumber ca-font-bold\">{{\n load.loadNumber\n }}</span>\n </span>\n\n @if (isComboLoad) {\n <svg-icon\n class=\"svg-size-14\"\n [src]=\"getSvgPath('comboLoad')\"\n ></svg-icon>\n }\n </div>\n\n <div class=\"d-flex align-items-center\">\n <span class=\"price ca-font-regular\">{{\n load.totalRate! | formatCurrency\n }}</span>\n\n <div\n class=\"button-container\"\n (click)=\"$event.stopPropagation()\"\n >\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'end-top'\"\n [popoverClass]=\"\n 'ca-pickup-delivery-list-dropdown-popover'\n \"\n [isDarkBackground]=\"true\"\n [isLeftSideIconPosition]=\"true\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n onToggleDropdownMenuActions(\n $event,\n load.id\n )\n \"\n >\n </ca-dropdown-menu>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"stops d-flex justify-content-between w-100\">\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n load: load,\n type: 'pickup',\n side: 'left',\n }\n \"\n ></ng-container>\n\n <span\n class=\"d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-10\"\n [src]=\"getSvgPath('arrowRight')\"\n ></svg-icon>\n </span>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n load: load,\n type: 'delivery',\n side: 'right',\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"loadList\"></ng-container>\n} @else {\n <div class=\"focused-load-template\">\n @if (isFocusingLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"focusedLoad\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event, focusedLoad[0].id)\n \"\n ></app-ca-load-single>\n } @else {\n <div class=\"no-active-load-message\">\n <h2>No {{ focusedTab | toLowerCase }} load</h2>\n </div>\n }\n </div>\n}\n\n<ng-template #stopsSideTemplate let-load=\"load\" let-type=\"type\" let-side=\"side\">\n <div class=\"stops-side {{ side }} d-flex align-items-center flex-basis-50\">\n <div class=\"d-flex align-items-center justify-content-center w-22 h-18\">\n @if (side === 'left') {\n <span\n class=\"line-left line-right d-flex align-items-center justify-content-center ca-font-bold\"\n >\n {{\n type === 'pickup'\n ? load.pickup?.stopOrder\n : load.delivery?.stopOrder\n }}\n </span>\n }\n </div>\n\n <div\n class=\"date-location {{ side }} d-flex flex-column align-items-{{\n side === 'left' ? 'start' : 'end'\n }}\"\n >\n <span\n class=\"location text-start ca-font-medium text-truncate d-block\"\n [class.text-end]=\"type === 'delivery'\"\n >\n {{\n type === 'pickup'\n ? (load.pickup?.shipper?.address?.city\n | formatCityStatePipe\n : load.pickup?.shipper?.address?.stateShortName)\n : (load.delivery?.shipper?.address?.city\n | formatCityStatePipe\n : load.delivery?.shipper?.address?.stateShortName)\n }}\n </span>\n <span class=\"date ca-font-regular\">\n {{\n type === 'pickup'\n ? (load.pickup?.dateFrom | dateFromStringPipe)\n : (load.delivery?.dateFrom | dateFromStringPipe)\n }},\n {{\n type === 'pickup'\n ? (load.pickup?.dateFrom | dateFromStringPipe: 'time')\n : (load.delivery?.dateFrom | dateFromStringPipe: 'time')\n }}\n </span>\n </div>\n\n <div class=\"d-flex align-items-center justify-content-center w-22 h-18\">\n @if (side === 'right') {\n <span\n class=\"line-left line-right d-flex align-items-center justify-content-center ca-font-bold\"\n >\n {{\n type === 'pickup'\n ? load.pickup?.stopOrder\n : load.delivery?.stopOrder\n }}\n </span>\n }\n </div>\n </div>\n</ng-template>\n", styles: ["@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}}.wrapper-container{max-height:308px;overflow-y:auto;font-family:Montserrat,sans-serif}.wrapper-container.inside{margin-top:4px}.wrapper-container::-webkit-scrollbar{width:2px}.wrapper-container::-webkit-scrollbar-thumb{background:#919191;border-radius:1px}.wrapper-container::-webkit-scrollbar-track{background:#2f2f2f}.wrapper{border-radius:3px;transition:background-color .3s ease;padding:2px 0;margin-right:2px;gap:2px}.wrapper:hover,.wrapper.active{background-color:#424242;cursor:pointer}.stops{padding:0 2px;gap:4px;font-size:14px}.stops .stops-side{min-width:0;height:26px}.stops .stops-side.right{justify-content:end}.stops .stops-side .date-location{width:100%;min-width:0}.stops .stops-side .date-location.left{margin-left:4px}.stops .stops-side .date-location.right{margin-right:4px}.stops .stops-side .date-location .location{font-size:11px;line-height:14px;color:#fff;width:90%;min-width:0}.stops .stops-side .date-location .date{font-size:11px;line-height:14px;color:#919191}.stops .stops-side:first-child{color:#86c9c3}.stops .stops-side:first-child .line-left{border-right:solid 2px rgba(37,159,148,.4);width:22px;height:18px}.stops .stops-side:last-child{color:#ed9292}.stops .stops-side:last-child .line-right{border-left:solid 2px rgba(255,112,67,.4);width:22px;height:18px}.load-num{font-size:11px;line-height:14px;text-align:left;padding:0 2px 0 6px;width:100%}.load-num .loadNumber{gap:4px;padding-right:4px}.load-num .price{margin-right:4px}.dispatch-stops{color:#fff;text-align:left}.focused-load-template{max-height:340px;overflow-y:hidden;overflow-x:hidden}.focused-load-template .no-active-load-message{padding-top:4px;padding-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type:
19852
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoadListComponent, isStandalone: true, selector: "app-ca-load-list", inputs: { loads: "loads", focusedTab: "focusedTab", isFocusingLoad: "isFocusingLoad", isAllDispatchBoardsSelected: "isAllDispatchBoardsSelected" }, outputs: { focusLoadEmitter: "focusLoadEmitter", dropdownMenuAction: "dropdownMenuAction" }, providers: [FormatCurrencyPipe, ToLowerCasePipe], ngImport: i0, template: "@if (!isFocusingLoad && loads.length) {\n <ng-template #loadList>\n <div class=\"wrapper-container inside d-flex flex-column gap-1\">\n @for (load of loads; let indx = $index; track indx) {\n @let isLoadDropdownSelected =\n selectedLoadDropdownId === load.id;\n\n <div\n class=\"wrapper d-flex flex-column\"\n [class.active]=\"isLoadDropdownSelected\"\n (click)=\"focusLoad(load)\"\n >\n <div class=\"d-flex dispatch-stops\">\n <div\n class=\"load-num ca-font-bold d-flex justify-content-between align-items-center\"\n >\n @let isComboLoad = load.type?.name === 'Combo';\n\n <div class=\"d-flex align-items-center\">\n <span class=\"loadNumber-companyName\">\n <span class=\"loadNumber ca-font-bold\">{{\n load.loadNumber\n }}</span>\n </span>\n\n @if (isComboLoad) {\n <svg-icon\n class=\"svg-size-14\"\n [src]=\"getSvgPath('comboLoad')\"\n ></svg-icon>\n }\n </div>\n\n <div class=\"d-flex align-items-center\">\n <span class=\"price ca-font-regular\">{{\n load.totalRate! | formatCurrency\n }}</span>\n\n <div\n class=\"button-container\"\n (click)=\"$event.stopPropagation()\"\n >\n <ca-dropdown-menu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'end-top'\"\n [popoverClass]=\"\n 'ca-pickup-delivery-list-dropdown-popover'\n \"\n [isDarkBackground]=\"true\"\n [isLeftSideIconPosition]=\"true\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n onToggleDropdownMenuActions(\n $event,\n load.id\n )\n \"\n >\n </ca-dropdown-menu>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"stops d-flex justify-content-between w-100\">\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n load: load,\n type: 'pickup',\n side: 'left',\n }\n \"\n ></ng-container>\n\n <span\n class=\"d-flex justify-content-center align-items-center\"\n >\n <svg-icon\n class=\"d-flex svg-size-10\"\n [src]=\"getSvgPath('arrowRight')\"\n ></svg-icon>\n </span>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n load: load,\n type: 'delivery',\n side: 'right',\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"loadList\"></ng-container>\n} @else {\n <div class=\"focused-load-template\">\n @if (isFocusingLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"focusedLoad\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event, focusedLoad[0].id)\n \"\n ></app-ca-load-single>\n } @else {\n <div class=\"no-active-load-message\">\n <h2>No {{ focusedTab | toLowerCase }} load</h2>\n </div>\n }\n </div>\n}\n\n<ng-template #stopsSideTemplate let-load=\"load\" let-type=\"type\" let-side=\"side\">\n <div class=\"stops-side {{ side }} d-flex align-items-center flex-basis-50\">\n <div class=\"d-flex align-items-center justify-content-center w-22 h-18\">\n @if (side === 'left') {\n <span\n class=\"line-left line-right d-flex align-items-center justify-content-center ca-font-bold\"\n >\n {{\n type === 'pickup'\n ? load.pickup?.stopOrder\n : load.delivery?.stopOrder\n }}\n </span>\n }\n </div>\n\n <div\n class=\"date-location {{ side }} d-flex flex-column align-items-{{\n side === 'left' ? 'start' : 'end'\n }}\"\n >\n <span\n class=\"location text-start ca-font-medium text-truncate d-block\"\n [class.text-end]=\"type === 'delivery'\"\n >\n {{\n type === 'pickup'\n ? (load.pickup?.shipper?.address?.city\n | formatCityStatePipe\n : load.pickup?.shipper?.address?.stateShortName)\n : (load.delivery?.shipper?.address?.city\n | formatCityStatePipe\n : load.delivery?.shipper?.address?.stateShortName)\n }}\n </span>\n <span class=\"date ca-font-regular\">\n {{\n type === 'pickup'\n ? (load.pickup?.dateFrom | dateFromStringPipe)\n : (load.delivery?.dateFrom | dateFromStringPipe)\n }},\n {{\n type === 'pickup'\n ? (load.pickup?.dateFrom | dateFromStringPipe: 'time')\n : (load.delivery?.dateFrom | dateFromStringPipe: 'time')\n }}\n </span>\n </div>\n\n <div class=\"d-flex align-items-center justify-content-center w-22 h-18\">\n @if (side === 'right') {\n <span\n class=\"line-left line-right d-flex align-items-center justify-content-center ca-font-bold\"\n >\n {{\n type === 'pickup'\n ? load.pickup?.stopOrder\n : load.delivery?.stopOrder\n }}\n </span>\n }\n </div>\n </div>\n</ng-template>\n", styles: ["@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}}.wrapper-container{max-height:308px;overflow-y:auto;font-family:Montserrat,sans-serif}.wrapper-container.inside{margin-top:4px}.wrapper-container::-webkit-scrollbar{width:2px}.wrapper-container::-webkit-scrollbar-thumb{background:#919191;border-radius:1px}.wrapper-container::-webkit-scrollbar-track{background:#2f2f2f}.wrapper{border-radius:3px;transition:background-color .3s ease;padding:2px 0;margin-right:2px;gap:2px}.wrapper:hover,.wrapper.active{background-color:#424242;cursor:pointer}.stops{padding:0 2px;gap:4px;font-size:14px}.stops .stops-side{min-width:0;height:26px}.stops .stops-side.right{justify-content:end}.stops .stops-side .date-location{width:100%;min-width:0}.stops .stops-side .date-location.left{margin-left:4px}.stops .stops-side .date-location.right{margin-right:4px}.stops .stops-side .date-location .location{font-size:11px;line-height:14px;color:#fff;width:90%;min-width:0}.stops .stops-side .date-location .date{font-size:11px;line-height:14px;color:#919191}.stops .stops-side:first-child{color:#86c9c3}.stops .stops-side:first-child .line-left{border-right:solid 2px rgba(37,159,148,.4);width:22px;height:18px}.stops .stops-side:last-child{color:#ed9292}.stops .stops-side:last-child .line-right{border-left:solid 2px rgba(255,112,67,.4);width:22px;height:18px}.load-num{font-size:11px;line-height:14px;text-align:left;padding:0 2px 0 6px;width:100%}.load-num .loadNumber{gap:4px;padding-right:4px}.load-num .price{margin-right:4px}.dispatch-stops{color:#fff;text-align:left}.focused-load-template{max-height:340px;overflow-y:hidden;overflow-x:hidden}.focused-load-template .no-active-load-message{padding-top:4px;padding-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type:
19843
19853
  // modules
19844
19854
  CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
19845
19855
  // components
19846
- ActiveLoadComponent, selector: "app-ca-load-single", inputs: ["activeLoad", "status"], outputs: ["dropdownMenuAction"] }, { kind: "component", type: CaDropdownMenuComponent, selector: "ca-dropdown-menu", inputs: ["type", "options", "placement", "popoverClass", "isDarkBackground", "isLeftSideIconPosition", "isColumnsDropdown"], outputs: ["dropdownOptionEmitter"] }, { kind: "pipe", type:
19856
+ ActiveLoadComponent, selector: "app-ca-load-single", inputs: ["activeLoad", "status", "isAllDispatchBoardsSelected"], outputs: ["dropdownMenuAction"] }, { kind: "component", type: CaDropdownMenuComponent, selector: "ca-dropdown-menu", inputs: ["type", "options", "placement", "popoverClass", "isDarkBackground", "isLeftSideIconPosition", "isColumnsDropdown"], outputs: ["dropdownOptionEmitter"] }, { kind: "pipe", type:
19847
19857
  // pipes
19848
19858
  DateFromStringPipe, name: "dateFromStringPipe" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: ToLowerCasePipe, name: "toLowerCase" }, { kind: "pipe", type: FormatCityStatePipe, name: "formatCityStatePipe" }] }); }
19849
19859
  }
@@ -19868,6 +19878,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
19868
19878
  type: Input
19869
19879
  }], isFocusingLoad: [{
19870
19880
  type: Input
19881
+ }], isAllDispatchBoardsSelected: [{
19882
+ type: Input
19871
19883
  }], focusLoadEmitter: [{
19872
19884
  type: Output
19873
19885
  }], dropdownMenuAction: [{
@@ -19960,6 +19972,7 @@ class LoadTabsConstants {
19960
19972
 
19961
19973
  class LoadComponent {
19962
19974
  constructor() {
19975
+ this.isAllDispatchBoardsSelected = true;
19963
19976
  this.dropdownMenuAction = new EventEmitter();
19964
19977
  //Tabs and load data
19965
19978
  this.tabs = Object.values(StatusTypeEnum);
@@ -20021,11 +20034,11 @@ class LoadComponent {
20021
20034
  this.dropdownMenuAction.emit(action);
20022
20035
  }
20023
20036
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20024
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoadComponent, isStandalone: true, selector: "app-ca-load", inputs: { focusedTab: "focusedTab", loads: "loads", columnWidth: "columnWidth" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, providers: [AngularSvgIconModule], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"load-component d-flex flex-column prevent-text-selection\"\n [ngStyle]=\"{\n width: columnWidth + 'px',\n }\"\n>\n @if (isTop) {\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n }\n\n <ng-template #assignedLoadTemplate>\n <div class=\"d-flex align-items-center assigned-load-holder\">\n @if (returnButtonVisible) {\n <button\n class=\"d-flex align-items-center justify-content-center returnButton\"\n ngbTooltip\n mainCaTooltip=\"Back\"\n position=\"bottom\"\n tooltipBackground=\"#cccccc\"\n tooltipColor=\"#2f2f2f\"\n (click)=\"toggleFocusedLoad()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <svg-icon\n class=\"svg-size-16 position-relative bottom-1\"\n [src]=\"currentIcon\"\n ></svg-icon>\n </button>\n }\n <span class=\"ca-font-extra-bold\">ASSIGNED LOAD</span>\n </div>\n </ng-template>\n\n <ng-template #statusBarTemplate>\n <div\n class=\"statusBar d-flex justify-content-between align-items-center\"\n >\n @for (tab of tabs; let indx = $index; track indx) {\n <button\n class=\"ca-font-bold d-flex justify-content-center align-items-center\"\n (click)=\"setFocusedTab(tab)\"\n [class.active]=\"focusedTab === tab\"\n >\n {{ tab }}\n </button>\n }\n </div>\n </ng-template>\n\n <ng-template #loadInformationTemplate>\n <div\n [@animationTabsModal]=\"animationObject\"\n class=\"animation-three-tabs\"\n >\n <div>\n @switch (focusedTab) {\n @case ('CLOSED') {\n <div class=\"activeLoadInformation\">\n @if (closedLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"closedLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.CLOSED\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n } @else {\n No closed loads\n }\n </div>\n }\n @case ('ACTIVE') {\n <div class=\"activeLoadInformation\">\n @if (activeLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"activeLoad\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-single>\n }\n </div>\n }\n @case ('PENDING') {\n <div class=\"activeLoadInformation\">\n @if (!pendingLoads) {\n No pending loads\n }\n @if (pendingLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"pendingLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.PENDING\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n }\n </div>\n }\n }\n </div>\n </div>\n </ng-template>\n</div>\n", styles: ["@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}}.load-component{background-color:#2f2f2f;padding:4px;border-radius:3px;display:block;overflow:hidden}.load-component .assigned-load-holder{height:26px;margin-bottom:4px}.load-component .assigned-load-holder>buttton{font-size:11px;margin:10px;padding:4px}.load-component .assigned-load-holder>span{color:#fff;padding-left:6px;font-family:Montserrat,sans-serif;font-size:11px;line-height:14px}.load-component .returnButton{background-color:#91919133;border-radius:2px;width:26px;height:26px;padding:4px}.load-component .returnButton svg-icon svg path{fill:#aaa}.load-component .returnButton:hover{background-color:#91919166}.load-component .returnButton:hover svg-icon svg path{fill:#dadada}.load-component .returnButton:hover{color:#fff;cursor:pointer}.load-component .statusBar{height:26px;padding:4px;background-color:#1d1d1d;border-radius:2px 0 0}.load-component button{width:100%;height:18px;border-radius:1px;padding:2px 8px;color:#919191;background-color:transparent;border:1px solid transparent;font-size:11px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.load-component button.active,.load-component button:active{background-color:#424242;border-color:#424242;color:#fff}.load-component .activeLoadInformation{gap:4px;border-radius:0 0 3px 3px;color:#919191;font-size:11px;line-height:14px;text-align:center}.animation-three-tabs{display:grid;grid-template-rows:100%;grid-template-columns:repeat(3,100%);transition:all .3s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type:
20037
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoadComponent, isStandalone: true, selector: "app-ca-load", inputs: { focusedTab: "focusedTab", loads: "loads", columnWidth: "columnWidth", isAllDispatchBoardsSelected: "isAllDispatchBoardsSelected" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, providers: [AngularSvgIconModule], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"load-component d-flex flex-column prevent-text-selection\"\n [ngStyle]=\"{\n width: columnWidth + 'px',\n }\"\n>\n @if (isTop) {\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n }\n\n <ng-template #assignedLoadTemplate>\n <div class=\"d-flex align-items-center assigned-load-holder\">\n @if (returnButtonVisible) {\n <button\n class=\"d-flex align-items-center justify-content-center returnButton\"\n ngbTooltip\n mainCaTooltip=\"Back\"\n position=\"bottom\"\n tooltipBackground=\"#cccccc\"\n tooltipColor=\"#2f2f2f\"\n (click)=\"toggleFocusedLoad()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <svg-icon\n class=\"svg-size-16 position-relative bottom-1\"\n [src]=\"currentIcon\"\n ></svg-icon>\n </button>\n }\n <span class=\"ca-font-extra-bold\">ASSIGNED LOAD</span>\n </div>\n </ng-template>\n\n <ng-template #statusBarTemplate>\n <div\n class=\"statusBar d-flex justify-content-between align-items-center\"\n >\n @for (tab of tabs; let indx = $index; track indx) {\n <button\n class=\"ca-font-bold d-flex justify-content-center align-items-center\"\n (click)=\"setFocusedTab(tab)\"\n [class.active]=\"focusedTab === tab\"\n >\n {{ tab }}\n </button>\n }\n </div>\n </ng-template>\n\n <ng-template #loadInformationTemplate>\n <div\n [@animationTabsModal]=\"animationObject\"\n class=\"animation-three-tabs\"\n >\n <div>\n @switch (focusedTab) {\n @case ('CLOSED') {\n <div class=\"activeLoadInformation\">\n @if (closedLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"closedLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.CLOSED\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n } @else {\n No closed loads\n }\n </div>\n }\n @case ('ACTIVE') {\n <div class=\"activeLoadInformation\">\n @if (activeLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"activeLoad\"\n [isAllDispatchBoardsSelected]=\"\n isAllDispatchBoardsSelected\n \"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-single>\n }\n </div>\n }\n @case ('PENDING') {\n <div class=\"activeLoadInformation\">\n @if (!pendingLoads) {\n No pending loads\n }\n @if (pendingLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"pendingLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.PENDING\"\n [isAllDispatchBoardsSelected]=\"\n isAllDispatchBoardsSelected\n \"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n }\n </div>\n }\n }\n </div>\n </div>\n </ng-template>\n</div>\n", styles: ["@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}}.load-component{background-color:#2f2f2f;padding:4px;border-radius:3px;display:block;overflow:hidden}.load-component .assigned-load-holder{height:26px;margin-bottom:4px}.load-component .assigned-load-holder>buttton{font-size:11px;margin:10px;padding:4px}.load-component .assigned-load-holder>span{color:#fff;padding-left:6px;font-family:Montserrat,sans-serif;font-size:11px;line-height:14px}.load-component .returnButton{background-color:#91919133;border-radius:2px;width:26px;height:26px;padding:4px}.load-component .returnButton svg-icon svg path{fill:#aaa}.load-component .returnButton:hover{background-color:#91919166}.load-component .returnButton:hover svg-icon svg path{fill:#dadada}.load-component .returnButton:hover{color:#fff;cursor:pointer}.load-component .statusBar{height:26px;padding:4px;background-color:#1d1d1d;border-radius:2px 0 0}.load-component button{width:100%;height:18px;border-radius:1px;padding:2px 8px;color:#919191;background-color:transparent;border:1px solid transparent;font-size:11px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.load-component button.active,.load-component button:active{background-color:#424242;border-color:#424242;color:#fff}.load-component .activeLoadInformation{gap:4px;border-radius:0 0 3px 3px;color:#919191;font-size:11px;line-height:14px;text-align:center}.animation-three-tabs{display:grid;grid-template-rows:100%;grid-template-columns:repeat(3,100%);transition:all .3s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type:
20025
20038
  //Modules
20026
20039
  NgbNavModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i3.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:
20027
20040
  // Components
20028
- ActiveLoadComponent, selector: "app-ca-load-single", inputs: ["activeLoad", "status"], outputs: ["dropdownMenuAction"] }, { kind: "component", type: LoadListComponent, selector: "app-ca-load-list", inputs: ["loads", "focusedTab", "isFocusingLoad"], outputs: ["focusLoadEmitter", "dropdownMenuAction"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "tooltipMarginRight", "disableTooltip", "openTooltipDelay"] }], animations: [tabsModalAnimation('animationTabsModal')] }); }
20041
+ ActiveLoadComponent, selector: "app-ca-load-single", inputs: ["activeLoad", "status", "isAllDispatchBoardsSelected"], outputs: ["dropdownMenuAction"] }, { kind: "component", type: LoadListComponent, selector: "app-ca-load-list", inputs: ["loads", "focusedTab", "isFocusingLoad", "isAllDispatchBoardsSelected"], outputs: ["focusLoadEmitter", "dropdownMenuAction"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "tooltipMarginRight", "disableTooltip", "openTooltipDelay"] }], animations: [tabsModalAnimation('animationTabsModal')] }); }
20029
20042
  }
20030
20043
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadComponent, decorators: [{
20031
20044
  type: Component,
@@ -20040,13 +20053,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
20040
20053
  ActiveLoadComponent,
20041
20054
  LoadListComponent,
20042
20055
  CaAppTooltipV2Component,
20043
- ], template: "<div\n class=\"load-component d-flex flex-column prevent-text-selection\"\n [ngStyle]=\"{\n width: columnWidth + 'px',\n }\"\n>\n @if (isTop) {\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n }\n\n <ng-template #assignedLoadTemplate>\n <div class=\"d-flex align-items-center assigned-load-holder\">\n @if (returnButtonVisible) {\n <button\n class=\"d-flex align-items-center justify-content-center returnButton\"\n ngbTooltip\n mainCaTooltip=\"Back\"\n position=\"bottom\"\n tooltipBackground=\"#cccccc\"\n tooltipColor=\"#2f2f2f\"\n (click)=\"toggleFocusedLoad()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <svg-icon\n class=\"svg-size-16 position-relative bottom-1\"\n [src]=\"currentIcon\"\n ></svg-icon>\n </button>\n }\n <span class=\"ca-font-extra-bold\">ASSIGNED LOAD</span>\n </div>\n </ng-template>\n\n <ng-template #statusBarTemplate>\n <div\n class=\"statusBar d-flex justify-content-between align-items-center\"\n >\n @for (tab of tabs; let indx = $index; track indx) {\n <button\n class=\"ca-font-bold d-flex justify-content-center align-items-center\"\n (click)=\"setFocusedTab(tab)\"\n [class.active]=\"focusedTab === tab\"\n >\n {{ tab }}\n </button>\n }\n </div>\n </ng-template>\n\n <ng-template #loadInformationTemplate>\n <div\n [@animationTabsModal]=\"animationObject\"\n class=\"animation-three-tabs\"\n >\n <div>\n @switch (focusedTab) {\n @case ('CLOSED') {\n <div class=\"activeLoadInformation\">\n @if (closedLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"closedLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.CLOSED\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n } @else {\n No closed loads\n }\n </div>\n }\n @case ('ACTIVE') {\n <div class=\"activeLoadInformation\">\n @if (activeLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"activeLoad\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-single>\n }\n </div>\n }\n @case ('PENDING') {\n <div class=\"activeLoadInformation\">\n @if (!pendingLoads) {\n No pending loads\n }\n @if (pendingLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"pendingLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.PENDING\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n }\n </div>\n }\n }\n </div>\n </div>\n </ng-template>\n</div>\n", styles: ["@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}}.load-component{background-color:#2f2f2f;padding:4px;border-radius:3px;display:block;overflow:hidden}.load-component .assigned-load-holder{height:26px;margin-bottom:4px}.load-component .assigned-load-holder>buttton{font-size:11px;margin:10px;padding:4px}.load-component .assigned-load-holder>span{color:#fff;padding-left:6px;font-family:Montserrat,sans-serif;font-size:11px;line-height:14px}.load-component .returnButton{background-color:#91919133;border-radius:2px;width:26px;height:26px;padding:4px}.load-component .returnButton svg-icon svg path{fill:#aaa}.load-component .returnButton:hover{background-color:#91919166}.load-component .returnButton:hover svg-icon svg path{fill:#dadada}.load-component .returnButton:hover{color:#fff;cursor:pointer}.load-component .statusBar{height:26px;padding:4px;background-color:#1d1d1d;border-radius:2px 0 0}.load-component button{width:100%;height:18px;border-radius:1px;padding:2px 8px;color:#919191;background-color:transparent;border:1px solid transparent;font-size:11px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.load-component button.active,.load-component button:active{background-color:#424242;border-color:#424242;color:#fff}.load-component .activeLoadInformation{gap:4px;border-radius:0 0 3px 3px;color:#919191;font-size:11px;line-height:14px;text-align:center}.animation-three-tabs{display:grid;grid-template-rows:100%;grid-template-columns:repeat(3,100%);transition:all .3s}\n"] }]
20056
+ ], template: "<div\n class=\"load-component d-flex flex-column prevent-text-selection\"\n [ngStyle]=\"{\n width: columnWidth + 'px',\n }\"\n>\n @if (isTop) {\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"loadInformationTemplate\"\n ></ng-container>\n <ng-container *ngTemplateOutlet=\"statusBarTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"assignedLoadTemplate\"></ng-container>\n }\n\n <ng-template #assignedLoadTemplate>\n <div class=\"d-flex align-items-center assigned-load-holder\">\n @if (returnButtonVisible) {\n <button\n class=\"d-flex align-items-center justify-content-center returnButton\"\n ngbTooltip\n mainCaTooltip=\"Back\"\n position=\"bottom\"\n tooltipBackground=\"#cccccc\"\n tooltipColor=\"#2f2f2f\"\n (click)=\"toggleFocusedLoad()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <svg-icon\n class=\"svg-size-16 position-relative bottom-1\"\n [src]=\"currentIcon\"\n ></svg-icon>\n </button>\n }\n <span class=\"ca-font-extra-bold\">ASSIGNED LOAD</span>\n </div>\n </ng-template>\n\n <ng-template #statusBarTemplate>\n <div\n class=\"statusBar d-flex justify-content-between align-items-center\"\n >\n @for (tab of tabs; let indx = $index; track indx) {\n <button\n class=\"ca-font-bold d-flex justify-content-center align-items-center\"\n (click)=\"setFocusedTab(tab)\"\n [class.active]=\"focusedTab === tab\"\n >\n {{ tab }}\n </button>\n }\n </div>\n </ng-template>\n\n <ng-template #loadInformationTemplate>\n <div\n [@animationTabsModal]=\"animationObject\"\n class=\"animation-three-tabs\"\n >\n <div>\n @switch (focusedTab) {\n @case ('CLOSED') {\n <div class=\"activeLoadInformation\">\n @if (closedLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"closedLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.CLOSED\"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n } @else {\n No closed loads\n }\n </div>\n }\n @case ('ACTIVE') {\n <div class=\"activeLoadInformation\">\n @if (activeLoad) {\n <app-ca-load-single\n [status]=\"focusedTab\"\n [activeLoad]=\"activeLoad\"\n [isAllDispatchBoardsSelected]=\"\n isAllDispatchBoardsSelected\n \"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-single>\n }\n </div>\n }\n @case ('PENDING') {\n <div class=\"activeLoadInformation\">\n @if (!pendingLoads) {\n No pending loads\n }\n @if (pendingLoads) {\n <app-ca-load-list\n (focusLoadEmitter)=\"toggleFocusedLoad()\"\n [loads]=\"pendingLoads\"\n [isFocusingLoad]=\"returnButtonVisible\"\n [focusedTab]=\"StatusTypeEnum.PENDING\"\n [isAllDispatchBoardsSelected]=\"\n isAllDispatchBoardsSelected\n \"\n (dropdownMenuAction)=\"\n onDropdownMenuAction($event)\n \"\n >\n </app-ca-load-list>\n }\n </div>\n }\n }\n </div>\n </div>\n </ng-template>\n</div>\n", styles: ["@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}}.load-component{background-color:#2f2f2f;padding:4px;border-radius:3px;display:block;overflow:hidden}.load-component .assigned-load-holder{height:26px;margin-bottom:4px}.load-component .assigned-load-holder>buttton{font-size:11px;margin:10px;padding:4px}.load-component .assigned-load-holder>span{color:#fff;padding-left:6px;font-family:Montserrat,sans-serif;font-size:11px;line-height:14px}.load-component .returnButton{background-color:#91919133;border-radius:2px;width:26px;height:26px;padding:4px}.load-component .returnButton svg-icon svg path{fill:#aaa}.load-component .returnButton:hover{background-color:#91919166}.load-component .returnButton:hover svg-icon svg path{fill:#dadada}.load-component .returnButton:hover{color:#fff;cursor:pointer}.load-component .statusBar{height:26px;padding:4px;background-color:#1d1d1d;border-radius:2px 0 0}.load-component button{width:100%;height:18px;border-radius:1px;padding:2px 8px;color:#919191;background-color:transparent;border:1px solid transparent;font-size:11px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.load-component button.active,.load-component button:active{background-color:#424242;border-color:#424242;color:#fff}.load-component .activeLoadInformation{gap:4px;border-radius:0 0 3px 3px;color:#919191;font-size:11px;line-height:14px;text-align:center}.animation-three-tabs{display:grid;grid-template-rows:100%;grid-template-columns:repeat(3,100%);transition:all .3s}\n"] }]
20044
20057
  }], ctorParameters: () => [], propDecorators: { focusedTab: [{
20045
20058
  type: Input
20046
20059
  }], loads: [{
20047
20060
  type: Input
20048
20061
  }], columnWidth: [{
20049
20062
  type: Input
20063
+ }], isAllDispatchBoardsSelected: [{
20064
+ type: Input
20050
20065
  }], dropdownMenuAction: [{
20051
20066
  type: Output
20052
20067
  }] } });
@@ -20061,6 +20076,7 @@ class PickupDeliveryBlockComponent {
20061
20076
  }
20062
20077
  constructor() {
20063
20078
  this.isDisabled = false;
20079
+ this.isAllDispatchBoardsSelected = true;
20064
20080
  this.dropdownMenuAction = new EventEmitter();
20065
20081
  this._searchStrings = [];
20066
20082
  this._columnWidth = 0;
@@ -20088,9 +20104,9 @@ class PickupDeliveryBlockComponent {
20088
20104
  this.dropdownMenuAction.emit(action);
20089
20105
  }
20090
20106
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PickupDeliveryBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20091
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PickupDeliveryBlockComponent, isStandalone: true, selector: "app-ca-pickup-delivery-block", inputs: { columnWidth: "columnWidth", searchStrings: "searchStrings", loads: "loads", dispatchResponse: "dispatchResponse", isHoveringRow: "isHoveringRow", isDisabled: "isDisabled" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, ngImport: i0, template: "<div\n class=\"incomplete-table-container prevent-text-selection\"\n [ngStyle]=\"{\n width: _columnWidth + 'px',\n }\"\n>\n @if (dispatchResponse?.activeLoad) {\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: dispatchResponse?.activeLoad }\n \"\n ></ng-container>\n } @else {\n <div\n class=\"incomplete-table-holder no-active-load d-flex align-items-center ca-font-medium\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngClass]=\"{\n 'opacity-0': !isHoveringRow,\n }\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n NO ACTIVE OR PENDING LOAD\n </div>\n }\n\n <ng-template #loadDetailsTemplate let-load=\"load\">\n <div\n class=\"incomplete-table-holder stops d-flex justify-content-between align-items-center\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'left',\n stopOrder: load?.pickupCount,\n city: load?.pickup?.shipper?.address?.city,\n state: load?.pickup?.shipper?.address?.stateShortName,\n date: load?.pickup?.dateFrom,\n status: load?.statusType?.name,\n type: 'pickup',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'right',\n stopOrder: load?.deliveryCount,\n city: load?.delivery?.shipper?.address?.city,\n state: load?.delivery?.shipper?.address?.stateShortName,\n date: load?.delivery?.dateFrom,\n status: load?.statusType?.name,\n type: 'delivery',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-template\n #stopsSideTemplate\n let-side=\"side\"\n let-stopOrder=\"stopOrder\"\n let-city=\"city\"\n let-state=\"state\"\n let-date=\"date\"\n let-status=\"status\"\n let-type=\"type\"\n let-loadType=\"loadType\"\n >\n <div\n class=\"stops-side d-flex align-items-center flex-basis-50 {{\n side\n }}\"\n >\n @let isSplitLoad = loadType === 'Split';\n\n <span\n class=\"d-flex justify-content-center align-items-center {{\n type\n }}StationNumber ca-font-bold\"\n [ngClass]=\"{\n 'active-pickup': status === 'Active' && type === 'pickup',\n 'pending-pickup': status === 'Pending' && type === 'pickup',\n 'active-delivery':\n status === 'Active' && type === 'delivery',\n 'pending-delivery':\n status === 'Pending' && type === 'delivery',\n 'split-pickup': isSplitLoad,\n }\"\n >\n @let pickupStopNumber = isSplitLoad ? 'S' : stopOrder;\n\n {{ pickupStopNumber }}\n </span>\n <div class=\"stop-info-container d-flex flex-column\">\n @let formattedCityState = city | formatCityStatePipe: state;\n\n <span\n class=\"location ca-font-semi-bold d-block text-truncate\"\n [innerHTML]=\"\n formattedCityState\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n\n <div class=\"date-time-holder d-flex\">\n @let formattedDate = date | dateFromStringPipe;\n\n <span\n class=\"date ca-font-regular d-flex justify-content-start m-r-4\"\n [innerHTML]=\"\n formattedDate\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n <span\n class=\"date pickup-delivery-time d-none ca-font-regular text-truncate\"\n >{{ date | dateFromStringPipe: 'time' }}</span\n >\n </div>\n </div>\n </div>\n </ng-template>\n\n <ng-template #loadDetailsPopoverTemplate>\n <app-ca-load\n [focusedTab]=\"loadType\"\n [loads]=\"loads\"\n [columnWidth]=\"_columnWidth\"\n (dropdownMenuAction)=\"onDropdownMenuAction($event)\"\n ></app-ca-load>\n </ng-template>\n</div>\n", styles: ["@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}}.incomplete-table-container{border-radius:3px;font-family:Montserrat,sans-serif}.incomplete-table-container .incomplete-table-holder{height:26px;border-radius:2px;border:none;cursor:pointer;padding:0}.incomplete-table-container .incomplete-table-holder.stops{width:100%;padding:4px;font-size:14px}.incomplete-table-container .incomplete-table-holder.stops .stops-side{gap:4px;height:26px;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .stop-info-container{width:calc(100% - 22px);min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location,.incomplete-table-container .incomplete-table-holder.stops .stops-side .date,.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{font-size:11px;line-height:14px;color:#424242;padding-left:0!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .date{color:#919191!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location{width:90%;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{width:18px;height:18px;color:#fff;border-radius:1px}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.active-pickup{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.pending-pickup{background-color:#91919133;color:#259f94}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.split-pickup{background-color:#f89b2e33;color:#f89b2e}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.active-delivery{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.pending-delivery{background-color:#91919133;color:#ff7043}.incomplete-table-container .incomplete-table-holder.no-active-load{padding:6px;font-size:11px;line-height:14px;color:#919191;opacity:1;transition:opacity .2s ease-in,color .2s ease-in}.incomplete-table-container .incomplete-table-holder.no-active-load::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container .incomplete-table-holder.no-active-load::selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container:hover .pickup-delivery-time{display:flex!important}.incomplete-table-container:hover .no-active-load{color:#424242}\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: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type:
20107
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PickupDeliveryBlockComponent, isStandalone: true, selector: "app-ca-pickup-delivery-block", inputs: { columnWidth: "columnWidth", searchStrings: "searchStrings", loads: "loads", dispatchResponse: "dispatchResponse", isHoveringRow: "isHoveringRow", isDisabled: "isDisabled", isAllDispatchBoardsSelected: "isAllDispatchBoardsSelected" }, outputs: { dropdownMenuAction: "dropdownMenuAction" }, ngImport: i0, template: "<div\n class=\"incomplete-table-container prevent-text-selection\"\n [ngStyle]=\"{\n width: _columnWidth + 'px',\n }\"\n>\n @if (dispatchResponse?.activeLoad) {\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: dispatchResponse?.activeLoad }\n \"\n ></ng-container>\n } @else {\n <div\n class=\"incomplete-table-holder no-active-load d-flex align-items-center ca-font-medium\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngClass]=\"{\n 'opacity-0': !isHoveringRow,\n }\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n NO ACTIVE OR PENDING LOAD\n </div>\n }\n\n <ng-template #loadDetailsTemplate let-load=\"load\">\n <div\n class=\"incomplete-table-holder stops d-flex justify-content-between align-items-center\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'left',\n stopOrder: load?.pickupCount,\n city: load?.pickup?.shipper?.address?.city,\n state: load?.pickup?.shipper?.address?.stateShortName,\n date: load?.pickup?.dateFrom,\n status: load?.statusType?.name,\n type: 'pickup',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'right',\n stopOrder: load?.deliveryCount,\n city: load?.delivery?.shipper?.address?.city,\n state: load?.delivery?.shipper?.address?.stateShortName,\n date: load?.delivery?.dateFrom,\n status: load?.statusType?.name,\n type: 'delivery',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-template\n #stopsSideTemplate\n let-side=\"side\"\n let-stopOrder=\"stopOrder\"\n let-city=\"city\"\n let-state=\"state\"\n let-date=\"date\"\n let-status=\"status\"\n let-type=\"type\"\n let-loadType=\"loadType\"\n >\n <div\n class=\"stops-side d-flex align-items-center flex-basis-50 {{\n side\n }}\"\n >\n @let isSplitLoad = loadType === 'Split';\n\n <span\n class=\"d-flex justify-content-center align-items-center {{\n type\n }}StationNumber ca-font-bold\"\n [ngClass]=\"{\n 'active-pickup': status === 'Active' && type === 'pickup',\n 'pending-pickup': status === 'Pending' && type === 'pickup',\n 'active-delivery':\n status === 'Active' && type === 'delivery',\n 'pending-delivery':\n status === 'Pending' && type === 'delivery',\n 'split-pickup': isSplitLoad,\n }\"\n >\n @let pickupStopNumber = isSplitLoad ? 'S' : stopOrder;\n\n {{ pickupStopNumber }}\n </span>\n <div class=\"stop-info-container d-flex flex-column\">\n @let formattedCityState = city | formatCityStatePipe: state;\n\n <span\n class=\"location ca-font-semi-bold d-block text-truncate\"\n [innerHTML]=\"\n formattedCityState\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n\n <div class=\"date-time-holder d-flex\">\n @let formattedDate = date | dateFromStringPipe;\n\n <span\n class=\"date ca-font-regular d-flex justify-content-start m-r-4\"\n [innerHTML]=\"\n formattedDate\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n <span\n class=\"date pickup-delivery-time d-none ca-font-regular text-truncate\"\n >{{ date | dateFromStringPipe: 'time' }}</span\n >\n </div>\n </div>\n </div>\n </ng-template>\n\n <ng-template #loadDetailsPopoverTemplate>\n <app-ca-load\n [focusedTab]=\"loadType\"\n [loads]=\"loads\"\n [columnWidth]=\"_columnWidth\"\n [isAllDispatchBoardsSelected]=\"isAllDispatchBoardsSelected\"\n (dropdownMenuAction)=\"onDropdownMenuAction($event)\"\n ></app-ca-load>\n </ng-template>\n</div>\n", styles: ["@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}}.incomplete-table-container{border-radius:3px;font-family:Montserrat,sans-serif}.incomplete-table-container .incomplete-table-holder{height:26px;border-radius:2px;border:none;cursor:pointer;padding:0}.incomplete-table-container .incomplete-table-holder.stops{width:100%;padding:4px;font-size:14px}.incomplete-table-container .incomplete-table-holder.stops .stops-side{gap:4px;height:26px;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .stop-info-container{width:calc(100% - 22px);min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location,.incomplete-table-container .incomplete-table-holder.stops .stops-side .date,.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{font-size:11px;line-height:14px;color:#424242;padding-left:0!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .date{color:#919191!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location{width:90%;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{width:18px;height:18px;color:#fff;border-radius:1px}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.active-pickup{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.pending-pickup{background-color:#91919133;color:#259f94}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.split-pickup{background-color:#f89b2e33;color:#f89b2e}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.active-delivery{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.pending-delivery{background-color:#91919133;color:#ff7043}.incomplete-table-container .incomplete-table-holder.no-active-load{padding:6px;font-size:11px;line-height:14px;color:#919191;opacity:1;transition:opacity .2s ease-in,color .2s ease-in}.incomplete-table-container .incomplete-table-holder.no-active-load::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container .incomplete-table-holder.no-active-load::selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container:hover .pickup-delivery-time{display:flex!important}.incomplete-table-container:hover .no-active-load{color:#424242}\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: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type:
20092
20108
  // Components
20093
- LoadComponent, selector: "app-ca-load", inputs: ["focusedTab", "loads", "columnWidth"], outputs: ["dropdownMenuAction"] }, { kind: "pipe", type:
20109
+ LoadComponent, selector: "app-ca-load", inputs: ["focusedTab", "loads", "columnWidth", "isAllDispatchBoardsSelected"], outputs: ["dropdownMenuAction"] }, { kind: "pipe", type:
20094
20110
  // Pipes
20095
20111
  DateFromStringPipe, name: "dateFromStringPipe" }, { kind: "pipe", type: FormatCityStatePipe, name: "formatCityStatePipe" }, { kind: "pipe", type: TableHighlightSearchTextPipe, name: "tableHighlightSearchText" }], encapsulation: i0.ViewEncapsulation.None }); }
20096
20112
  }
@@ -20105,7 +20121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
20105
20121
  DateFromStringPipe,
20106
20122
  FormatCityStatePipe,
20107
20123
  TableHighlightSearchTextPipe,
20108
- ], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"incomplete-table-container prevent-text-selection\"\n [ngStyle]=\"{\n width: _columnWidth + 'px',\n }\"\n>\n @if (dispatchResponse?.activeLoad) {\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: dispatchResponse?.activeLoad }\n \"\n ></ng-container>\n } @else {\n <div\n class=\"incomplete-table-holder no-active-load d-flex align-items-center ca-font-medium\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngClass]=\"{\n 'opacity-0': !isHoveringRow,\n }\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n NO ACTIVE OR PENDING LOAD\n </div>\n }\n\n <ng-template #loadDetailsTemplate let-load=\"load\">\n <div\n class=\"incomplete-table-holder stops d-flex justify-content-between align-items-center\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'left',\n stopOrder: load?.pickupCount,\n city: load?.pickup?.shipper?.address?.city,\n state: load?.pickup?.shipper?.address?.stateShortName,\n date: load?.pickup?.dateFrom,\n status: load?.statusType?.name,\n type: 'pickup',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'right',\n stopOrder: load?.deliveryCount,\n city: load?.delivery?.shipper?.address?.city,\n state: load?.delivery?.shipper?.address?.stateShortName,\n date: load?.delivery?.dateFrom,\n status: load?.statusType?.name,\n type: 'delivery',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-template\n #stopsSideTemplate\n let-side=\"side\"\n let-stopOrder=\"stopOrder\"\n let-city=\"city\"\n let-state=\"state\"\n let-date=\"date\"\n let-status=\"status\"\n let-type=\"type\"\n let-loadType=\"loadType\"\n >\n <div\n class=\"stops-side d-flex align-items-center flex-basis-50 {{\n side\n }}\"\n >\n @let isSplitLoad = loadType === 'Split';\n\n <span\n class=\"d-flex justify-content-center align-items-center {{\n type\n }}StationNumber ca-font-bold\"\n [ngClass]=\"{\n 'active-pickup': status === 'Active' && type === 'pickup',\n 'pending-pickup': status === 'Pending' && type === 'pickup',\n 'active-delivery':\n status === 'Active' && type === 'delivery',\n 'pending-delivery':\n status === 'Pending' && type === 'delivery',\n 'split-pickup': isSplitLoad,\n }\"\n >\n @let pickupStopNumber = isSplitLoad ? 'S' : stopOrder;\n\n {{ pickupStopNumber }}\n </span>\n <div class=\"stop-info-container d-flex flex-column\">\n @let formattedCityState = city | formatCityStatePipe: state;\n\n <span\n class=\"location ca-font-semi-bold d-block text-truncate\"\n [innerHTML]=\"\n formattedCityState\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n\n <div class=\"date-time-holder d-flex\">\n @let formattedDate = date | dateFromStringPipe;\n\n <span\n class=\"date ca-font-regular d-flex justify-content-start m-r-4\"\n [innerHTML]=\"\n formattedDate\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n <span\n class=\"date pickup-delivery-time d-none ca-font-regular text-truncate\"\n >{{ date | dateFromStringPipe: 'time' }}</span\n >\n </div>\n </div>\n </div>\n </ng-template>\n\n <ng-template #loadDetailsPopoverTemplate>\n <app-ca-load\n [focusedTab]=\"loadType\"\n [loads]=\"loads\"\n [columnWidth]=\"_columnWidth\"\n (dropdownMenuAction)=\"onDropdownMenuAction($event)\"\n ></app-ca-load>\n </ng-template>\n</div>\n", styles: ["@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}}.incomplete-table-container{border-radius:3px;font-family:Montserrat,sans-serif}.incomplete-table-container .incomplete-table-holder{height:26px;border-radius:2px;border:none;cursor:pointer;padding:0}.incomplete-table-container .incomplete-table-holder.stops{width:100%;padding:4px;font-size:14px}.incomplete-table-container .incomplete-table-holder.stops .stops-side{gap:4px;height:26px;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .stop-info-container{width:calc(100% - 22px);min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location,.incomplete-table-container .incomplete-table-holder.stops .stops-side .date,.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{font-size:11px;line-height:14px;color:#424242;padding-left:0!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .date{color:#919191!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location{width:90%;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{width:18px;height:18px;color:#fff;border-radius:1px}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.active-pickup{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.pending-pickup{background-color:#91919133;color:#259f94}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.split-pickup{background-color:#f89b2e33;color:#f89b2e}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.active-delivery{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.pending-delivery{background-color:#91919133;color:#ff7043}.incomplete-table-container .incomplete-table-holder.no-active-load{padding:6px;font-size:11px;line-height:14px;color:#919191;opacity:1;transition:opacity .2s ease-in,color .2s ease-in}.incomplete-table-container .incomplete-table-holder.no-active-load::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container .incomplete-table-holder.no-active-load::selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container:hover .pickup-delivery-time{display:flex!important}.incomplete-table-container:hover .no-active-load{color:#424242}\n"] }]
20124
+ ], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"incomplete-table-container prevent-text-selection\"\n [ngStyle]=\"{\n width: _columnWidth + 'px',\n }\"\n>\n @if (dispatchResponse?.activeLoad) {\n <ng-container\n *ngTemplateOutlet=\"\n loadDetailsTemplate;\n context: { load: dispatchResponse?.activeLoad }\n \"\n ></ng-container>\n } @else {\n <div\n class=\"incomplete-table-holder no-active-load d-flex align-items-center ca-font-medium\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngClass]=\"{\n 'opacity-0': !isHoveringRow,\n }\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n NO ACTIVE OR PENDING LOAD\n </div>\n }\n\n <ng-template #loadDetailsTemplate let-load=\"load\">\n <div\n class=\"incomplete-table-holder stops d-flex justify-content-between align-items-center\"\n [class.pe-none]=\"isDisabled\"\n #t2=\"ngbPopover\"\n [ngbPopover]=\"loadDetailsPopoverTemplate\"\n popoverClass=\"pickup-delivery-popover\"\n triggers=\"manual\"\n [autoClose]=\"'outside'\"\n container=\"body\"\n [placement]=\"['bottom-start', 'top-start']\"\n (click)=\"openPopover(t2)\"\n (hidden)=\"closePopover(t2)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'left',\n stopOrder: load?.pickupCount,\n city: load?.pickup?.shipper?.address?.city,\n state: load?.pickup?.shipper?.address?.stateShortName,\n date: load?.pickup?.dateFrom,\n status: load?.statusType?.name,\n type: 'pickup',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n stopsSideTemplate;\n context: {\n side: 'right',\n stopOrder: load?.deliveryCount,\n city: load?.delivery?.shipper?.address?.city,\n state: load?.delivery?.shipper?.address?.stateShortName,\n date: load?.delivery?.dateFrom,\n status: load?.statusType?.name,\n type: 'delivery',\n loadType: load?.type?.name,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-template\n #stopsSideTemplate\n let-side=\"side\"\n let-stopOrder=\"stopOrder\"\n let-city=\"city\"\n let-state=\"state\"\n let-date=\"date\"\n let-status=\"status\"\n let-type=\"type\"\n let-loadType=\"loadType\"\n >\n <div\n class=\"stops-side d-flex align-items-center flex-basis-50 {{\n side\n }}\"\n >\n @let isSplitLoad = loadType === 'Split';\n\n <span\n class=\"d-flex justify-content-center align-items-center {{\n type\n }}StationNumber ca-font-bold\"\n [ngClass]=\"{\n 'active-pickup': status === 'Active' && type === 'pickup',\n 'pending-pickup': status === 'Pending' && type === 'pickup',\n 'active-delivery':\n status === 'Active' && type === 'delivery',\n 'pending-delivery':\n status === 'Pending' && type === 'delivery',\n 'split-pickup': isSplitLoad,\n }\"\n >\n @let pickupStopNumber = isSplitLoad ? 'S' : stopOrder;\n\n {{ pickupStopNumber }}\n </span>\n <div class=\"stop-info-container d-flex flex-column\">\n @let formattedCityState = city | formatCityStatePipe: state;\n\n <span\n class=\"location ca-font-semi-bold d-block text-truncate\"\n [innerHTML]=\"\n formattedCityState\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n\n <div class=\"date-time-holder d-flex\">\n @let formattedDate = date | dateFromStringPipe;\n\n <span\n class=\"date ca-font-regular d-flex justify-content-start m-r-4\"\n [innerHTML]=\"\n formattedDate\n | tableHighlightSearchText: _searchStrings\n \"\n >\n </span>\n <span\n class=\"date pickup-delivery-time d-none ca-font-regular text-truncate\"\n >{{ date | dateFromStringPipe: 'time' }}</span\n >\n </div>\n </div>\n </div>\n </ng-template>\n\n <ng-template #loadDetailsPopoverTemplate>\n <app-ca-load\n [focusedTab]=\"loadType\"\n [loads]=\"loads\"\n [columnWidth]=\"_columnWidth\"\n [isAllDispatchBoardsSelected]=\"isAllDispatchBoardsSelected\"\n (dropdownMenuAction)=\"onDropdownMenuAction($event)\"\n ></app-ca-load>\n </ng-template>\n</div>\n", styles: ["@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}}.incomplete-table-container{border-radius:3px;font-family:Montserrat,sans-serif}.incomplete-table-container .incomplete-table-holder{height:26px;border-radius:2px;border:none;cursor:pointer;padding:0}.incomplete-table-container .incomplete-table-holder.stops{width:100%;padding:4px;font-size:14px}.incomplete-table-container .incomplete-table-holder.stops .stops-side{gap:4px;height:26px;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .stop-info-container{width:calc(100% - 22px);min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location,.incomplete-table-container .incomplete-table-holder.stops .stops-side .date,.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{font-size:11px;line-height:14px;color:#424242;padding-left:0!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .date{color:#919191!important}.incomplete-table-container .incomplete-table-holder.stops .stops-side .location{width:90%;min-width:0}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber,.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber{width:18px;height:18px;color:#fff;border-radius:1px}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.active-pickup{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.pending-pickup{background-color:#91919133;color:#259f94}.incomplete-table-container .incomplete-table-holder.stops .stops-side .pickupStationNumber.split-pickup{background-color:#f89b2e33;color:#f89b2e}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.active-delivery{background-color:#91919133;color:#6c6c6c}.incomplete-table-container .incomplete-table-holder.stops .stops-side .deliveryStationNumber.pending-delivery{background-color:#91919133;color:#ff7043}.incomplete-table-container .incomplete-table-holder.no-active-load{padding:6px;font-size:11px;line-height:14px;color:#919191;opacity:1;transition:opacity .2s ease-in,color .2s ease-in}.incomplete-table-container .incomplete-table-holder.no-active-load::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container .incomplete-table-holder.no-active-load::selection{color:#2f2f2f;background:#2f2f2f33}.incomplete-table-container:hover .pickup-delivery-time{display:flex!important}.incomplete-table-container:hover .no-active-load{color:#424242}\n"] }]
20109
20125
  }], ctorParameters: () => [], propDecorators: { columnWidth: [{
20110
20126
  type: Input
20111
20127
  }], searchStrings: [{
@@ -20118,6 +20134,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
20118
20134
  type: Input
20119
20135
  }], isDisabled: [{
20120
20136
  type: Input
20137
+ }], isAllDispatchBoardsSelected: [{
20138
+ type: Input
20121
20139
  }], dropdownMenuAction: [{
20122
20140
  type: Output
20123
20141
  }] } });
@@ -31002,7 +31020,7 @@ class CaCheckboxSelectedCountComponent {
31002
31020
  this.onCheckboxCountClick.emit(action);
31003
31021
  }
31004
31022
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CaCheckboxSelectedCountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
31005
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CaCheckboxSelectedCountComponent, isStandalone: true, selector: "app-ca-checkbox-selected-count", inputs: { itemsTotalCount: "itemsTotalCount", itemsSelectedCount: "itemsSelectedCount", isTableHeader: "isTableHeader" }, outputs: { onCheckboxCountClick: "onCheckboxCountClick" }, ngImport: i0, template: "@let hasItems = !!itemsTotalCount;\n@let hasSelectedItems = !!itemsSelectedCount;\n@let hasSelectedAllItems =\n itemsTotalCount && itemsTotalCount === itemsSelectedCount;\n\n@let formattedItemsSelectedCount = itemsSelectedCount! | addThousandSign;\n\n@let checkboxCount =\n itemsSelectedCount ? formattedItemsSelectedCount : eStringPlaceholder.EMPTY;\n\n@let selectAllTooltip =\n hasItems\n ? eGeneralActions.SELECT_ALL +\n ' (' +\n (itemsTotalCount! | addThousandSign) +\n ')'\n : eStringPlaceholder.EMPTY;\n\n@let selectRemainingTooltip =\n eGeneralActions.SELECT_REMAINING +\n ' (' +\n (itemsTotalCount! - itemsSelectedCount! | addThousandSign) +\n ')';\n\n@let clearSelectedTooltip =\n eGeneralActions.CLEAR_SELECTED + ' (' + formattedItemsSelectedCount + ')';\n\n@let checkboxCountTooltip =\n hasSelectedAllItems\n ? clearSelectedTooltip\n : hasSelectedItems\n ? selectRemainingTooltip\n : selectAllTooltip;\n\n@let checkboxCountClickAction =\n hasSelectedAllItems\n ? eGeneralActions.CLEAR_SELECTED\n : hasSelectedItems\n ? eGeneralActions.SELECT_REMAINING\n : eGeneralActions.SELECT_ALL;\n<div\n class=\"d-flex justify-content-center min-w-18 h-18\"\n [ngClass]=\"isTableHeader ? 'align-items-end' : 'align-items-center'\"\n>\n <div\n class=\"d-flex align-items-center justify-content-center br-2 checkbox-selected-count\"\n [ngClass]=\"\n { hasItems, hasSelectedItems, itemsSelectedCount }\n | checkboxSelectedCountClass\n \"\n ngbTooltip\n [mainCaTooltip]=\"checkboxCountTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (mouseenter)=\"hasSelectedItems && handleCheckboxCountHover(true)\"\n (mouseleave)=\"hasSelectedItems && handleCheckboxCountHover()\"\n (click)=\"handleCheckboxCountClick(checkboxCountClickAction)\"\n >\n @if (hasSelectedItems && isCheckboxCountHovered) {\n @let checkboxCountIcon =\n hasSelectedAllItems\n ? sharedSvgRoutes.CLEAR_SELECTED_ICON\n : sharedSvgRoutes.SELECT_REMAINING_ICON;\n\n @let checkboxCountIconClass =\n hasSelectedAllItems ? 'svg-size-10' : 'svg-size-14';\n\n <p class=\"text-size-11 text-color-white ca-font-bold opacity-0\">\n {{ checkboxCount }}\n </p>\n \n <svg-icon\n class=\"svg-fill-white position-absolute d-flex\"\n [class]=\"checkboxCountIconClass\"\n [src]=\"checkboxCountIcon\"\n ></svg-icon>\n } @else {\n <p class=\"text-size-11 text-color-white ca-font-bold\">\n {{ checkboxCount }}\n </p>\n }\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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:#fff}.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:#fff}.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:#fff}.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}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.items-dropdown-popover.bs-popover-bottom-start{margin-top:-4px!important}.items-dropdown-popover.bs-popover-top-start{margin-bottom:-4px!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.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{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.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;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;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}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@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}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}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}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.checkbox-selected-count{transition:transform .3s ease-in-out;position:relative}.checkbox-selected-count:hover:not(.disabled){transform:scale(1.2);transform-origin:center}.checkbox-selected-count.selected:hover{transform:unset}\n"], dependencies: [{ kind: "ngmodule", type:
31023
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CaCheckboxSelectedCountComponent, isStandalone: true, selector: "app-ca-checkbox-selected-count", inputs: { itemsTotalCount: "itemsTotalCount", itemsSelectedCount: "itemsSelectedCount", isTableHeader: "isTableHeader" }, outputs: { onCheckboxCountClick: "onCheckboxCountClick" }, ngImport: i0, template: "@let hasItems = !!itemsTotalCount;\n@let hasSelectedItems = !!itemsSelectedCount;\n@let hasSelectedAllItems =\n itemsTotalCount && itemsTotalCount === itemsSelectedCount;\n\n@let formattedItemsSelectedCount = itemsSelectedCount! | addThousandSign;\n\n@let checkboxCount =\n itemsSelectedCount ? formattedItemsSelectedCount : eStringPlaceholder.EMPTY;\n\n@let selectAllTooltip =\n hasItems\n ? eGeneralActions.SELECT_ALL +\n ' (' +\n (itemsTotalCount! | addThousandSign) +\n ')'\n : eStringPlaceholder.EMPTY;\n\n@let selectRemainingTooltip =\n eGeneralActions.SELECT_REMAINING +\n ' (' +\n (itemsTotalCount! - itemsSelectedCount! | addThousandSign) +\n ')';\n\n@let clearSelectedTooltip =\n eGeneralActions.CLEAR_SELECTED + ' (' + formattedItemsSelectedCount + ')';\n\n@let checkboxCountTooltip =\n hasSelectedAllItems\n ? clearSelectedTooltip\n : hasSelectedItems\n ? selectRemainingTooltip\n : selectAllTooltip;\n\n@let checkboxCountClickAction =\n hasSelectedAllItems\n ? eGeneralActions.CLEAR_SELECTED\n : hasSelectedItems\n ? eGeneralActions.SELECT_REMAINING\n : eGeneralActions.SELECT_ALL;\n<div\n class=\"d-flex justify-content-center min-w-18 h-18\"\n [ngClass]=\"isTableHeader ? 'align-items-end' : 'align-items-center'\"\n>\n <div\n class=\"d-flex align-items-center justify-content-center br-2 checkbox-selected-count\"\n [ngClass]=\"\n { hasItems, hasSelectedItems, itemsSelectedCount }\n | checkboxSelectedCountClass\n \"\n ngbTooltip\n [mainCaTooltip]=\"checkboxCountTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (mouseenter)=\"hasSelectedItems && handleCheckboxCountHover(true)\"\n (mouseleave)=\"hasSelectedItems && handleCheckboxCountHover()\"\n (click)=\"handleCheckboxCountClick(checkboxCountClickAction)\"\n >\n @if (hasSelectedItems && isCheckboxCountHovered) {\n @let checkboxCountIcon =\n hasSelectedAllItems\n ? sharedSvgRoutes.CLEAR_SELECTED_ICON\n : sharedSvgRoutes.SELECT_REMAINING_ICON;\n\n @let checkboxCountIconClass =\n hasSelectedAllItems ? 'svg-size-10' : 'svg-size-14';\n\n <p class=\"text-size-11 text-color-white ca-font-bold opacity-0\">\n {{ checkboxCount }}\n </p>\n \n <svg-icon\n class=\"svg-fill-white position-absolute d-flex\"\n [class]=\"checkboxCountIconClass\"\n [src]=\"checkboxCountIcon\"\n ></svg-icon>\n } @else {\n <p class=\"text-size-11 text-color-white ca-font-bold\">\n {{ checkboxCount }}\n </p>\n }\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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:#fff}.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:#fff}.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:#fff}.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}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.items-dropdown-popover.bs-popover-bottom-start{margin-top:-4px!important}.items-dropdown-popover.bs-popover-top-start{margin-bottom:-4px!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.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{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.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;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;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}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@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}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}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}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.checkbox-selected-count{transition:transform .1s cubic-bezier(.46,.03,.51,.95);position:relative}.checkbox-selected-count:hover:not(.disabled){transform:scale(1.2);transform-origin:center}.checkbox-selected-count.selected:hover{transform:unset}\n"], dependencies: [{ kind: "ngmodule", type:
31006
31024
  // modules
31007
31025
  CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type:
31008
31026
  // components
@@ -31022,7 +31040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
31022
31040
  // pipes
31023
31041
  ThousandFormatterPipe,
31024
31042
  CheckboxSelectedCountClassPipe,
31025
- ], template: "@let hasItems = !!itemsTotalCount;\n@let hasSelectedItems = !!itemsSelectedCount;\n@let hasSelectedAllItems =\n itemsTotalCount && itemsTotalCount === itemsSelectedCount;\n\n@let formattedItemsSelectedCount = itemsSelectedCount! | addThousandSign;\n\n@let checkboxCount =\n itemsSelectedCount ? formattedItemsSelectedCount : eStringPlaceholder.EMPTY;\n\n@let selectAllTooltip =\n hasItems\n ? eGeneralActions.SELECT_ALL +\n ' (' +\n (itemsTotalCount! | addThousandSign) +\n ')'\n : eStringPlaceholder.EMPTY;\n\n@let selectRemainingTooltip =\n eGeneralActions.SELECT_REMAINING +\n ' (' +\n (itemsTotalCount! - itemsSelectedCount! | addThousandSign) +\n ')';\n\n@let clearSelectedTooltip =\n eGeneralActions.CLEAR_SELECTED + ' (' + formattedItemsSelectedCount + ')';\n\n@let checkboxCountTooltip =\n hasSelectedAllItems\n ? clearSelectedTooltip\n : hasSelectedItems\n ? selectRemainingTooltip\n : selectAllTooltip;\n\n@let checkboxCountClickAction =\n hasSelectedAllItems\n ? eGeneralActions.CLEAR_SELECTED\n : hasSelectedItems\n ? eGeneralActions.SELECT_REMAINING\n : eGeneralActions.SELECT_ALL;\n<div\n class=\"d-flex justify-content-center min-w-18 h-18\"\n [ngClass]=\"isTableHeader ? 'align-items-end' : 'align-items-center'\"\n>\n <div\n class=\"d-flex align-items-center justify-content-center br-2 checkbox-selected-count\"\n [ngClass]=\"\n { hasItems, hasSelectedItems, itemsSelectedCount }\n | checkboxSelectedCountClass\n \"\n ngbTooltip\n [mainCaTooltip]=\"checkboxCountTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (mouseenter)=\"hasSelectedItems && handleCheckboxCountHover(true)\"\n (mouseleave)=\"hasSelectedItems && handleCheckboxCountHover()\"\n (click)=\"handleCheckboxCountClick(checkboxCountClickAction)\"\n >\n @if (hasSelectedItems && isCheckboxCountHovered) {\n @let checkboxCountIcon =\n hasSelectedAllItems\n ? sharedSvgRoutes.CLEAR_SELECTED_ICON\n : sharedSvgRoutes.SELECT_REMAINING_ICON;\n\n @let checkboxCountIconClass =\n hasSelectedAllItems ? 'svg-size-10' : 'svg-size-14';\n\n <p class=\"text-size-11 text-color-white ca-font-bold opacity-0\">\n {{ checkboxCount }}\n </p>\n \n <svg-icon\n class=\"svg-fill-white position-absolute d-flex\"\n [class]=\"checkboxCountIconClass\"\n [src]=\"checkboxCountIcon\"\n ></svg-icon>\n } @else {\n <p class=\"text-size-11 text-color-white ca-font-bold\">\n {{ checkboxCount }}\n </p>\n }\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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:#fff}.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:#fff}.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:#fff}.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}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.items-dropdown-popover.bs-popover-bottom-start{margin-top:-4px!important}.items-dropdown-popover.bs-popover-top-start{margin-bottom:-4px!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.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{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.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;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;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}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@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}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}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}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.checkbox-selected-count{transition:transform .3s ease-in-out;position:relative}.checkbox-selected-count:hover:not(.disabled){transform:scale(1.2);transform-origin:center}.checkbox-selected-count.selected:hover{transform:unset}\n"] }]
31043
+ ], template: "@let hasItems = !!itemsTotalCount;\n@let hasSelectedItems = !!itemsSelectedCount;\n@let hasSelectedAllItems =\n itemsTotalCount && itemsTotalCount === itemsSelectedCount;\n\n@let formattedItemsSelectedCount = itemsSelectedCount! | addThousandSign;\n\n@let checkboxCount =\n itemsSelectedCount ? formattedItemsSelectedCount : eStringPlaceholder.EMPTY;\n\n@let selectAllTooltip =\n hasItems\n ? eGeneralActions.SELECT_ALL +\n ' (' +\n (itemsTotalCount! | addThousandSign) +\n ')'\n : eStringPlaceholder.EMPTY;\n\n@let selectRemainingTooltip =\n eGeneralActions.SELECT_REMAINING +\n ' (' +\n (itemsTotalCount! - itemsSelectedCount! | addThousandSign) +\n ')';\n\n@let clearSelectedTooltip =\n eGeneralActions.CLEAR_SELECTED + ' (' + formattedItemsSelectedCount + ')';\n\n@let checkboxCountTooltip =\n hasSelectedAllItems\n ? clearSelectedTooltip\n : hasSelectedItems\n ? selectRemainingTooltip\n : selectAllTooltip;\n\n@let checkboxCountClickAction =\n hasSelectedAllItems\n ? eGeneralActions.CLEAR_SELECTED\n : hasSelectedItems\n ? eGeneralActions.SELECT_REMAINING\n : eGeneralActions.SELECT_ALL;\n<div\n class=\"d-flex justify-content-center min-w-18 h-18\"\n [ngClass]=\"isTableHeader ? 'align-items-end' : 'align-items-center'\"\n>\n <div\n class=\"d-flex align-items-center justify-content-center br-2 checkbox-selected-count\"\n [ngClass]=\"\n { hasItems, hasSelectedItems, itemsSelectedCount }\n | checkboxSelectedCountClass\n \"\n ngbTooltip\n [mainCaTooltip]=\"checkboxCountTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (mouseenter)=\"hasSelectedItems && handleCheckboxCountHover(true)\"\n (mouseleave)=\"hasSelectedItems && handleCheckboxCountHover()\"\n (click)=\"handleCheckboxCountClick(checkboxCountClickAction)\"\n >\n @if (hasSelectedItems && isCheckboxCountHovered) {\n @let checkboxCountIcon =\n hasSelectedAllItems\n ? sharedSvgRoutes.CLEAR_SELECTED_ICON\n : sharedSvgRoutes.SELECT_REMAINING_ICON;\n\n @let checkboxCountIconClass =\n hasSelectedAllItems ? 'svg-size-10' : 'svg-size-14';\n\n <p class=\"text-size-11 text-color-white ca-font-bold opacity-0\">\n {{ checkboxCount }}\n </p>\n \n <svg-icon\n class=\"svg-fill-white position-absolute d-flex\"\n [class]=\"checkboxCountIconClass\"\n [src]=\"checkboxCountIcon\"\n ></svg-icon>\n } @else {\n <p class=\"text-size-11 text-color-white ca-font-bold\">\n {{ checkboxCount }}\n </p>\n }\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.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}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.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:#fff}.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:#fff}.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:#fff}.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}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.items-dropdown-popover.bs-popover-bottom-start{margin-top:-4px!important}.items-dropdown-popover.bs-popover-top-start{margin-bottom:-4px!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.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{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.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;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;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}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@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}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}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}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.checkbox-selected-count{transition:transform .1s cubic-bezier(.46,.03,.51,.95);position:relative}.checkbox-selected-count:hover:not(.disabled){transform:scale(1.2);transform-origin:center}.checkbox-selected-count.selected:hover{transform:unset}\n"] }]
31026
31044
  }], ctorParameters: () => [], propDecorators: { itemsTotalCount: [{
31027
31045
  type: Input
31028
31046
  }], itemsSelectedCount: [{
@@ -38439,6 +38457,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
38439
38457
  type: Output
38440
38458
  }] } });
38441
38459
 
38460
+ const AutocompleteSearchLayer = {
38461
+ Venue: 'Venue',
38462
+ Address: 'Address',
38463
+ Street: 'Street',
38464
+ Neighbourhood: 'Neighbourhood',
38465
+ Borough: 'Borough',
38466
+ LocalAdmin: 'LocalAdmin',
38467
+ Locality: 'Locality',
38468
+ County: 'County',
38469
+ MacroCounty: 'MacroCounty',
38470
+ Region: 'Region',
38471
+ MacroRegion: 'MacroRegion',
38472
+ Country: 'Country',
38473
+ Coarse: 'Coarse',
38474
+ PostalCode: 'PostalCode',
38475
+ };
38476
+
38442
38477
  function emptyValueValidator(errorMessage) {
38443
38478
  return (control) => {
38444
38479
  if (control.notFoundInvalid) {
@@ -39045,6 +39080,12 @@ const SortOrder = {
39045
39080
  Descending: 'Descending'
39046
39081
  };
39047
39082
 
39083
+ const PayrollDeadlinePeriod = {
39084
+ Pending: 'Pending',
39085
+ Ready: 'Ready',
39086
+ Past: 'Past',
39087
+ };
39088
+
39048
39089
  /*
39049
39090
  * Public API Surface of ca-components
39050
39091
  */
@@ -39053,5 +39094,5 @@ const SortOrder = {
39053
39094
  * Generated bundle index. Do not edit.
39054
39095
  */
39055
39096
 
39056
- export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaContactsCardComponent, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFleetFilterComponent, CaFuelPricesRangeComponent, CaHeatmapUsaComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaMapListCardComponent, CaMapListComponent, CaModalButtonComponent, CaModalComponent, CaModalItemsComponent, CaModalSpinnerComponent, CaMoveModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressBarV2Component, CaProgressExpirationComponent, CaRangeSliderComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaToolbarTabSwitchComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, CaVoidModalComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, ConfirmationModalButtonConstants, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateTimeHelper, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, DropdownMenuContentConditionalItemsHelper, DropdownMenuContentConstants, DropdownMenuContentHelper, DropdownWidthPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, FuelPricesRangeConstants, FuelPricesRangePipe, GoogleMapEnum, GpsLocationConstants, GpsLocationHelper, GpsType, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapDropdownSvgRoutes, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, MethodsCalculationsHelper, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, PmItemPipe, ProgressBarComponent, ProgressBarLinePipe, SafeHtmlPipe, SearchMultipleStatesConstant, SelectedItemPipe, SortDropdownEnum, SortOrder, TableHighlightSearchTextPipe, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, TimeFilterHelper, ToLowerCasePipe, ToolbarFilterStringEnum, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserHelper, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDispatchStatus, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eFleetFilterItemType, eGeneralActions, eGpsHeadingDirection, eGpsMotionStatus, eLoadFilter, eLoadStatus, eMapMarkerStopType, eMapMarkerString, eModalButtonClassType, eModalButtonSize, eModalItems, ePeriodTitleType, ePlacement, ePosition, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum, uuidv4 };
39097
+ export { AutocompleteSearchLayer, CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaContactsCardComponent, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFleetFilterComponent, CaFuelPricesRangeComponent, CaHeatmapUsaComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaMapListCardComponent, CaMapListComponent, CaModalButtonComponent, CaModalComponent, CaModalItemsComponent, CaModalSpinnerComponent, CaMoveModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressBarV2Component, CaProgressExpirationComponent, CaRangeSliderComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaToolbarTabSwitchComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, CaVoidModalComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, ConfirmationModalButtonConstants, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateTimeHelper, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, DropdownMenuContentConditionalItemsHelper, DropdownMenuContentConstants, DropdownMenuContentHelper, DropdownWidthPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, FuelPricesRangeConstants, FuelPricesRangePipe, GoogleMapEnum, GpsLocationConstants, GpsLocationHelper, GpsType, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapDropdownSvgRoutes, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, MethodsCalculationsHelper, NFormatterPipe, NameInitialsPipe, PayrollDeadlinePeriod, PayrollTypeEnum, PickupDeliveryBlockComponent, PmItemPipe, ProgressBarComponent, ProgressBarLinePipe, SafeHtmlPipe, SearchMultipleStatesConstant, SelectedItemPipe, SortDropdownEnum, SortOrder, TableHighlightSearchTextPipe, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, TimeFilterHelper, ToLowerCasePipe, ToolbarFilterStringEnum, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserHelper, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDispatchStatus, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eFleetFilterItemType, eGeneralActions, eGpsHeadingDirection, eGpsMotionStatus, eLoadFilter, eLoadStatus, eMapMarkerStopType, eMapMarkerString, eModalButtonClassType, eModalButtonSize, eModalItems, ePeriodTitleType, ePlacement, ePosition, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum, uuidv4 };
39057
39098
  //# sourceMappingURL=ca-components.mjs.map