ca-components 2.0.58 → 2.0.60

package/lib/components/ca-filters/ca-filter.component.d.ts

@@ -57,8 +57,8 @@ export declare class CaFilterComponent implements OnDestroy {
     icon: string;
     usaStates: ArrayStatus[];
     canadaStates: ArrayStatus[];
-    setFilter: EventEmitter<filterOutput | filterOutputWithParams>;
-    clearAll: EventEmitter<filterOutput | filterOutputWithParams>;
+    setFilter: EventEmitter<filterOutputWithParams | filterOutput>;
+    clearAll: EventEmitter<filterOutputWithParams | filterOutput>;
     private destroy$;
     isSearchExpanded: boolean;
     isFilterActive: boolean;

package/lib/components/ca-fuel-prices-range/utils/constants/fuel-prices-range.constants.d.ts

@@ -1,4 +1,5 @@
 export declare class FuelPricesRangeConstants {
     static FUEL_PRICES_RANGE_CIRCLE_SVG_CLASS_COLOR: Record<string, string>;
     static FUEL_PRICES_RANGE_ARROW_SVG_CLASS_COLOR: Record<string, string>;
+    static FUEL_PRICES_RANGE_BACKGROUND_CLASS_COLOR: Record<string, string>;
 }

package/lib/components/ca-load-status/enums/load-status-background-colors.enum.d.ts

@@ -12,5 +12,6 @@ export declare enum eLoadStatusBackgroundColors {
     RED = "background-red-10",
     BROWN = "background-brown-bold",
     PURPLE = "background-purple-4",
-    GREY = "background-light-gray-2"
+    GREY = "background-light-gray-2",
+    YELLOW = "background-yellow-5"
 }

package/lib/components/ca-load-status/enums/load-status-icon-colors.enum.d.ts

@@ -8,5 +8,6 @@ export declare enum eLoadStatusIconColors {
     GOLD = "svg-fill-yellow-4",
     RED = "svg-fill-red-10",
     BROWN = "svg-fill-brown-bold",
-    PURPLE = "svg-fill-purple-4"
+    PURPLE = "svg-fill-purple-4",
+    YELLOW = "svg-fill-yellow-5"
 }

package/lib/components/ca-load-status/enums/load-status-svg-colors.enum.d.ts

@@ -7,5 +7,6 @@ export declare enum eLoadStatusSvgColors {
     GOLD_BOLD = "color-background-gold-bold",
     RED_BOLD = "color-background-red-bold",
     BROWN_BOLD = "color-background-brown-bold",
-    BLACK_200 = "color-background-black-200"
+    BLACK_200 = "color-background-black-200",
+    YELLOW_BOLD = "color-background-yellow-bold"
 }

package/lib/components/ca-map/ca-map.component.d.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, QueryList, Renderer2 } fro
 import { GoogleMap, MapAdvancedMarker } from '@angular/google-maps';
 import { IMapMarkers, ICaMapProps, IMapOptions, IRoutePath, IMapBoundsZoom, IMapAreaFilter } from '../ca-map/models';
 import { MapMarkerIconService } from './utils/services';
