ca-components 1.0.76 → 1.0.78

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

@@ -1,18 +1,20 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { IChartConfiguration, IChartDatasetHover } from './models';
+import { IChartConfiguration, IChartDatasetHover, IChartLegendConfig } from './models';
 import { ChartManagerService } from '../ca-chart-manager/services';
 import * as i0 from "@angular/core";
 export declare class CaChartComponent implements AfterViewInit {
     private changeDetector;
     private chartManagerService?;
     chartCanvas: ElementRef;
+    legendData: IChartLegendConfig;
     chartId: string;
     set chartDatasetHover(value: IChartDatasetHover | null);
     set chartConfig(value: IChartConfiguration);
+    set selectedIndex(value: number);
     hoveredIndex: EventEmitter<number | null>;
+    private destroy$;
     private chart;
     private chartContext;
-    private subscription;
     private plugins?;
     private areAnimationsCompleated;
     private _hoveredIndex;
@@ -27,13 +29,16 @@ export declare class CaChartComponent implements AfterViewInit {
     private createChart;
     private updateChart;
     private setChartOptionsProperties;
+    private focusDoughnutArc;
+    private setOriginalDoughnutArcsColor;
     private setChartDataProperties;
     private setChartPluginsProperties;
     private updateChartAnnotations;
     private setMultipleYAxis;
-    private resetAnnotations;
+    private removeVerticalDashedLine;
     private setVerticalDashedAnnotationLine;
+    removeVerticalDashedLineAndFocus(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaChartComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaChartComponent, "app-ca-chart", never, { "chartId": { "alias": "chartId"; "required": false; }; "chartDatasetHover": { "alias": "chartDatasetHover"; "required": false; }; "chartConfig": { "alias": "chartConfig"; "required": false; }; }, { "hoveredIndex": "hoveredIndex"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaChartComponent, "app-ca-chart", never, { "legendData": { "alias": "legendData"; "required": false; }; "chartId": { "alias": "chartId"; "required": false; }; "chartDatasetHover": { "alias": "chartDatasetHover"; "required": false; }; "chartConfig": { "alias": "chartConfig"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "hoveredIndex": "hoveredIndex"; }, never, never, true, never>;
 }

package/lib/components/ca-chart/enums/chart-annotation.enum.d.ts

@@ -0,0 +1,10 @@
+import { EChartAnnotationType, ChartPluginIdsStringEnum, EChartEventProperties } from '../enums';
+export declare class EChartAnnotation {
+    static X_DASHED: {
+        id: ChartPluginIdsStringEnum;
+        type: EChartAnnotationType;
+        scaleID: EChartEventProperties;
+        borderWidth: number;
+        borderDash: number[];
+    };
+}

package/lib/components/ca-chart/enums/chart-plugin-ids.enum.d.ts

@@ -1,5 +1,6 @@
 export declare enum ChartPluginIdsStringEnum {
     HIGHLIGHT_SEGMENT_ON_HOVER = "highlightSegmentOnHover",
     HIGHLIGHT_POINT_ON_HOVER = "highlightPointOnHover",
-    BORDER_BOTTOM_LINE_CHART = "borderBottomLineChart"
+    BORDER_BOTTOM_LINE_CHART = "borderBottomLineChart",
+    X_DASHED = "x-dashed"
 }

package/lib/components/ca-chart/enums/index.d.ts

@@ -7,3 +7,4 @@ export * from './chart-event-properties.enum';
 export * from './chart-images.enum';
 export * from './chart-font-properties.enum';
 export * from './chart-annotation-type.enum';
+export * from './chart-annotation.enum';

package/lib/components/ca-chart/models/chart-config.model.d.ts

@@ -21,4 +21,5 @@ export interface IChartConfiguration {
     hasVerticalDashedAnnotation?: boolean;
     isDashboardChart?: boolean;
     centerLabels?: IChartCenterLabel[];
+    selectedIndex?: number | null;
 }

package/lib/components/ca-chart/models/chart-legend-config.model.d.ts

@@ -0,0 +1,6 @@
+import { IChartLegendProperty } from "./chart-legend-property.model";
+export interface IChartLegendConfig {
+    title: string;
+    data: IChartLegendProperty[];
+    hasHighlightedBackground: boolean;
+}

package/lib/components/ca-chart/models/chart-legend-property.model.d.ts

@@ -0,0 +1,7 @@
+export interface IChartLegendProperty {
+    name: string;
+    value: number;
+    color: string;
+    unit?: string;
+    isLineIndicator?: boolean;
+}

package/lib/components/ca-chart/models/index.d.ts

@@ -5,3 +5,5 @@ export * from './chart-config.model';
 export * from './chart-annotation.model';
 export * from './chart-dataset-hover.model';
 export * from './chart-center-label.model';
+export * from './chart-legend-property.model';
+export * from './chart-legend-config.model';

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

@@ -60,8 +60,8 @@ export declare class CaFilterComponent implements OnDestroy {
     addressList: AddressList[];
     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-input-address-dropdown/enums/input-address-basic-string.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum eInputBasicString {
+    SMALL = "small",
+    WHITE = "white"
+}

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

@@ -1,10 +1,14 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { GoogleMap, MapInfoWindow } from '@angular/google-maps';
+import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { GoogleMap } from '@angular/google-maps';
 import { IMapMarkers, ICaMapProps, IMapOptions, IRoutePath, IMapBoundsZoom, IMapSelectedMarkerData } from '../ca-map/models/map.model';
+import { MapMarkerIconService } from './utils/services';
 import * as i0 from "@angular/core";
 export declare class CaMapComponent {
     cd: ChangeDetectorRef;
-    constructor(cd: ChangeDetectorRef);
+    private el;
+    private renderer;
+    private markerIconService;
+    constructor(cd: ChangeDetectorRef, el: ElementRef, renderer: Renderer2, markerIconService: MapMarkerIconService);
     set data(values: ICaMapProps);
     resetSelectedMarkerItem: EventEmitter<boolean>;
     clusterMarkerClick: EventEmitter<IMapMarkers>;
@@ -13,23 +17,15 @@ export declare class CaMapComponent {
     boundsChanged: EventEmitter<IMapBoundsZoom>;
     openInMapEvent: EventEmitter<any>;
     maps: GoogleMap;
-    infoWindowsView: MapInfoWindow;
-    currentlyOpenWindow: MapInfoWindow | null;
-    currentlyOpenWindowRouting: MapInfoWindow | null;
+    markerDropdown: ElementRef;
+    clusterDropdown: ElementRef;
+    private destroy$;
+    currentlyOpenWindow: boolean;
     previousIconUrl: string;
     previousIconUrlRouting: string;
     focusedIconRouting: number;
     private directionService;
     directionsRenderers: google.maps.DirectionsRenderer[];
-    initialIcons: {
-        url: string;
-        labelOrigin?: google.maps.Point;
-    }[];
-    initialMarkerIcons: {
-        url: string;
-        labelOrigin?: google.maps.Point;
-        zIndex?: number;
-    }[];
     infoWindowOptions: google.maps.InfoWindowOptions;
     mapOptions: IMapOptions;
     mapZoom: number;
@@ -56,19 +52,21 @@ export declare class CaMapComponent {
         radius: number;
     };
     isAreaFilterActive: boolean;
-    hoveredMarkerId: number | null;
+    mapStyles: google.maps.MapTypeStyle[];
+    clusterMarkerIds: IMapMarkers[];
+    routingMarkerIds: IMapMarkers[];
+    isMarkerDropdownOpen: boolean;
+    isClusterDropdownOpen: boolean;
+    openDropdownTimeout: NodeJS.Timeout | number;
+    mapStyleId: string;
     ngOnInit(): void;
-    storeInitialIconForMarker(): void;
-    storeInitialIconForRoutingMarker(): void;
+    ngAfterViewInit(): void;
     onClusterMarkerClick(markerItem: IMapMarkers): void;
     getMarkerInfoWindow(markerId: number): void;
     onMarkerClick(markerItem: IMapMarkers): void;
     setDirectionsOnMap(): void;
     calculateAndDisplayRoute(): void;
-    onRoutingMarkerClick(i: number, event: google.maps.MapMouseEvent, markeritem: IMapMarkers): void;
-    ngAfterViewInit(): void;
     resetMarkersIcons(): void;
-    resetRoutingMarkers(): void;
     onMapReady(mapInstance: google.maps.Map): {
         fillColor?: string;
         strokeColor?: string;
@@ -79,17 +77,16 @@ export declare class CaMapComponent {
     getMapIdleEvent(map: google.maps.Map): void;
     sendBoundsChangedEvent(): void;
     onClusterBackButtonClick(): void;
-    private getNewData;
     openMarkerInfoWindow(markerItem: IMapSelectedMarkerData): void;
     checkInfoWindowPosition(markerItem: IMapMarkers, markerItem2?: IMapMarkers | null): boolean;
     closeInfoWindow(): void;
     handleMapData(newData: ICaMapProps): void;
+    getClusterId(clusterData: IMapMarkers): number | null;
+    getRoutingId(markerData: IMapMarkers): number | null;
     onClusterListScrollToEnd(): void;
-    checkClusterDataChanges(newData: IMapMarkers, previousData?: IMapMarkers | null): boolean;
-    onMarkerMouseover(markerItem: IMapMarkers): void;
-    onMarkerMouseout(markerItem: IMapMarkers): void;
     onZoomChange(isMinusClick?: boolean): void;
     onOpenInMap(): void;
+    getServiceData(): void;
     trackById(index: number, marker: IMapMarkers): number;
     trackByPosition(index: number, marker: IMapMarkers): number;
     identity(index: number): number;

package/lib/components/ca-map/enums/google-map.enum.d.ts

@@ -1,5 +1,6 @@
 export declare enum GoogleMapEnum {
     STROKE_OPACITY = 0.4,
     STROKE_COLOR = "blue",
-    STROKE_WEIGHT = 4
+    STROKE_WEIGHT = 4,
+    DARK_MAP = "dark_map"
 }

package/lib/components/ca-map/enums/map-marker-string.enum.d.ts

@@ -5,5 +5,6 @@ export declare enum MapMarkerStringEnum {
     CURRENT_LOCATION = "Current Location",
     DARK = "dark",
     LIGHT = "light",
-    WHITE = "white"
+    WHITE = "white",
+    SELECTED = "selected"
 }

package/lib/components/ca-map/models/map.model.d.ts

@@ -35,7 +35,7 @@ export interface IMapOptions {
         strictBounds: boolean;
     };
     streetViewControl: boolean;
-    styles: IMapStyles[];
+    styles?: IMapStyles[];
     keyboardShortcuts: boolean;
     panControl: boolean;
     gestureHandling: string;
@@ -55,9 +55,9 @@ export interface IMapColor {
 }
 export interface IMapMarkers {
     position: IRoutePath;
-    icon: IMapMarkersIcon;
+    icon?: IMapMarkersIcon;
     infoWindowContent?: MapDropdownContent;
-    label?: IMarkerLabel | null;
+    label?: string;
     labelOrigin?: {
         x: number;
         y: number;
@@ -67,6 +67,11 @@ export interface IMapMarkers {
         zIndex?: number;
     };
     isLargeMarker?: boolean;
+    isFavorite?: boolean;
+    isClosed?: boolean;
+    isShowLabelOnHover?: boolean;
+    id?: number;
+    content?: any;
 }
 export interface IMapMarkersIcon {
     url: string;

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

@@ -1,2 +1,3 @@
 export * from './map-info-window-options.constants';
 export * from './map-options.constants';
+export * from './map-marker-icons.constants';

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

@@ -0,0 +1,6 @@
+export declare class MapMarkerIconsConstants {
+    static defaultMarker: string;
+    static favoriteMarker: string;
+    static closedMarker: string;
+    static clusterIcon: string;
+}

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

@@ -1,6 +1,8 @@
 export declare class MapMarkerIconHelper {
+    static getRoutingMarkerElement: (stopNumber: number, stopType: string, isStopChecked?: boolean, isLightMode?: boolean, labelName?: string) => HTMLElement;
     static getRoutingMarkerIcon: (stopNumber: number, stopType: string, isStopChecked?: boolean, isLightMode?: boolean) => string;
     static getRoutingMarkerSvg: (stopNumber: number, stopType: string, isLightMode?: boolean) => string;
+    static getRoutingCheckedMarkerSvg: (stopType: string, isLightMode?: boolean) => string;
     static getMapMarker(isFavorite?: boolean, isClosed?: boolean): string;
     static getClusterMarker(count: number, isSelected?: boolean): string;
 }

package/lib/components/ca-map/utils/services/index.d.ts

@@ -0,0 +1 @@
+export * from './map-marker-icon.service';

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

@@ -0,0 +1,23 @@
+import { RendererFactory2 } from '@angular/core';
+import { Observable } from 'rxjs';
+import { IMapMarkers } from '../../models/map.model';
+import * as i0 from "@angular/core";
+export declare class MapMarkerIconService {
+    private renderer;
+    private clusterMarkerIds;
+    clusterMarkerIds$: Observable<IMapMarkers[]>;
+    private routingMarkerIds;
+    routingMarkerIds$: Observable<IMapMarkers[]>;
+    private markerElements;
+    private clusterElements;
+    private routingElements;
+    constructor(rendererFactory: RendererFactory2);
+    getMarkerIcon(markerId: number, labelName?: string, isClosed?: boolean, isFavorite?: boolean, isAlwaysSelected?: boolean): HTMLElement;
+    getClusterMarkerIcon(markerData: IMapMarkers): HTMLElement;
+    getRoutingMarkerIcon(markerData: IMapMarkers, stopNumber: number, stopType: string, isStopChecked?: boolean, isLightMode?: boolean, labelName?: string): HTMLElement;
+    createClusterId(clusterData: IMapMarkers): number;
+    createRoutingId(markerData: IMapMarkers): number;
+    resetMarkersData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapMarkerIconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MapMarkerIconService>;
+}

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

@@ -4,7 +4,7 @@ import { DropDownData, IDropDownActions } from '../ca-details-dropdown/models/de
 import { MapDropdownClusterItem, MapDropdownContent } from './models';
 import * as i0 from "@angular/core";
 export declare class CaMapDropdownComponent {
-    infoWindowContent?: MapDropdownContent;
+    infoWindowContent?: MapDropdownContent | null;
     markerData?: any;
     onClusterItemClick: EventEmitter<number>;
     onClusterListScrollToEnd: EventEmitter<any>;
@@ -13,13 +13,15 @@ export declare class CaMapDropdownComponent {
     isHidden: boolean;
     isShowAllDaysActive: boolean;
     data: DropDownData[];
-    showHiddenData(): void;
+    showHiddenData(event: Event): void;
     callBodyAction(action: IDropDownActions): void;
     getSvgPath(propertyName: keyof typeof MapDropdownSvgRoutes): string;
     clusterItemClick(item: MapDropdownClusterItem): void;
-    backButtonClick(): void;
+    backButtonClick(event: Event): void;
     showAllDaysClick(): void;
     onClusterListScroll(event: Event): void;
+    stopMapZoom(event: Event): void;
+    dropdownClick(event: Event): void;
     identity(index: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaMapDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaMapDropdownComponent, "app-ca-map-dropdown", never, { "infoWindowContent": { "alias": "infoWindowContent"; "required": false; }; "markerData": { "alias": "markerData"; "required": false; }; }, { "onClusterItemClick": "onClusterItemClick"; "onClusterListScrollToEnd": "onClusterListScrollToEnd"; "onBackButtonClick": "onBackButtonClick"; "bodyActions": "bodyActions"; }, never, never, true, never>;

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

@@ -2,8 +2,10 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import { IGpsProgress } from './models';
 import { ICaMapProps } from '../ca-map/models/map.model';
 import { ProgressBarSvgRoutes } from './utils/svg-routes';
+import { MapMarkerIconService } from '../ca-map/utils/services';
 import * as i0 from "@angular/core";
 export declare class ProgressBarComponent {
+    private markerIconService;
     isDropdown: boolean;
     currentPosition: number;
     mileageInfo: string;
@@ -40,7 +42,7 @@ export declare class ProgressBarComponent {
     _gpsProgress: IGpsProgress[];
     gpsIconTopPosition: number;
     Mapdata: ICaMapProps;
-    constructor();
+    constructor(markerIconService: MapMarkerIconService);
     hoverStop(stop: IGpsProgress, i: number, isIcon?: boolean): void;
     leaveStop(): void;
     getLeftStyle(): string;

package/lib/pipes/index.d.ts

@@ -0,0 +1,18 @@
+export * from './ca-svg.pipe';
+export * from './date-from-string.pipe';
+export * from './date.pipe';
+export * from './dispatch-status-color.pipe';
+export * from './dropdown-load-status-color.pipe';
+export * from './format-city-state.pipe';
+export * from './format-currency.pipe';
+export * from './highlight-search.pipe';
+export * from './load-status-color.pipe';
+export * from './n-formatter.pipe';
+export * from './name-initials.pipe';
+export * from './safe-html.pipe';
+export * from './thousand-separator.pipe';
+export * from './thousand-to-short-format-pipe';
+export * from './to-lower-case.pipe';
+export * from './truncate-string.pipe';
+export * from './unit-position.pipe';
+export * from './user-initials.pipe';

package/lib/pipes/unit-position.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UnitPositionPipe implements PipeTransform {
+    transform(value: string, indicator: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnitPositionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<UnitPositionPipe, "unitPosition", true>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13",

package/public-api.d.ts

@@ -51,3 +51,4 @@ export * from './lib/components/ca-input-address-dropdown/ca-input-address-dropd
 export * from './lib/components/ca-modal-button/ca-modal-button.component';
 export * from './lib/components/ca-chart-manager/ca-chart-manager.component';
 export * from './lib/components/ca-custom-scrollbar/ca-custom-scrollbar.component';
+export * from './lib/components/ca-map/utils/services';