ca-components 2.0.14 → 2.0.16

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

@@ -69,8 +69,8 @@ export declare class CaFilterComponent implements OnDestroy {
     canadaStates: ArrayStatus[];
     sentAddressValue: EventEmitter<string>;
     sentAddressData: EventEmitter<SentAddressData>;
-    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-load-pickup-delivery/ca-load-pickup-delivery.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { eColor, eDateTimeFormats, ePosition, eSharedString, eThousandSeparatorFormat } from '../../enums';
+import { eColor, eDateTimeFormats, ePosition, eSharedString, eStringPlaceholder, eThousandSeparatorFormat, eUnit } from '../../enums';
 import { LoadDelivery, LoadListLoadStopResponse, LoadPickup } from './interfaces/load-pickup-delivery.interface';
 import { LoadType } from './types';
 import { SharedSvgRoutes } from '../../utils/svg-routes';
@@ -17,15 +17,23 @@ export declare class CaLoadPickupDeliveryComponent {
     _columnWidth: number | null;
     stopTypeCounts: Record<string, number> | null;
     isPopoverOpen: boolean;
+    hoveredStopIndex: number;
+    gpsIcon: string | null;
+    gpsLocationIcon: string | null;
+    gpsTitle: string | null;
+    gpsTitleClass: string | null;
     eColor: typeof eColor;
     eSharedString: typeof eSharedString;
     ePosition: typeof ePosition;
     eDateTimeFormats: typeof eDateTimeFormats;
     eThousandSeparatorFormat: typeof eThousandSeparatorFormat;
+    eUnit: typeof eUnit;
+    eStringPlaceholder: typeof eStringPlaceholder;
     sharedSvgRoutes: typeof SharedSvgRoutes;
     constructor();
     openPopover(t2: NgbPopover): void;
     closePopover(t2: NgbPopover): void;
+    onHoverStop(index: number): void;
     private handleStopsData;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaLoadPickupDeliveryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaLoadPickupDeliveryComponent, "app-ca-load-pickup-delivery", never, { "pickup": { "alias": "pickup"; "required": false; }; "delivery": { "alias": "delivery"; "required": false; }; "isHoveringRow": { "alias": "isHoveringRow"; "required": false; }; "loadType": { "alias": "loadType"; "required": false; }; "stopsData": { "alias": "stopsData"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; }, { "onPickupDeliveryClick": "onPickupDeliveryClick"; }, never, never, true, never>;

package/lib/components/ca-load-pickup-delivery/interfaces/load-pickup-delivery.interface.d.ts

@@ -16,6 +16,31 @@ export interface LoadListLoadStopResponse {
         [key: string]: number;
     } | null;
     completedPercentage?: number | null;
+    truckMovement?: MovementResponse;
+}
+export interface MovementResponse {
+    truckInfo?: LiveTrackingBaseResponse;
+}
+export interface LiveTrackingBaseResponse {
+    id?: number;
+    deviceId?: string | null;
+    latitude?: number | null;
+    longitude?: number | null;
+    coordinates?: string | null;
+    altitude?: number | null;
+    speed?: number | null;
+    heading?: number | null;
+    headingString?: string | null;
+    location?: string | null;
+    motionStatus?: number | null;
+    motionStatusPeriod?: string | null;
+    type?: GpsType;
+    updateTime?: string | null;
+    startDate?: string | null;
+    stopDate?: string | null;
+    dateString?: string | null;
+    companyId?: number | null;
+    unitType?: number | null;
 }
 export interface LoadStopLoadListResponse {
     stopType?: EnumValue;
@@ -34,4 +59,11 @@ export interface LoadStopLoadListResponse {
     } | null;
     shipper?: ShipperShortResponse;
     avgWaitTime?: number | null;
+    isVisited?: boolean | null;
+    isCheckedIn?: boolean | null;
 }
+export type GpsType = 'DEVICE' | 'MOBILE';
+export declare const GpsType: {
+    Device: GpsType;
+    Mobile: GpsType;
+};

package/lib/components/ca-map/utils/constants/map-options.constants.d.ts

@@ -8,6 +8,7 @@ export declare class MapOptionsConstants {
     static AREA_FILTER_DATA: IMapAreaFilter;
     static ROUTING_MARKER_DARK_COLORS: Record<string, string>;
     static ROUTING_MARKER_LIGHT_COLORS: Record<string, string>;
+    static ROUTING_PATH_DARK_COLORS: Record<string, string>;
     static ROUTING_PATH_COLORS: Record<string, string>;
     static ROUTING_DASHED_LINE_PATH: IMapDashedRouteIcon;
     static ROUTING_DASHED_LINE_ICON: IMapDashedRouteStyle[];

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

@@ -1,3 +1,4 @@
+import { eGpsMotionStatus } from '../../../../enums';
 export declare class MapMarkerIconHelper {
     static getRoutingMarkerElement: (stopNumber: number, stopType: string, isStopChecked?: boolean, isLightMode?: boolean, labelName?: string, isIconMarker?: boolean, isShowLabelOnHover?: boolean, index?: number) => HTMLElement;
     static getMilesMarkerElement: (stopNumber: number, stopType: string, labelName?: string, index?: number) => HTMLElement;
@@ -8,4 +9,12 @@ export declare class MapMarkerIconHelper {
     static getRoutingMarkerIconSvg: (stopType: string) => string;
     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 getGpsMarkerSvg(motionStatus: eGpsMotionStatus, headingDirection: string, isIgnition?: boolean): string;
+    static getGpsMovingMarkerSvg(headingDirection: string): string;
+    static getGpsStopMarkerSvg(motionStatus: eGpsMotionStatus, isIgnition?: boolean): string;
+    static getGpsAtStopMarkerElement(motionStatus: eGpsMotionStatus, stopNumber: number, stopType: string, isIgnition?: boolean, labelName?: string, isShowLabelOnHover?: boolean, id?: number): HTMLElement;
+    static getRoutingCircleMarkerSvg(stopType: string, stopNumber: number): string;
+    static createRoutingMarkerLabelElement(markerElement: HTMLElement, labelName: string, isShowLabelOnHover?: boolean): void;
 }

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

@@ -1,6 +1,7 @@
 import { RendererFactory2 } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IMapMarkers } from '../../models';
+import { eGpsMotionStatus } from '../../../../enums';
 import * as i0 from "@angular/core";
 export declare class MapMarkerIconService {
     private renderer;
@@ -15,6 +16,7 @@ export declare class MapMarkerIconService {
     getMarkerIcon(markerId: number, labelName?: string, isClosed?: boolean, isFavorite?: boolean, isAlwaysSelected?: boolean, fuelMarkerClass?: string, secondLabelName?: string): 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;
     createClusterId(clusterData: IMapMarkers): number;
     createRoutingId(markerData: IMapMarkers): number;
     resetMarkersData(): void;

package/lib/components/ca-progress-bar/ca-progress-bar.component.d.ts

@@ -1,34 +1,23 @@
 import { EventEmitter } from '@angular/core';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { IGpsProgress } from './models';
+import { IGpsProgress, IProgressBarData } from './interfaces';
 import { ICaMapProps } from '../ca-map/models';
 import { ProgressBarSvgRoutes } from './utils/svg-routes';
+import { SharedSvgRoutes } from '../../utils/svg-routes';
+import { eColor, ePosition, eUnit } from '../../enums';
 import { MapMarkerIconService } from '../ca-map/utils/services';
 import * as i0 from "@angular/core";
 export declare class ProgressBarComponent {
     private markerIconService;
-    set gpsProgress(values: IGpsProgress[]);
-    currentStop: IGpsProgress;
-    currentPosition: number;
-    totalMiles: number;
-    mileageInfo: string;
-    gpsTitle: string;
-    gpsIcon: string;
-    gpsInfo: {
-        gpsheading: string;
-        gpsTime: string;
-        gpsheadingColor?: string;
-    };
-    mileagesPercent: string;
-    gpsLocationIcon: string;
-    dispatchStatus: string;
-    isDropdown: boolean;
+    set progressBarData(values: IProgressBarData);
     onOpenMap: EventEmitter<any>;
+    _progressBarData: IProgressBarData | null;
     _gpsProgress: IGpsProgress[];
+    currentPosition: number;
     gpsIconTopPosition: number;
-    hoveredGpsIcon: boolean;
     hoveredGpsTitle: string | null;
     hoveredMileageInfo: string | null;
+    hoveredGpsIcon: boolean;
     staticConstant: {
         completed: string;
         completed_text: string;
@@ -38,14 +27,20 @@ export declare class ProgressBarComponent {
         miles: string;
     };
     progressBarSvgRoutes: typeof ProgressBarSvgRoutes;
+    sharedSvgRoutes: typeof SharedSvgRoutes;
     mapData: ICaMapProps;
+    eUnit: typeof eUnit;
+    ePosition: typeof ePosition;
+    eColor: typeof eColor;
+    get gpsStopsWithoutCurrentLocation(): IGpsProgress[];
     constructor(markerIconService: MapMarkerIconService);
-    hoverStop(stop: IGpsProgress, i: number): void;
+    hoverStop(stop: IGpsProgress): void;
     leaveStop(): void;
     showDropdownMap(t2: NgbPopover): void;
     private setGpsProgress;
     private setMapMarkers;
     private calculateGpsIconPosition;
+    private setProgressData;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "app-ca-progress-bar", never, { "gpsProgress": { "alias": "gpsProgress"; "required": false; }; "currentStop": { "alias": "currentStop"; "required": false; }; "currentPosition": { "alias": "currentPosition"; "required": false; }; "totalMiles": { "alias": "totalMiles"; "required": false; }; "mileageInfo": { "alias": "mileageInfo"; "required": false; }; "gpsTitle": { "alias": "gpsTitle"; "required": false; }; "gpsIcon": { "alias": "gpsIcon"; "required": false; }; "gpsInfo": { "alias": "gpsInfo"; "required": false; }; "mileagesPercent": { "alias": "mileagesPercent"; "required": false; }; "gpsLocationIcon": { "alias": "gpsLocationIcon"; "required": false; }; "dispatchStatus": { "alias": "dispatchStatus"; "required": false; }; "isDropdown": { "alias": "isDropdown"; "required": false; }; }, { "onOpenMap": "onOpenMap"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "app-ca-progress-bar", never, { "progressBarData": { "alias": "progressBarData"; "required": false; }; }, { "onOpenMap": "onOpenMap"; }, never, never, true, never>;
 }

package/lib/components/ca-progress-bar/enums/progress-bar-string.enum.d.ts

@@ -1,4 +1,4 @@
-export declare enum ProgressBarStringEnum {
+export declare enum eProgressBarString {
     PICKUP = "pickup",
     DELIVERY = "delivery",
     DEADHEAD = "deadhead",

package/lib/components/ca-progress-bar/interfaces/gps-heading-info.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IGpsHeadingInfo {
+    gpsHeading?: string;
+    gpsTime?: string;
+    gpsHeadingColor?: string;
+    gpsDropdownHeadingColor?: string;
+}

package/lib/components/ca-progress-bar/{models/gps-progress.model.d.ts → interfaces/gps-progress.interface.d.ts}

@@ -1,4 +1,4 @@
-import { LongLat } from "../../../models";
+import { LongLat } from '../../../models';
 export interface IGpsProgress {
     type: string;
     heading: string;
@@ -18,4 +18,5 @@ export interface IGpsProgress {
     };
     isVisited?: boolean;
     routeShape?: LongLat[];
+    motionStatus?: number | null;
 }

package/lib/components/ca-progress-bar/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './gps-progress.interface';
+export * from './progress-bar-data.interface';
+export * from './gps-heading-info.interface';

package/lib/components/ca-progress-bar/interfaces/progress-bar-data.interface.d.ts

@@ -0,0 +1,17 @@
+import { IGpsCurrentLocation } from '../../../interfaces';
+import { IGpsHeadingInfo } from './gps-heading-info.interface';
+import { IGpsProgress } from './gps-progress.interface';
+export interface IProgressBarData {
+    currentLocation: IGpsCurrentLocation | null;
+    currentPosition: number;
+    currentStop: IGpsProgress;
+    mileageInfo: string;
+    mileagesPercent: string;
+    totalMiles: number;
+    gpsTitle: string;
+    gpsIcon: string;
+    gpsInfo: IGpsHeadingInfo;
+    gpsLocationIcon: string;
+    gpsProgress: IGpsProgress[];
+    dispatchStatus: string;
+}

package/lib/enums/gps-heading-direction.enum.d.ts

@@ -0,0 +1,10 @@
+export declare enum eGpsHeadingDirection {
+    N = "North",
+    NE = "Northeast",
+    E = "East",
+    SE = "Southeast",
+    S = "South",
+    SW = "Southwest",
+    W = "West",
+    NW = "Northwest"
+}

package/lib/enums/gps-motion-status.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum eGpsMotionStatus {
+    MOVING = 1,
+    SHORT_STOP = 2,
+    EXTENDED_STOP = 3,
+    PARKING = 4,
+    NO_GPS_DEVICE = 5
+}

package/lib/enums/index.d.ts

@@ -17,3 +17,5 @@ export * from './shared-string.enum';
 export * from './animation-state.enum';
 export * from './date-time-formats.enum';
 export * from './thousand-separator-format.enum';
+export * from './gps-motion-status.enum';
+export * from './gps-heading-direction.enum';

package/lib/enums/shared-string.enum.d.ts

@@ -45,5 +45,7 @@ export declare enum eSharedString {
     PARKING_LOWERCASE = "parking",
     UNIT_NO = "unitNo",
     TYPE = "type",
-    CLOSE = "Close"
+    CLOSE = "Close",
+    IGNITION = "IGNITION",
+    CURRENT_LOCATION = "currentLocation"
 }

package/lib/enums/string-placeholder.enum.d.ts

@@ -2,6 +2,7 @@ export declare enum eStringPlaceholder {
     EMPTY = "",
     WHITESPACE = " ",
     DASH = "-",
+    DASH_WITH_SPACES = " - ",
     COMMA_WHITESPACE = ", ",
     DOT = ".",
     FORWARD_SLASH = "/",

package/lib/interfaces/gps-current-location/gps-current-location.interface.d.ts

@@ -0,0 +1,20 @@
+export interface IGpsCurrentLocation {
+    id?: number;
+    deviceId?: string | null;
+    latitude?: number | null;
+    longitude?: number | null;
+    coordinates?: string | null;
+    altitude?: number | null;
+    speed?: number | null;
+    heading?: number | null;
+    headingString?: string | null;
+    location?: string | null;
+    motionStatus?: number | null;
+    motionStatusPeriod?: string | null;
+    updateTime?: string | null;
+    startDate?: string | null;
+    stopDate?: string | null;
+    dateString?: string | null;
+    companyId?: number | null;
+    unitType?: number | null;
+}

package/lib/interfaces/index.d.ts

@@ -2,3 +2,4 @@ export * from './user/company-user.interface';
 export * from './user/user-avatar-file.interface';
 export * from './user/user.interface';
 export * from './dropdown-menu/table-card-body-actions.interface';
+export * from './gps-current-location/gps-current-location.interface';

package/lib/utils/constants/gps-location.constants.d.ts

@@ -0,0 +1,19 @@
+import { eGpsHeadingDirection, eGpsMotionStatus } from '../../enums';
+export declare class GpsLocationConstants {
+    static GPS_DEVICE_COLORS: Record<eGpsMotionStatus, string>;
+    static GPS_DEVICE_HOVER_COLORS: Record<eGpsMotionStatus, string>;
+    static GPS_SVG_CLASSES: Record<eGpsMotionStatus, {
+        fill: string;
+        hover: string;
+    }>;
+    static GPS_SVG_FILL_COLORS: Record<eGpsMotionStatus, string>;
+    static GPS_TITLES: Record<eGpsMotionStatus, string>;
+    static GPS_TITLE_COLOR_CLASSES: Record<eGpsMotionStatus, string>;
+    static GPS_TITLE_DROPDOWN_COLOR_CLASSES: Record<eGpsMotionStatus, string>;
+    static GPS_HEADING_ROTATION_ANGLE: Record<eGpsHeadingDirection, number>;
+    static GPS_MOTION_TEXT: Record<eGpsMotionStatus, {
+        text: string;
+        textColorClass: string;
+    }>;
+    static GPS_IGNITION_SVG_CLASSES: Record<eGpsMotionStatus, string>;
+}

package/lib/utils/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './dropdown-menu-content.constants';
+export * from './gps-location.constants';

package/lib/utils/helpers/gps-location.helper.d.ts

@@ -0,0 +1,13 @@
+import { eGpsHeadingDirection, eGpsMotionStatus } from '../../enums';
+export declare class GpsLocationHelper {
+    static getGpsIcon: (motionStatus: eGpsMotionStatus, headingDirection: eGpsHeadingDirection, isIgnition?: boolean) => string;
+    static getGpsCurrentLocationIcon: (motionStatus: eGpsMotionStatus) => string;
+    static getGpsSvg: (motionStatus: eGpsMotionStatus, innerSvgContent: string) => string;
+    static getGpsSvgClasses: (motionStatus: eGpsMotionStatus) => string;
+    static getGpsSvgInnerContent: (motionStatus: eGpsMotionStatus, headingDirection: eGpsHeadingDirection, isIgnition?: boolean) => string;
+    static getGpsTitle: (motionStatus: eGpsMotionStatus, headingDirection?: eGpsHeadingDirection, isIgnition?: boolean) => string;
+    static getGpsTitleColorClass: (motionStatus: eGpsMotionStatus, isDarkMode?: boolean) => string;
+    static getMovingIconPath: (headingDirection: eGpsHeadingDirection) => string;
+    static getStoppedIconPath: (isIgnition?: boolean) => string;
+    static getNoGpsDeviceIconPath: () => string;
+}

package/lib/utils/helpers/index.d.ts

@@ -4,3 +4,4 @@ export * from './methods-calculations.helper';
 export * from './uuid.helper';
 export * from './user.helper';
 export * from './date-time.helper';
+export * from './gps-location.helper';

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

@@ -33,4 +33,5 @@ export declare class SharedSvgRoutes {
     static EDIT_ICON: string;
     static DELETE_ICON: string;
     static COPY_ICON: string;
+    static CHECK_ICON: string;
 }

package/package.json

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

package/public-api.d.ts

@@ -112,4 +112,7 @@ export * from './lib/components/ca-fleet-filter/interfaces';
 export * from './lib/components/ca-factoring-dropdown/ca-factoring-dropdown.component';
 export * from './lib/components/ca-factoring-dropdown/interfaces';
 export * from './lib/components/ca-contacts-card/ca-contacts-card.component';
+export * from './lib/components/ca-progress-bar/interfaces';
+export * from './lib/utils/helpers';
+export * from './lib/utils/constants';
 export * from './lib/components/ca-modal-spinner/ca-modal-spinner.component';

package/lib/components/ca-progress-bar/models/index.d.ts

@@ -1 +0,0 @@
-export * from './gps-progress.model';