ca-components 1.9.91 → 1.9.93

package/fesm2022/ca-components.mjs

@@ -575,7 +575,7 @@ class CaAppTooltipV2Component {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaAppTooltipV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'mainCaTooltip, [mainCaTooltip]', imports: [CommonModule], template: "<ng-content> </ng-content>\n<ng-template>\n    <div\n        class=\"tooltip-holder\"\n        [style]=\"\n            'margin-top: ' +\n            tooltipMarginTop +\n            '; background-color: ' +\n            tooltipBackground +\n            '; color: ' +\n            tooltipColor +\n            '; text-align: ' +\n            tooltipTextAlign +\n            ' '\n        \"\n        [innerHTML]=\"mainCaTooltip\"\n    ></div>\n</ng-template>\n" }]
+            args: [{ selector: 'mainCaTooltip, [mainCaTooltip]', standalone: true, imports: [CommonModule], template: "<ng-content> </ng-content>\n<ng-template>\n    <div\n        class=\"tooltip-holder\"\n        [style]=\"\n            'margin-top: ' +\n            tooltipMarginTop +\n            '; background-color: ' +\n            tooltipBackground +\n            '; color: ' +\n            tooltipColor +\n            '; text-align: ' +\n            tooltipTextAlign +\n            ' '\n        \"\n        [innerHTML]=\"mainCaTooltip\"\n    ></div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i3.NgbTooltip, decorators: [{
                     type: Host
                 }] }], propDecorators: { mainCaTooltip: [{
@@ -32717,9 +32717,9 @@ class CaItemsDropdownComponent {
         this.itemsDropdownAction.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaItemsDropdownComponent, isStandalone: true, selector: "ca-items-dropdown", inputs: { itemsDropdownConfig: "itemsDropdownConfig", itemsDropdownList: "itemsDropdownList", itemsSpecialStylesIndexArray: "itemsSpecialStylesIndexArray", columnWidth: "columnWidth" }, outputs: { itemsDropdownAction: "itemsDropdownAction" }, ngImport: i0, template: "<div\n    class=\"h-100 items-dropdown-container\"\n    #dropdownPopover=\"ngbPopover\"\n    triggers=\"'manual'\"\n    [ngbPopover]=\"dropdownOptions\"\n    [autoClose]=\"'outside'\"\n    [placement]=\"['bottom-left', 'top-left']\"\n    [popoverClass]=\"'items-dropdown-popover'\"\n    [container]=\"'body'\"\n>\n    @let isDropdownOpen = dropdownPopover.isOpen();\n\n    @let gridBackgroundClass =\n        isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n    @let gridColumns =\n        {\n            'grid-template-columns': _itemsDropdownConfig?.gridValues?.join(\n                eStringPlaceholder.WHITESPACE\n            ),\n        };\n\n    <div\n        class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n        [ngClass]=\"gridBackgroundClass\"\n        (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n    >\n        @if (isDropdownOpen) {\n            <div\n                class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n                [ngStyle]=\"gridColumns\"\n            >\n                @for (\n                    gridItem of _itemsDropdownConfig?.gridItems;\n                    track gridItem;\n                    let gridItemIndex = $index;\n                    let gridItemFirst = $first\n                ) {\n                    <div\n                        class=\"d-flex align-items-center\"\n                        [ngClass]=\"{\n                            'justify-content-center': gridItemFirst,\n                            'justify-content-end ': gridItemIndex > 1,\n                        }\"\n                    >\n                        <p\n                            class=\"text-color-light-grey-6 text-size-11 ca-font-bold text-uppercase\"\n                        >\n                            {{ gridItem }}\n                        </p>\n                    </div>\n                }\n            </div>\n        } @else {\n            <div\n                ngbTooltip\n                [mainCaTooltip]=\"'Show Items'\"\n                [tooltipBackground]=\"eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                [tooltipMarginTop]=\"'-6px'\"\n                [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n                [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n                [containerWidth]=\"columnWidth\"\n            ></div>\n        }\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n            [ngStyle]=\"columnWidth | dropdownWidth\"\n        >\n            @for (\n                dropdownItem of dropdownItemsToDisplay;\n                track dropdownItemIndex;\n                let dropdownItemIndex = $index;\n                let dropdownItemLast = $last\n            ) {\n                @let isPmItem =\n                    itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n                @let pmItemIcon =\n                    isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n                <div\n                    class=\"d-grid grid-gap-8 padding-r-4 padding-y-2 background-hover-black\"\n                    [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n                    [ngStyle]=\"gridColumns\"\n                >\n                    <div\n                        class=\"d-flex align-items-center justify-content-center\"\n                    >\n                        <p class=\"text-color-grey text-size-14\">\n                            {{ dropdownItemIndex + 1 }}\n                        </p>\n                    </div>\n\n                    @for (\n                        dropdownItemText of dropdownItem;\n                        track dropdownItemTextIndex;\n                        let dropdownItemTextIndex = $index;\n                        let dropdownItemTextFirst = $first\n                    ) {\n                        @let dropdownItemTextClass =\n                            {\n                                'justify-content-end': !dropdownItemTextFirst,\n                                'text-color-blue-19': isPmItem,\n                                'text-color-white ': !isPmItem,\n                            };\n\n                        <div\n                            class=\"d-flex align-items-center\"\n                            [ngClass]=\"dropdownItemTextClass\"\n                        >\n                            <p class=\"text-size-14 ca-font-medium\">\n                                {{ dropdownItemText }}\n                            </p>\n\n                            @if (isPmItem && dropdownItemTextIndex === 0) {\n                                <svg-icon\n                                    class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n                                    [src]=\"\n                                        pmItemIcon || eStringPlaceholder.EMPTY\n                                    \"\n                                ></svg-icon>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaItemsDropdownComponent, isStandalone: true, selector: "ca-items-dropdown", inputs: { itemsDropdownConfig: "itemsDropdownConfig", itemsDropdownList: "itemsDropdownList", itemsSpecialStylesIndexArray: "itemsSpecialStylesIndexArray", columnWidth: "columnWidth" }, outputs: { itemsDropdownAction: "itemsDropdownAction" }, ngImport: i0, template: "<div\n    class=\"h-100 items-dropdown-container\"\n    #dropdownPopover=\"ngbPopover\"\n    triggers=\"'manual'\"\n    [ngbPopover]=\"dropdownOptions\"\n    [autoClose]=\"'outside'\"\n    [placement]=\"['bottom-left', 'top-left']\"\n    [popoverClass]=\"'items-dropdown-popover'\"\n    [container]=\"'body'\"\n>\n    @let isDropdownOpen = dropdownPopover.isOpen();\n\n    @let gridBackgroundClass =\n        isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n    @let gridColumns =\n        {\n            'grid-template-columns': _itemsDropdownConfig?.gridValues?.join(\n                eStringPlaceholder.WHITESPACE\n            ),\n        };\n\n    <div\n        class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n        [ngClass]=\"gridBackgroundClass\"\n        (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n    >\n        @if (isDropdownOpen) {\n            <div\n                class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n                [ngStyle]=\"gridColumns\"\n            >\n                @for (\n                    gridItem of _itemsDropdownConfig?.gridItems;\n                    track gridItem;\n                    let gridItemIndex = $index;\n                    let gridItemFirst = $first;\n                    let gridItemLast = $last\n                ) {\n                    <div\n                        class=\"d-flex align-items-center\"\n                        [ngClass]=\"{\n                            'justify-content-center': gridItemFirst,\n                            'justify-content-end': gridItemIndex > 1,\n                        }\"\n                    >\n                        <p\n                            class=\"text-uppercase\"\n                            [ngClass]=\"\n                                _itemsDropdownConfig?.hasTotal && gridItemLast\n                                    ? 'text-size-14 text-color-white ca-font-semi-bold'\n                                    : 'text-size-11 text-color-light-grey-6 ca-font-bold'\n                            \"\n                        >\n                            {{ gridItem }}\n                        </p>\n                    </div>\n                }\n            </div>\n        } @else {\n            <div\n                ngbTooltip\n                [mainCaTooltip]=\"'Show Items'\"\n                [tooltipBackground]=\"eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                [tooltipMarginTop]=\"'-6px'\"\n                [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n                [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n                [containerWidth]=\"columnWidth\"\n            ></div>\n        }\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n            [ngStyle]=\"columnWidth | dropdownWidth\"\n        >\n            @for (\n                dropdownItem of dropdownItemsToDisplay;\n                track dropdownItemIndex;\n                let dropdownItemIndex = $index;\n                let dropdownItemLast = $last\n            ) {\n                @let isPmItem =\n                    itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n                @let pmItemIcon =\n                    isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n                <div\n                    class=\"d-grid grid-gap-8 padding-r-4 padding-y-2 background-hover-black\"\n                    [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n                    [ngStyle]=\"gridColumns\"\n                >\n                    <div\n                        class=\"d-flex align-items-center justify-content-center\"\n                    >\n                        <p class=\"text-color-grey text-size-14\">\n                            {{ dropdownItemIndex + 1 }}\n                        </p>\n                    </div>\n\n                    @for (\n                        dropdownItemText of dropdownItem;\n                        track dropdownItemTextIndex;\n                        let dropdownItemTextIndex = $index;\n                        let dropdownItemTextFirst = $first\n                    ) {\n                        @let isCurrencyText =\n                            _itemsDropdownConfig?.hasTotal &&\n                            dropdownItemTextIndex >= dropdownItem.length - 2;\n\n                        @let text =\n                            isCurrencyText\n                                ? (dropdownItemText | currency)\n                                : dropdownItemText;\n\n                        @let dropdownItemTextClass =\n                            {\n                                'justify-content-end': !dropdownItemTextFirst,\n                                'text-color-blue-19': isPmItem,\n                                'text-color-white ': !isPmItem,\n                            };\n\n                        <div\n                            class=\"d-flex align-items-center\"\n                            [ngClass]=\"dropdownItemTextClass\"\n                        >\n                            <p class=\"text-size-14 ca-font-medium\">\n                                {{ text }}\n                            </p>\n\n                            @if (isPmItem && dropdownItemTextIndex === 0) {\n                                <svg-icon\n                                    class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n                                    [src]=\"\n                                        pmItemIcon || eStringPlaceholder.EMPTY\n                                    \"\n                                ></svg-icon>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
                 // modules
-                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "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: 
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { 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: "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
                 CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: 
                 // directives
@@ -32729,7 +32729,7 @@ class CaItemsDropdownComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaItemsDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ca-items-dropdown', imports: [
+            args: [{ selector: 'ca-items-dropdown', standalone: true, imports: [
                         // modules
                         CommonModule,
                         NgbModule,
@@ -32741,7 +32741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         // pipes
                         PmItemPipe,
                         DropdownWidthPipe,
-                    ], template: "<div\n    class=\"h-100 items-dropdown-container\"\n    #dropdownPopover=\"ngbPopover\"\n    triggers=\"'manual'\"\n    [ngbPopover]=\"dropdownOptions\"\n    [autoClose]=\"'outside'\"\n    [placement]=\"['bottom-left', 'top-left']\"\n    [popoverClass]=\"'items-dropdown-popover'\"\n    [container]=\"'body'\"\n>\n    @let isDropdownOpen = dropdownPopover.isOpen();\n\n    @let gridBackgroundClass =\n        isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n    @let gridColumns =\n        {\n            'grid-template-columns': _itemsDropdownConfig?.gridValues?.join(\n                eStringPlaceholder.WHITESPACE\n            ),\n        };\n\n    <div\n        class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n        [ngClass]=\"gridBackgroundClass\"\n        (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n    >\n        @if (isDropdownOpen) {\n            <div\n                class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n                [ngStyle]=\"gridColumns\"\n            >\n                @for (\n                    gridItem of _itemsDropdownConfig?.gridItems;\n                    track gridItem;\n                    let gridItemIndex = $index;\n                    let gridItemFirst = $first\n                ) {\n                    <div\n                        class=\"d-flex align-items-center\"\n                        [ngClass]=\"{\n                            'justify-content-center': gridItemFirst,\n                            'justify-content-end ': gridItemIndex > 1,\n                        }\"\n                    >\n                        <p\n                            class=\"text-color-light-grey-6 text-size-11 ca-font-bold text-uppercase\"\n                        >\n                            {{ gridItem }}\n                        </p>\n                    </div>\n                }\n            </div>\n        } @else {\n            <div\n                ngbTooltip\n                [mainCaTooltip]=\"'Show Items'\"\n                [tooltipBackground]=\"eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                [tooltipMarginTop]=\"'-6px'\"\n                [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n                [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n                [containerWidth]=\"columnWidth\"\n            ></div>\n        }\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n            [ngStyle]=\"columnWidth | dropdownWidth\"\n        >\n            @for (\n                dropdownItem of dropdownItemsToDisplay;\n                track dropdownItemIndex;\n                let dropdownItemIndex = $index;\n                let dropdownItemLast = $last\n            ) {\n                @let isPmItem =\n                    itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n                @let pmItemIcon =\n                    isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n                <div\n                    class=\"d-grid grid-gap-8 padding-r-4 padding-y-2 background-hover-black\"\n                    [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n                    [ngStyle]=\"gridColumns\"\n                >\n                    <div\n                        class=\"d-flex align-items-center justify-content-center\"\n                    >\n                        <p class=\"text-color-grey text-size-14\">\n                            {{ dropdownItemIndex + 1 }}\n                        </p>\n                    </div>\n\n                    @for (\n                        dropdownItemText of dropdownItem;\n                        track dropdownItemTextIndex;\n                        let dropdownItemTextIndex = $index;\n                        let dropdownItemTextFirst = $first\n                    ) {\n                        @let dropdownItemTextClass =\n                            {\n                                'justify-content-end': !dropdownItemTextFirst,\n                                'text-color-blue-19': isPmItem,\n                                'text-color-white ': !isPmItem,\n                            };\n\n                        <div\n                            class=\"d-flex align-items-center\"\n                            [ngClass]=\"dropdownItemTextClass\"\n                        >\n                            <p class=\"text-size-14 ca-font-medium\">\n                                {{ dropdownItemText }}\n                            </p>\n\n                            @if (isPmItem && dropdownItemTextIndex === 0) {\n                                <svg-icon\n                                    class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n                                    [src]=\"\n                                        pmItemIcon || eStringPlaceholder.EMPTY\n                                    \"\n                                ></svg-icon>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\n" }]
+                    ], template: "<div\n    class=\"h-100 items-dropdown-container\"\n    #dropdownPopover=\"ngbPopover\"\n    triggers=\"'manual'\"\n    [ngbPopover]=\"dropdownOptions\"\n    [autoClose]=\"'outside'\"\n    [placement]=\"['bottom-left', 'top-left']\"\n    [popoverClass]=\"'items-dropdown-popover'\"\n    [container]=\"'body'\"\n>\n    @let isDropdownOpen = dropdownPopover.isOpen();\n\n    @let gridBackgroundClass =\n        isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2';\n\n    @let gridColumns =\n        {\n            'grid-template-columns': _itemsDropdownConfig?.gridValues?.join(\n                eStringPlaceholder.WHITESPACE\n            ),\n        };\n\n    <div\n        class=\"d-flex align-items-center h-100 padding-x-4 br-2 c-pointer\"\n        [ngClass]=\"gridBackgroundClass\"\n        (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n    >\n        @if (isDropdownOpen) {\n            <div\n                class=\"d-grid grid-gap-8 w-100 padding-r-4\"\n                [ngStyle]=\"gridColumns\"\n            >\n                @for (\n                    gridItem of _itemsDropdownConfig?.gridItems;\n                    track gridItem;\n                    let gridItemIndex = $index;\n                    let gridItemFirst = $first;\n                    let gridItemLast = $last\n                ) {\n                    <div\n                        class=\"d-flex align-items-center\"\n                        [ngClass]=\"{\n                            'justify-content-center': gridItemFirst,\n                            'justify-content-end': gridItemIndex > 1,\n                        }\"\n                    >\n                        <p\n                            class=\"text-uppercase\"\n                            [ngClass]=\"\n                                _itemsDropdownConfig?.hasTotal && gridItemLast\n                                    ? 'text-size-14 text-color-white ca-font-semi-bold'\n                                    : 'text-size-11 text-color-light-grey-6 ca-font-bold'\n                            \"\n                        >\n                            {{ gridItem }}\n                        </p>\n                    </div>\n                }\n            </div>\n        } @else {\n            <div\n                ngbTooltip\n                [mainCaTooltip]=\"'Show Items'\"\n                [tooltipBackground]=\"eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                [tooltipMarginTop]=\"'-6px'\"\n                [appDescriptionItemsTextCount]=\"itemsDropdownList\"\n                [itemsSpecialStylesIndexArray]=\"itemsSpecialStylesIndexArray\"\n                [containerWidth]=\"columnWidth\"\n            ></div>\n        }\n    </div>\n\n    <!-- Dropdown -->\n\n    <ng-template #dropdownOptions>\n        <div\n            class=\"d-flex flex-column br-3 padding-4 background-black-2 margin-t--4\"\n            [ngStyle]=\"columnWidth | dropdownWidth\"\n        >\n            @for (\n                dropdownItem of dropdownItemsToDisplay;\n                track dropdownItemIndex;\n                let dropdownItemIndex = $index;\n                let dropdownItemLast = $last\n            ) {\n                @let isPmItem =\n                    itemsSpecialStylesIndexArray?.includes(dropdownItemIndex);\n\n                @let pmItemIcon =\n                    isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);\n\n                <div\n                    class=\"d-grid grid-gap-8 padding-r-4 padding-y-2 background-hover-black\"\n                    [ngClass]=\"{ 'margin-b-2': !dropdownItemLast }\"\n                    [ngStyle]=\"gridColumns\"\n                >\n                    <div\n                        class=\"d-flex align-items-center justify-content-center\"\n                    >\n                        <p class=\"text-color-grey text-size-14\">\n                            {{ dropdownItemIndex + 1 }}\n                        </p>\n                    </div>\n\n                    @for (\n                        dropdownItemText of dropdownItem;\n                        track dropdownItemTextIndex;\n                        let dropdownItemTextIndex = $index;\n                        let dropdownItemTextFirst = $first\n                    ) {\n                        @let isCurrencyText =\n                            _itemsDropdownConfig?.hasTotal &&\n                            dropdownItemTextIndex >= dropdownItem.length - 2;\n\n                        @let text =\n                            isCurrencyText\n                                ? (dropdownItemText | currency)\n                                : dropdownItemText;\n\n                        @let dropdownItemTextClass =\n                            {\n                                'justify-content-end': !dropdownItemTextFirst,\n                                'text-color-blue-19': isPmItem,\n                                'text-color-white ': !isPmItem,\n                            };\n\n                        <div\n                            class=\"d-flex align-items-center\"\n                            [ngClass]=\"dropdownItemTextClass\"\n                        >\n                            <p class=\"text-size-14 ca-font-medium\">\n                                {{ text }}\n                            </p>\n\n                            @if (isPmItem && dropdownItemTextIndex === 0) {\n                                <svg-icon\n                                    class=\"svg-fill-blue-8 svg-size-14 margin-l-4\"\n                                    [src]=\"\n                                        pmItemIcon || eStringPlaceholder.EMPTY\n                                    \"\n                                ></svg-icon>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    </ng-template>\n</div>\n" }]
         }], propDecorators: { itemsDropdownConfig: [{
                 type: Input
             }], itemsDropdownList: [{
@@ -36368,6 +36368,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Output
             }] } });
 
