npm - ca-components - Versions diffs - 2.1.1422 → 2.1.1531 - Mend

ca-components 2.1.1422 → 2.1.1531

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 (1797) hide show

package/fesm2022/ca-components.mjs CHANGED Viewed

@@ -1401,11 +1401,11 @@ class DropdownMenuContentHelper {
         return [...sharedItems];
     }
     // dispatchboard - pickup delivery component
-    static getPickupDeliveryDropdownContent(loadStatus) {
-        const modifierItems = DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(loadStatus);
+    static getPickupDeliveryDropdownContent(loadStatus, isAllDispatchBoardsSelected) {
+        const modifierItems = DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(loadStatus, isAllDispatchBoardsSelected);
         const sharedItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([], true, modifierItems);
         if (loadStatus === StatusTypeEnum.PENDING) {
-            const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([eDropdownMenu$1.UNASSIGN], false);
+            const conditionalItems = DropdownMenuContentConditionalItemsHelper.getConditionalItems([eDropdownMenu$1.UNASSIGN], false, modifierItems);
             return [
                 sharedItems[0],
                 ...conditionalItems,
@@ -1589,15 +1589,21 @@ class DropdownMenuContentConditionalItemsHelper {
     }
     // modifier items
     // dispatchboard - pickup delivery component
-    static getPickupDeliveryModifierItems(loadStatus) {
+    static getPickupDeliveryModifierItems(loadStatus, isAllDispatchBoardsSelected) {
         return [
             {
                 title: eDropdownMenu$1.EDIT,
                 hasBorder: loadStatus !== StatusTypeEnum.PENDING,
+                isDisabled: isAllDispatchBoardsSelected,
+            },
+            {
+                title: eDropdownMenu$1.UNASSIGN,
+                isDisabled: isAllDispatchBoardsSelected,
             },
             {
                 title: eDropdownMenu$1.DELETE,
-                isDisabled: loadStatus !== StatusTypeEnum.PENDING,
+                isDisabled: isAllDispatchBoardsSelected ||
+                    loadStatus !== StatusTypeEnum.PENDING,
             },
         ];
     }
@@ -19378,7 +19384,7 @@ class CaCheckboxComponent {
         this.cdRef?.markForCheck();
     }
     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 }); }
-    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:
+    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:
                 // modules
                 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:
                 // components
@@ -19395,7 +19401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         NgbModule,
                         // components
                         CaAppTooltipV2Component,
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -19729,6 +19735,7 @@ class ReturnArrowIconsSvgRoutes {
 class ActiveLoadComponent {
     constructor(formatCurrencyPipe) {
         this.formatCurrencyPipe = formatCurrencyPipe;
+        this.isAllDispatchBoardsSelected = true;
         this.dropdownMenuAction = new EventEmitter();
         // enums
         this.eColor = eColor;
@@ -19740,7 +19747,7 @@ class ActiveLoadComponent {
     }
     setDropdownOptions() {
         this.dropdownOptions =
-            DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.status);
+            DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.status, this.isAllDispatchBoardsSelected);
     }
     getSvgPath(propertyName) {
         return PickupDeliverySvgRoutes[propertyName];
@@ -19768,7 +19775,7 @@ class ActiveLoadComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ActiveLoadComponent, deps: [{ token: FormatCurrencyPipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    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:
+    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:
                 // components
                 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:
                 // pipes
@@ -19793,6 +19800,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], status: [{
                 type: Input
+            }], isAllDispatchBoardsSelected: [{
+                type: Input
             }], dropdownMenuAction: [{
                 type: Output
             }] } });
@@ -19801,6 +19810,7 @@ class LoadListComponent {
     constructor(formatCurrencyPipe) {
         this.formatCurrencyPipe = formatCurrencyPipe;
         this.isFocusingLoad = false;
+        this.isAllDispatchBoardsSelected = true;
         this.focusLoadEmitter = new EventEmitter();
         this.dropdownMenuAction = new EventEmitter();
         // dropdown
@@ -19810,7 +19820,7 @@ class LoadListComponent {
     setDropdownOptions(id) {
         this.selectedLoadDropdownId = id;
         this.dropdownOptions =
-            DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.focusedTab);
+            DropdownMenuContentHelper.getPickupDeliveryDropdownContent(this.focusedTab, this.isAllDispatchBoardsSelected);
     }
     focusLoad(load) {
         this.isFocusingLoad = !this.isFocusingLoad;
@@ -19839,11 +19849,11 @@ class LoadListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadListComponent, deps: [{ token: FormatCurrencyPipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    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:
+    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:
                 // modules
                 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:
                 // components
-                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:
+                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:
                 // pipes
                 DateFromStringPipe, name: "dateFromStringPipe" }, { kind: "pipe", type: FormatCurrencyPipe, name: "formatCurrency" }, { kind: "pipe", type: ToLowerCasePipe, name: "toLowerCase" }, { kind: "pipe", type: FormatCityStatePipe, name: "formatCityStatePipe" }] }); }
 }
@@ -19868,6 +19878,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], isFocusingLoad: [{
                 type: Input
+            }], isAllDispatchBoardsSelected: [{
+                type: Input
             }], focusLoadEmitter: [{
                 type: Output
             }], dropdownMenuAction: [{
@@ -19960,6 +19972,7 @@ class LoadTabsConstants {
 class LoadComponent {
     constructor() {
+        this.isAllDispatchBoardsSelected = true;
         this.dropdownMenuAction = new EventEmitter();
         //Tabs and load data
         this.tabs = Object.values(StatusTypeEnum);
@@ -20021,11 +20034,11 @@ class LoadComponent {
         this.dropdownMenuAction.emit(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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:
+    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:
                 //Modules
                 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:
                 // Components
-                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')] }); }
+                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')] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadComponent, decorators: [{
             type: Component,
@@ -20040,13 +20053,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         ActiveLoadComponent,
                         LoadListComponent,
                         CaAppTooltipV2Component,
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: () => [], propDecorators: { focusedTab: [{
                 type: Input
             }], loads: [{
                 type: Input
             }], columnWidth: [{
                 type: Input
+            }], isAllDispatchBoardsSelected: [{
+                type: Input
             }], dropdownMenuAction: [{
                 type: Output
             }] } });
@@ -20061,6 +20076,7 @@ class PickupDeliveryBlockComponent {
     }
     constructor() {
         this.isDisabled = false;
+        this.isAllDispatchBoardsSelected = true;
         this.dropdownMenuAction = new EventEmitter();
         this._searchStrings = [];
         this._columnWidth = 0;
@@ -20088,9 +20104,9 @@ class PickupDeliveryBlockComponent {
         this.dropdownMenuAction.emit(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PickupDeliveryBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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:
+    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:
                 // Components
-                LoadComponent, selector: "app-ca-load", inputs: ["focusedTab", "loads", "columnWidth"], outputs: ["dropdownMenuAction"] }, { kind: "pipe", type:
+                LoadComponent, selector: "app-ca-load", inputs: ["focusedTab", "loads", "columnWidth", "isAllDispatchBoardsSelected"], outputs: ["dropdownMenuAction"] }, { kind: "pipe", type:
                 // Pipes
                 DateFromStringPipe, name: "dateFromStringPipe" }, { kind: "pipe", type: FormatCityStatePipe, name: "formatCityStatePipe" }, { kind: "pipe", type: TableHighlightSearchTextPipe, name: "tableHighlightSearchText" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -20105,7 +20121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         DateFromStringPipe,
                         FormatCityStatePipe,
                         TableHighlightSearchTextPipe,
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: () => [], propDecorators: { columnWidth: [{
                 type: Input
             }], searchStrings: [{
@@ -20118,6 +20134,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], isDisabled: [{
                 type: Input
+            }], isAllDispatchBoardsSelected: [{
+                type: Input
             }], dropdownMenuAction: [{
                 type: Output
             }] } });
@@ -31002,7 +31020,7 @@ class CaCheckboxSelectedCountComponent {
         this.onCheckboxCountClick.emit(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CaCheckboxSelectedCountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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:
+    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:
                 // modules
                 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:
                 // components
@@ -31022,7 +31040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         // pipes
                         ThousandFormatterPipe,
                         CheckboxSelectedCountClassPipe,
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: () => [], propDecorators: { itemsTotalCount: [{
                 type: Input
             }], itemsSelectedCount: [{
@@ -39045,6 +39063,12 @@ const SortOrder = {
     Descending: 'Descending'
 };
+const PayrollDeadlinePeriod = {
+    Pending: 'Pending',
+    Ready: 'Ready',
+    Past: 'Past',
+};
 /*
  * Public API Surface of ca-components
  */
@@ -39053,5 +39077,5 @@ const SortOrder = {
  * Generated bundle index. Do not edit.
  */
-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 };
+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, 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 };
 //# sourceMappingURL=ca-components.mjs.map