+import { SharedSvgRoutes } from '../../utils/svg-routes';
 import * as i0 from "@angular/core";
 export declare class CaMapComponent {
     cd: ChangeDetectorRef;
@@ -29,6 +30,8 @@ export declare class CaMapComponent {
     map: google.maps.Map | null;
     mapStyleId: string;
     mapData: ICaMapProps;
+    mapScaleMilesLabel: number;
+    mapScalePixelWidth: number;
     openedInfoWindowData: IMapMarkers | null;
     selectedRoutingMarker: IMapMarkers | null;
     areaFilterData: IMapAreaFilter | null;
@@ -39,8 +42,7 @@ export declare class CaMapComponent {
     isMapCenterSet: boolean;
     openDropdownTimeout: ReturnType<typeof setTimeout> | number;
     selectRoutingTimeout: ReturnType<typeof setTimeout> | number;
-    private clusterMarkerIds;
-    private routingMarkerIds;
+    sharedSvgRoutes: typeof SharedSvgRoutes;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onClusterMarkerClick(markerItem: IMapMarkers): void;
@@ -73,8 +75,8 @@ export declare class CaMapComponent {
     private highlightSingleMarker;
     private updatePolylineColorsByRoute;
     private updatePolylineColorsByMarker;
-    private getMarkerServiceData;
     private storeRoutePathColors;
+    private getScaleDistance;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaMapComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaMapComponent, "app-ca-map", never, { "data": { "alias": "data"; "required": false; }; }, { "resetSelectedMarkerItem": "resetSelectedMarkerItem"; "routingMarkerClick": "routingMarkerClick"; "clusterMarkerClick": "clusterMarkerClick"; "clusterListScrollEvent": "clusterListScrollEvent"; "getInfoWindowData": "getInfoWindowData"; "boundsChanged": "boundsChanged"; "openInMapEvent": "openInMapEvent"; }, never, never, true, never>;

package/lib/components/ca-map/utils/helpers/map-marker-icon.helper.d.ts

@@ -10,7 +10,7 @@ export declare class MapMarkerIconHelper {
     static getMapMarker(isFavorite?: boolean, isClosed?: boolean): string;
     static getClusterMarker(count: number, isSelected?: boolean, isFuelMarker?: boolean): string;
     static getCurrentLocationMarkerSvg(motionStatus: eGpsMotionStatus): string;
-    static getGpsMarkerElement(motionStatus: eGpsMotionStatus, headingDirection: string, isIgnition?: boolean, index?: number): HTMLElement;
+    static getGpsMarkerElement(motionStatus: eGpsMotionStatus, headingDirection: string, isIgnition?: boolean, index?: number, labelName?: string, secondLabelName?: string): HTMLElement;
     static getGpsMarkerSvg(motionStatus: eGpsMotionStatus, headingDirection: string, isIgnition?: boolean): string;
     static getGpsMovingMarkerSvg(headingDirection: string): string;
     static getGpsStopMarkerSvg(motionStatus: eGpsMotionStatus, isIgnition?: boolean): string;

package/lib/components/ca-map/utils/helpers/map.helper.d.ts

@@ -12,4 +12,9 @@ export declare class MapHelper {
         bounds?: google.maps.LatLngBounds | null;
         mapZoom?: number | null;
     };
+    static getMapScaleDistance(map: google.maps.Map): {
+        roundedMiles: number;
+        pixelLength: number;
+    };
+    static getRoundedMiles(miles: number): number;
 }

package/lib/components/ca-map/utils/services/map-marker-icon.service.d.ts

@@ -13,7 +13,7 @@ export declare class MapMarkerIconService {
     private clusterElements;
     private routingElements;
     constructor(rendererFactory: RendererFactory2);
-    getMarkerIcon(markerId: number, labelName?: string, isClosed?: boolean, isFavorite?: boolean, isAlwaysSelected?: boolean, fuelMarkerClass?: string, secondLabelName?: string): HTMLElement;
+    getMarkerIcon(markerId: number, labelName?: string, isClosed?: boolean, isFavorite?: boolean, isAlwaysSelected?: boolean, fuelMarkerClass?: string, secondLabelName?: string, isCreateNewMarker?: boolean): HTMLElement;
     getClusterMarkerIcon(markerData: IMapMarkers, isFuelMarker?: boolean): HTMLElement;
     getRoutingMarkerIcon(markerData: IMapMarkers, stopNumber: number, stopType: string, isStopChecked?: boolean, isLightMode?: boolean, labelName?: string): HTMLElement;
     getCurrentLocationMarkerIcon(markerData: IMapMarkers, motionStatus: eGpsMotionStatus): HTMLElement;

package/lib/components/ca-toolbar-dropdown/interfaces/dropdown-item.interface.d.ts

@@ -3,4 +3,5 @@ export interface IDropdownItem {
     title: string;
     count: number;
     isSelected: boolean;
+    isCountHidden?: boolean;
 }

package/lib/components/ca-toolbar-tab-switch/ca-toolbar-tab-switch.component.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef, ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { eToolbarVariant } from './enums';
+import { IToolbarTabs } from './interfaces';
+import { ToolbarVariantType } from './types';
+import * as i0 from "@angular/core";
+export declare class CaToolbarTabSwitchComponent implements AfterViewInit {
+    private render;
+    private cdRef;
+    private elem;
+    set selectedTab(value: string | undefined);
+    data: IToolbarTabs[];
+    variant: ToolbarVariantType;
+    tabSelected: EventEmitter<string>;
+    private indexSwitch;
+    private selectedItem;
+    private isAnimating;
+    private _selectedTab?;
+    toolbarVariant: typeof eToolbarVariant;
+    constructor(render: Renderer2, cdRef: ChangeDetectorRef, elem: ElementRef);
+    get selectedTab(): string | undefined;
+    ngAfterViewInit(): void;
+    private setSwitchActive;
+    private animateTabSwitch;
+    private finalizeTabSwitch;
+    onTabClick(event: MouseEvent, index: number, tabName: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaToolbarTabSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaToolbarTabSwitchComponent, "ca-toolbar-tab-switch", never, { "selectedTab": { "alias": "selectedTab"; "required": false; }; "data": { "alias": "data"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "tabSelected": "tabSelected"; }, never, never, true, never>;
+}

package/lib/components/ca-toolbar-tab-switch/enums/index.d.ts

@@ -0,0 +1 @@
+export * from './toolbar-variant.enum';

package/lib/components/ca-toolbar-tab-switch/enums/toolbar-variant.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum eToolbarVariant {
+    Large = 1,
+    Small = 2
+}

package/lib/components/ca-toolbar-tab-switch/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './toolbar-tabs.interface';

package/lib/components/ca-toolbar-tab-switch/interfaces/toolbar-tabs.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IToolbarTabs {
+    title?: string;
+    name?: string;
+    length?: number;
+    isDisabled?: boolean;
+}

package/lib/components/ca-toolbar-tab-switch/pipes/toolbar-tabs-class-pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ToolbarTabsClassPipe implements PipeTransform {
+    transform({ isLargeLayout, isLargeAndActive, isLargeAndInActive, isSmallActive, isSmallAndInActive, isDisabled, }: {
+        isLargeLayout: boolean;
+        isLargeAndActive: boolean;
+        isLargeAndInActive: boolean;
+        isSmallActive: boolean;
+        isSmallAndInActive: boolean;
+        isDisabled: boolean;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarTabsClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ToolbarTabsClassPipe, "toolbarTabsClassPipe", true>;
+}

package/lib/components/ca-toolbar-tab-switch/types/index.d.ts

@@ -0,0 +1 @@
+export * from './toolbar-variant.type';

package/lib/components/ca-toolbar-tab-switch/types/toolbar-variant.type.d.ts

@@ -0,0 +1,2 @@
+import { eToolbarVariant } from '../enums';
+export type ToolbarVariantType = eToolbarVariant.Large | eToolbarVariant.Small;

package/lib/utils/svg-routes/shared-svg.routes.d.ts

@@ -45,4 +45,6 @@ export declare class SharedSvgRoutes {
     static NEW_SORT_ICON: string;
     static NEW_SORT_ICON_ASCENDING: string;
     static NEW_SORT_ICON_DESCENDING: string;
+    static MINUS_ICON: string;
+    static MAP_LOCATION_ICON: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "2.0.58",
+  "version": "2.0.60",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",

package/public-api.d.ts

@@ -131,3 +131,4 @@ export * from './lib/utils/constants';
 export * from './lib/components/ca-modal-spinner/ca-modal-spinner.component';
 export * from './lib/components/ca-progress-bar-v2/ca-progress-bar-v2.component';
 export * from './lib/components/ca-new-filter/utils/helpers/time-filter.helper';
+export * from './lib/components/ca-toolbar-tab-switch/ca-toolbar-tab-switch.component';