+class CaContactsCardComponent {
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+        this.onEditClick = new EventEmitter();
+        this.onDeleteClick = new EventEmitter();
+        this.hoveredContactId = null;
+        this.hoveredTextIndex = -1;
+        this.copiedIndex = -1;
+        // Enums
+        this.eGeneralActions = eGeneralActions;
+        this.eColor = eColor;
+        this.ePosition = ePosition;
+        this.eStringPlaceholder = eStringPlaceholder;
+        // Svg routes
+        this.svgRoutes = SharedSvgRoutes;
+    }
+    copyToClipboard(text, index) {
+        this.clipboard.copy(text);
+        this.copiedIndex = index;
+    }
+    onHoverContact(contactId) {
+        this.hoveredContactId = contactId ?? null;
+    }
+    onHoverText(index) {
+        this.hoveredTextIndex = index ?? -1;
+        if (this.copiedIndex === index)
+            this.copiedIndex = -1;
+    }
+    onEditEvent(contactId) {
+        this.onEditClick.emit(contactId);
+    }
+    onDeleteEvent(contactId) {
+        this.onDeleteClick.emit(contactId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaContactsCardComponent, deps: [{ token: i1$4.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaContactsCardComponent, isStandalone: true, selector: "app-ca-contacts-card", inputs: { departmentContacts: "departmentContacts" }, outputs: { onEditClick: "onEditClick", onDeleteClick: "onDeleteClick" }, ngImport: i0, template: "<div class=\"padding-6 background-white br-3\">\n    @for (\n        department of departmentContacts;\n        let index = $index;\n        track department\n    ) {\n        <app-ca-custom-card\n            customDividerClass=\"divider--dark\"\n            customNameClass=\"padding-l-6\"\n            [cardName]=\"department.name\"\n            [hasDivider]=\"false\"\n            [counter]=\"department.contacts.length\"\n            [isCardOpen]=\"!index\"\n            [animationMarginParams]=\"{\n                marginTop: '0',\n                marginBottom: '0',\n            }\"\n        >\n            <div origin>\n                @for (\n                    contact of department.contacts;\n                    let i = $index;\n                    track contact.id\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            contactItemTemplate;\n                            context: { contact, index: i }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n        </app-ca-custom-card>\n    }\n</div>\n\n<ng-template #contactItemTemplate let-contact=\"contact\" let-index=\"index\">\n    <div\n        class=\"padding-x-6 padding-y-4 background-hover-bw2 br-2\"\n        (mouseenter)=\"onHoverContact(contact.id)\"\n        (mouseleave)=\"onHoverContact()\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between margin-b-4\"\n        >\n            <div class=\"d-flex align-items-center text-truncate\">\n                <div\n                    class=\"text-size-14 text-color-black-2 ca-font-medium text-truncate\"\n                >\n                    {{ contact.fullName }}\n                </div>\n            </div>\n\n            @if (hoveredContactId === contact.id) {\n                <div class=\"d-flex align-items-center\">\n                    <div\n                        class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-dark-2 svg-hover-black br-1 c-pointer margin-r-4\"\n                        ngbTooltip\n                        [mainCaTooltip]=\"eGeneralActions.EDIT\"\n                        [tooltipMarginTop]=\"'0px'\"\n                        [tooltipBackground]=\"eColor.BLACK\"\n                        [position]=\"ePosition.TOP\"\n                        (click)=\"onEditEvent(contact.id)\"\n                    >\n                        <svg-icon\n                            class=\"d-flex svg-size-14 svg-fill-muted\"\n                            [src]=\"svgRoutes.EDIT_ICON\"\n                        ></svg-icon>\n                    </div>\n\n                    <div\n                        class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-red-15 svg-hover-red-14 br-1 c-pointer\"\n                        ngbTooltip\n                        [mainCaTooltip]=\"eGeneralActions.DELETE\"\n                        [tooltipMarginTop]=\"'0px'\"\n                        [tooltipBackground]=\"eColor.RED\"\n                        [position]=\"ePosition.TOP\"\n                        (click)=\"onDeleteEvent(contact.id)\"\n                    >\n                        <svg-icon\n                            class=\"d-flex svg-size-14 svg-fill-muted\"\n                            [src]=\"svgRoutes.DELETE_ICON\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            }\n        </div>\n\n        <ng-container\n            *ngTemplateOutlet=\"\n                contactSvgTextTemplate;\n                context: {\n                    svg: svgRoutes.PHONE_ICON,\n                    text: contact.phone,\n                    additionalText: contact.phoneExt,\n                    contactId: contact.id,\n                    index: 0,\n                }\n            \"\n        ></ng-container>\n\n        @if (contact.email) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    contactSvgTextTemplate;\n                    context: {\n                        svg: svgRoutes.EMAIL_ICON,\n                        text: contact.email,\n                        contactId: contact.id,\n                        index: 1,\n                    }\n                \"\n            ></ng-container>\n        }\n    </div>\n</ng-template>\n\n<ng-template\n    #contactSvgTextTemplate\n    let-svg=\"svg\"\n    let-text=\"text\"\n    let-additionalText=\"additionalText\"\n    let-contactId=\"contactId\"\n    let-index=\"index\"\n>\n    <div\n        class=\"d-flex align-items-center margin-b-4\"\n        (mouseenter)=\"onHoverText(index)\"\n        (mouseleave)=\"onHoverText()\"\n    >\n        <div class=\"margin-r-4\">\n            <svg-icon\n                class=\"d-flex svg-size-18 svg-fill-muted\"\n                [src]=\"svg\"\n            ></svg-icon>\n        </div>\n\n        <div class=\"d-flex align-items-center text-truncate\">\n            <div\n                class=\"text-size-14 text-color-black-2 margin-r-4 text-truncate\"\n            >\n                {{ text }}\n            </div>\n\n            @if (additionalText) {\n                <div class=\"text-size-14 text-color-muted\">\n                    {{ additionalText }}\n                </div>\n            }\n        </div>\n\n        @if (hoveredContactId === contactId && hoveredTextIndex === index) {\n            @let isCopied = copiedIndex === index;\n            @let copyText =\n                text +\n                (additionalText\n                    ? eStringPlaceholder.WHITESPACE + additionalText\n                    : eStringPlaceholder.EMPTY);\n\n            <div\n                class=\"margin-l-4\"\n                ngbTooltip\n                [mainCaTooltip]=\"\n                    isCopied ? eGeneralActions.COPIED : eGeneralActions.COPY\n                \"\n                [tooltipMarginTop]=\"'0px'\"\n                [tooltipBackground]=\"isCopied ? eColor.BLUE : eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                (click)=\"copyToClipboard(copyText, index)\"\n            >\n                <svg-icon\n                    class=\"d-flex svg-size-12 c-pointer\"\n                    [ngClass]=\"\n                        isCopied\n                            ? 'svg-fill-blue-9'\n                            : 'svg-fill-muted svg-hover-black'\n                    \"\n                    [src]=\"svgRoutes.COPY_ICON\"\n                ></svg-icon>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: [""], 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: "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
+                CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "hasArrow", "hasPlusIcon", "isPlusIconDisabled", "plusIconTooltip", "isHeaderSvgEnabled", "counter", "hasDivider", "hasBodyData", "hasScrollBody", "isStayOpen", "isDisabledCard", "animationMarginParams", "isCardOpen", "customClass", "customNameClass", "customDividerClass"], outputs: ["onActionEvent", "onOpenCard"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaContactsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-contacts-card', imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // Components
+                        CaCustomCardComponent,
+                        CaAppTooltipV2Component,
+                    ], template: "<div class=\"padding-6 background-white br-3\">\n    @for (\n        department of departmentContacts;\n        let index = $index;\n        track department\n    ) {\n        <app-ca-custom-card\n            customDividerClass=\"divider--dark\"\n            customNameClass=\"padding-l-6\"\n            [cardName]=\"department.name\"\n            [hasDivider]=\"false\"\n            [counter]=\"department.contacts.length\"\n            [isCardOpen]=\"!index\"\n            [animationMarginParams]=\"{\n                marginTop: '0',\n                marginBottom: '0',\n            }\"\n        >\n            <div origin>\n                @for (\n                    contact of department.contacts;\n                    let i = $index;\n                    track contact.id\n                ) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            contactItemTemplate;\n                            context: { contact, index: i }\n                        \"\n                    ></ng-container>\n                }\n            </div>\n        </app-ca-custom-card>\n    }\n</div>\n\n<ng-template #contactItemTemplate let-contact=\"contact\" let-index=\"index\">\n    <div\n        class=\"padding-x-6 padding-y-4 background-hover-bw2 br-2\"\n        (mouseenter)=\"onHoverContact(contact.id)\"\n        (mouseleave)=\"onHoverContact()\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between margin-b-4\"\n        >\n            <div class=\"d-flex align-items-center text-truncate\">\n                <div\n                    class=\"text-size-14 text-color-black-2 ca-font-medium text-truncate\"\n                >\n                    {{ contact.fullName }}\n                </div>\n            </div>\n\n            @if (hoveredContactId === contact.id) {\n                <div class=\"d-flex align-items-center\">\n                    <div\n                        class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-dark-2 svg-hover-black br-1 c-pointer margin-r-4\"\n                        ngbTooltip\n                        [mainCaTooltip]=\"eGeneralActions.EDIT\"\n                        [tooltipMarginTop]=\"'0px'\"\n                        [tooltipBackground]=\"eColor.BLACK\"\n                        [position]=\"ePosition.TOP\"\n                        (click)=\"onEditEvent(contact.id)\"\n                    >\n                        <svg-icon\n                            class=\"d-flex svg-size-14 svg-fill-muted\"\n                            [src]=\"svgRoutes.EDIT_ICON\"\n                        ></svg-icon>\n                    </div>\n\n                    <div\n                        class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-red-15 svg-hover-red-14 br-1 c-pointer\"\n                        ngbTooltip\n                        [mainCaTooltip]=\"eGeneralActions.DELETE\"\n                        [tooltipMarginTop]=\"'0px'\"\n                        [tooltipBackground]=\"eColor.RED\"\n                        [position]=\"ePosition.TOP\"\n                        (click)=\"onDeleteEvent(contact.id)\"\n                    >\n                        <svg-icon\n                            class=\"d-flex svg-size-14 svg-fill-muted\"\n                            [src]=\"svgRoutes.DELETE_ICON\"\n                        ></svg-icon>\n                    </div>\n                </div>\n            }\n        </div>\n\n        <ng-container\n            *ngTemplateOutlet=\"\n                contactSvgTextTemplate;\n                context: {\n                    svg: svgRoutes.PHONE_ICON,\n                    text: contact.phone,\n                    additionalText: contact.phoneExt,\n                    contactId: contact.id,\n                    index: 0,\n                }\n            \"\n        ></ng-container>\n\n        @if (contact.email) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    contactSvgTextTemplate;\n                    context: {\n                        svg: svgRoutes.EMAIL_ICON,\n                        text: contact.email,\n                        contactId: contact.id,\n                        index: 1,\n                    }\n                \"\n            ></ng-container>\n        }\n    </div>\n</ng-template>\n\n<ng-template\n    #contactSvgTextTemplate\n    let-svg=\"svg\"\n    let-text=\"text\"\n    let-additionalText=\"additionalText\"\n    let-contactId=\"contactId\"\n    let-index=\"index\"\n>\n    <div\n        class=\"d-flex align-items-center margin-b-4\"\n        (mouseenter)=\"onHoverText(index)\"\n        (mouseleave)=\"onHoverText()\"\n    >\n        <div class=\"margin-r-4\">\n            <svg-icon\n                class=\"d-flex svg-size-18 svg-fill-muted\"\n                [src]=\"svg\"\n            ></svg-icon>\n        </div>\n\n        <div class=\"d-flex align-items-center text-truncate\">\n            <div\n                class=\"text-size-14 text-color-black-2 margin-r-4 text-truncate\"\n            >\n                {{ text }}\n            </div>\n\n            @if (additionalText) {\n                <div class=\"text-size-14 text-color-muted\">\n                    {{ additionalText }}\n                </div>\n            }\n        </div>\n\n        @if (hoveredContactId === contactId && hoveredTextIndex === index) {\n            @let isCopied = copiedIndex === index;\n            @let copyText =\n                text +\n                (additionalText\n                    ? eStringPlaceholder.WHITESPACE + additionalText\n                    : eStringPlaceholder.EMPTY);\n\n            <div\n                class=\"margin-l-4\"\n                ngbTooltip\n                [mainCaTooltip]=\"\n                    isCopied ? eGeneralActions.COPIED : eGeneralActions.COPY\n                \"\n                [tooltipMarginTop]=\"'0px'\"\n                [tooltipBackground]=\"isCopied ? eColor.BLUE : eColor.BLACK\"\n                [position]=\"ePosition.BOTTOM\"\n                (click)=\"copyToClipboard(copyText, index)\"\n            >\n                <svg-icon\n                    class=\"d-flex svg-size-12 c-pointer\"\n                    [ngClass]=\"\n                        isCopied\n                            ? 'svg-fill-blue-9'\n                            : 'svg-fill-muted svg-hover-black'\n                    \"\n                    [src]=\"svgRoutes.COPY_ICON\"\n                ></svg-icon>\n            </div>\n        }\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$4.Clipboard }], propDecorators: { departmentContacts: [{
+                type: Input
+            }], onEditClick: [{
+                type: Output
+            }], onDeleteClick: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of ca-components
  */
@@ -36376,5 +36433,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaFleetFilterComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum };
+export { CaActivateModalComponent, CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaCheckboxSelectedCountComponent, CaCommentsComponent, CaComponentsLibModule, CaContactsCardComponent, CaCustomCardComponent, CaCustomScrollbarComponent, CaDeactivateModalComponent, CaDeleteModalComponent, CaDetailsDropdownComponent, CaDetailsTitleCardComponent, CaDropdownMenuComponent, CaFactoringDropdownComponent, CaFilesCountComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaFleetFilterComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaItemsDropdownComponent, CaLastFuelPriceProgressComponent, CaLoadPickupDeliveryComponent, CaLoadStatusComponent, CaLoadStatusLogComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaResetTableModalComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStates2Component, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaShowMoreComponent, CaSortDropdownComponent, CaSortingCardDropdownComponent, CaSpinnerComponent, CaStatusChangeDropdownComponent, CaSvgPipe, CaTabSwitchComponent, CaTableCardViewComponent, CaToastMessagesComponent, CaTodoComponent, CaToolbarDropdownComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DateWaitTimePipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FilterBySearchTermPipe, FormatCityStatePipe, FormatCurrencyPipe, FormatDurationPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusBackgroundColorPipe, LoadStatusColorPipe, LoadStatusColorsPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SelectedItemPipe, SortDropdownEnum, ThousandFormatterPipe, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eAnimationState, eColor, eCommonElement, eDateTimeFormats, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eSharedString, eStringPlaceholder, eStyleProperty, eStyling, eTemplateType, eThousandSeparatorFormat, eToastType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum };
 //# sourceMappingURL=ca-components.mjs.map