ca-components 2.1.13 → 2.1.15

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

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

package/lib/components/ca-map/enums/index.ts

@@ -0,0 +1,4 @@
+export * from './google-map.enum';
+export * from './map-marker-string.enum';
+export * from './toolbar-filter-string.enum';
+export * from './map-marker-stop-type.enum';

package/lib/components/ca-map/enums/map-marker-stop-type.enum.ts

@@ -0,0 +1,13 @@
+export enum eMapMarkerStopType {
+    // Stop Type Ids
+    DEADHEAD_STOP = 0,
+    PICKUP_STOP = 1,
+    DELIVERY_STOP = 2,
+    SPLIT_LOCATION_STOP = 3,
+    CANCELLED_PICKUP_STOP = 4,
+    REDIRECTED_PICKUP_STOP = 5,
+    CANCELLED_DELIVERY_STOP = 6,
+    REDIRECTED_DELIVERY_STOP = 7,
+    REDIRECT_LOCATION_STOP = 8,
+    CURRENT_LOCATION_STOP = 999,
+}

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

@@ -0,0 +1,27 @@
+export enum eMapMarkerString {
+    // Routing marker types
+    PICKUP = 'pickup',
+    DELIVERY = 'delivery',
+    DEADHEAD = 'deadhead',
+    REPAIR = 'repair',
+    FUEL = 'fuel',
+    TOWING = 'towing',
+    PARKING = 'parking',
+    REDIRECT_LOCATION = 'redirectlocation',
+    REDIRECTED_DELIVERY = 'redirecteddelivery',
+    REDIRECTED_PICKUP = 'redirectedpickup',
+    SPLIT_LOCATION = 'splitlocation',
+
+    CURRENT_LOCATION = 'Current Location',
+
+    DARK = 'dark',
+    LIGHT = 'light',
+    WHITE = 'white',
+
+    SELECTED = 'selected',
+    CANCELLED = 'cancelled',
+    CANCELLED_PICKUP = 'cancelledpickup',
+    CANCELLED_DELIVERY = 'cancelleddelivery',
+
+    SPLIT_MARKER_TEXT = 'S',
+}

package/lib/components/ca-map/enums/toolbar-filter-string.enum.ts

@@ -0,0 +1,129 @@
+export enum ToolbarFilterStringEnum {
+  // Filter types
+
+  DEPARTMENT_FILTER = 'departmentFilter',
+  STATUS_FILTER = 'statusFilter',
+  PM_FILTER = 'pmFilter',
+  CATEGORY_FUEL_FILTER = 'categoryFuelFilter',
+  CATEGORY_REPAIR_FILTER = 'categoryRepairFilter',
+  SERVICE_FILTER = 'serviceFilter',
+  TRUCK_FILTER = 'truckFilter',
+  TRAILER_FILTER = 'trailerFilter',
+  FUEL_STOP_FILTER = 'fuelStopFilter',
+  BROKER_FILTER = 'brokerFilter',
+  DRIVER_FILTER = 'driverFilter',
+  TRUCK_TYPE_FILTER = 'truckTypeFilter',
+  TRAILER_TYPE_FILTER = 'trailerTypeFilter',
+  USER_FILTER = 'userFilter',
+  MODULE_FILTER = 'moduleFilter',
+  STATE_FILTER = 'stateFilter',
+  LABEL_FILTER = 'labelFilter',
+  TIME_FILTER = 'timeFilter',
+  TIME_FILTER_DROPDOWN = "timeFilterDropdown",
+  INJURY_FILTER = 'injuryFilter',
+  FATALITY_FILTER = 'fatalityFilter',
+  VIOLATION_FILTER = 'violationFilter',
+  VACATION_FILTER = 'vacationFilter',
+  LOCATION_FILTER = 'locationFilter',
+  MONEY_FILTER = 'moneyFilter',
+  MILES_FILTER = 'milesFilter',
+  PAY_FILTER = 'payFilter',
+  DISPATCHER_FILTER = 'dispatcherFilter',
+  FUEL_ITEM_FILTER = 'fuelItemFilter',
+  PARKING_FILTER = 'parkingFilter',
+  TAG_FILTER = 'tagFilter',
+  ACTION_FILTER = 'actionFilter',
+
+  // Filter Type Titles
+  MONEY_FILTER_2 = 'Money Filter',
+  MILES_FILTER_2 = 'Miles Filter',
+  STATUS_FILTER_2 = 'Status Filter',
+  TIME_FILTER_2 = 'Time Filter',
+  DISPATCHER_FILTER_2 = 'Dispatcher Filter',
+  DRIVER_FILTER_2 = 'Driver Filter',
+  FUEL_STOP_FILTER_2 = 'Fuel Stop Filter',
+  BROKER_FILTER_2 = 'Broker Filter',
+  USER_FILTER_2 = 'User Filter',
+  MODULE_FILTER_2 = 'Module Filter',
+  STATE_FILTER_2 = 'State / Province Filter',
+  TRUCK_TYPE_FILTER_2 = 'Truck Type Filter',
+  TRAILER_TYPE_FILTER_2 = 'Trailer Type Filter',
+  TRUCK_UNIT_FILTER_2 = 'Truck Unit Filter',
+  TRAILER_UNIT_FILTER_2 = 'Trailer Unit Filter',
+  PM_FILTER_2 = 'PM Filter',
+  SERVICE_FILTER_2 = 'Service Filter',
+  FUEL_ITEM_FILTER_2 = 'Fuel Item Filter',
+  DEPARTMENT_FILTER_2 = 'Department Filter',
+  PARKING_FILTER_2 = 'Parking Filter',
+  TAG_FILTER_2 = 'Tag Filter',
+  ACTION_FILTER_2 = 'Action Filter',
+  LABEL_FILTER_2 = 'Label Filter',
+  AREA_FILTER = 'Area Filter',
+  VIOLATION_FILTER_2 = 'Violation Filter',
+
+  // Location filter subtypes
+
+  LOCATION = 'Location',
+  IC_ADDRESS = 'ic_address',
+
+  // Time filter subtypes
+
+  PAST = 'past',
+  FUTURE = 'future',
+  SHORT = 'short',
+
+  // Icons
+  DOLLAR = 'dollar',
+  BROKER_HALF_CIRCLE = 'broker-half-circle',
+  TIME = 'ic_time',
+  USER = 'user',
+  STATE = 'state',
+  TRUCK = 'truck',
+  TRAILER = 'trailer',
+  DEFAULT_PM = 'default_pm',
+  IC_KEY_REPAIR = 'ic_key-repair',
+  FUEL = 'fuel',
+  LABEL = 'label',
+  MILES = 'miles',
+
+  // Filter Popover Conditions
+  MAIN_TOOLTIP = 'mainTooltip',
+  CLOSE_FILTER = 'Close Filter',
+  REMOVE_FILTER = 'Remove Filter',
+  FILTER_TEXT = 'filterText',
+  USER_BOX = 'userBox',
+  SORT_ITEMS = 'sortItems',
+
+  // State Filter
+  CANADA = 'canada',
+  CANADA_2 = 'Canada',
+
+  // Empty string
+  EMPTY_STRING_PLACEHOLDER = '',
+
+  // Control names
+  BOOLEAN = 'boolean',
+  TEXT = 'text',
+  SET = 'Set',
+  CLEAR = 'Clear',
+
+  // Classes
+  ACTIVE = 'active',
+
+  // Money filter
+  PENDING_STATUS = 'pendingStatus',
+  ALL = 'all',
+  MIN_VALUE = '0',
+  MAX_VALUE = '5,000',
+  MONEY_MAX_VALUE = '20,000',
+  VIOLATION_MAX_VALUE = '5',
+  FROM = 'from',
+  TO = 'to',
+  MONEY_ARRAY = 'moneyArray',
+
+  // Service filter
+  REPAIR_CATEGORY_UPDATE = 'repair-category-update',
+
+  // Pm filter
+  PM_TRAILER_DATA_UPDATE = 'pm-trailer-data-update',
+}

package/lib/components/ca-map/models/index.ts

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

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

@@ -0,0 +1,166 @@
+import { MapDropdownContent } from '../../ca-map-dropdown/models';
+
+export interface IRoutePath {
+    lat: number;
+    lng: number;
+}
+export interface IRouteLocation {
+    latitude?: number | null;
+    longitude?: number | null;
+}
+
+export interface ICaMapProps {
+    clusterMarkers?: IMapMarkers[];
+    routingMarkers?: IMapMarkers[];
+    routePaths?: IMapRoutePath[];
+    selectedMarkerData?: IMapSelectedMarkerData;
+    selectedRoutingMarkerData?: IMapMarkers;
+    isAccidentMap?: boolean;
+    stateBoundariesUrl?: { url: string };
+    markers?: IMapMarkers[];
+    view?: string;
+    isUnitViewStops?: boolean;
+    isDriverMiles?: boolean;
+    mapType?: string;
+    darkMode?: boolean;
+    isZoomShown?: boolean;
+    isVerticalZoom?: boolean;
+    isOpenInMapShown?: boolean;
+    areaFilterData?: IMapAreaFilter;
+}
+
+export interface IMapOptions {
+    fullscreenControl: boolean;
+    disableDefaultUI: boolean;
+    restriction: {
+        latLngBounds: {
+            north: number;
+            south: number;
+            east: number;
+            west: number;
+        };
+        strictBounds: boolean;
+    };
+    streetViewControl: boolean;
+    styles?: IMapStyles[];
+    keyboardShortcuts: boolean;
+    panControl: boolean;
+    gestureHandling: string;
+    mapTypeControl?: boolean;
+    zoom?: number;
+    center?: IRoutePath;
+}
+
+export interface IMapStyles {
+    elementType?: string | null;
+    featureType?: string | null;
+    stylers: IMapColor[];
+}
+
+export interface IMapColor {
+    color?: string;
+    visibility?: string;
+    weight?: number;
+    saturation?: number;
+    lightness?: number;
+}
+
+export interface IMapMarkers {
+    position: IRoutePath;
+    icon?: IMapMarkersIcon;
+    infoWindowContent?: MapDropdownContent;
+    label?: string;
+    labelOrigin?: { x: number; y: number };
+    data?: any;
+    options?: { zIndex?: number };
+    isLargeMarker?: boolean;
+    isFavorite?: boolean;
+    isClosed?: boolean;
+    isShowLabelOnHover?: boolean;
+    hasClickEvent?: boolean;
+    hasHoverEvent?: boolean;
+    id?: number;
+    content?: any;
+    routeId?: number;
+    isRouteHover?: boolean;
+}
+
+export interface IMapMarkersIcon {
+    url: string;
+    labelOrigin?: google.maps.Point;
+    scaledSize?: google.maps.Size;
+}
+
+export interface IMarkerLabel {
+    text: string;
+    fontSize?: string;
+    color?: string;
+    fontWeight?: string;
+    isShowOnHover?: boolean;
+}
+
+export interface IMapRoutePath {
+    path: IRoutePath[];
+    decodedShape?: IRouteLocation[];
+    strokeColor: string;
+    strokeOpacity?: number;
+    strokeWeight?: number;
+    isDashed?: boolean;
+    dashedLineStyle?: IMapDashedRouteStyle[];
+    id?: number;
+}
+
+export interface IMapBoundsZoom {
+    bounds: google.maps.LatLngBounds;
+    zoom: number;
+}
+
+export interface IMapSelectedMarkerData extends IMapMarkers {
+    isClusterMarker?: boolean;
+}
+
+export interface IMapDashedRouteStyle {
+    icon: IMapDashedRouteIcon;
+    offset: string;
+    repeat: string;
+}
+
+export interface IMapDashedRouteIcon {
+    path: string;
+    strokeOpacity: number;
+    strokeColor: string;
+    scale: number;
+}
+
+export interface IMapPagination {
+    pageIndex: number;
+    pageSize: number;
+}
+
+export interface IMapBounds {
+    northEastLatitude: number;
+    northEastLongitude: number;
+    southWestLatitude: number;
+    southWestLongitude: number;
+    zoomLevel: number;
+}
+
+export interface IMapList {
+    isSelected?: boolean;
+    id?: number;
+}
+
+export interface IMapAreaFilter {
+    options: IMapAreaFilterOptions;
+    center: IRoutePath;
+    radius: number;
+}
+
+interface IMapAreaFilterOptions {
+    fillColor: string;
+    strokeWeight: number;
+    fillOpacity: number;
+    editable: boolean;
+    draggable: boolean;
+    clickable: boolean;
+}

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

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

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

@@ -0,0 +1,6 @@
+export class MapInfoWindowOptionsConstants {
+  static mapInfoWindowOptions: google.maps.InfoWindowOptions = {
+    headerDisabled: true,
+    pixelOffset: new google.maps.Size(0, -50)
+  };
+}

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

@@ -0,0 +1,121 @@
+export class MapMarkerIconsConstants {
+  static defaultMarker: string = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_48851)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_48851)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#6692F1"/>
+                                    <circle class="white-circle" cx="15" cy="15" r="5" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_48851" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_48851"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_48851" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_48851"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_48851" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                </svg>
+`;
+
+  static favoriteMarker: string = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_39170)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_39170)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#6692F1"/>
+                                    <path class="inside-shape" d="M20.3715 13.6803C20.339 13.5707 20.2747 13.4731 20.1868 13.3999C20.099 13.3268 19.9914 13.2813 19.8777 13.2692L16.7605 12.9736L15.5284 9.96352C15.4875 9.85661 15.4151 9.76463 15.3209 9.69973C15.2266 9.63484 15.1149 9.6001 15.0004 9.6001C14.886 9.6001 14.7742 9.63484 14.6799 9.69973C14.5857 9.76463 14.5133 9.85661 14.4725 9.96352L13.2404 12.9736L10.1225 13.2692C10.0089 13.2814 9.90137 13.327 9.81351 13.4001C9.72565 13.4733 9.66135 13.5707 9.62867 13.6803C9.59364 13.7914 9.59076 13.9101 9.62037 14.0228C9.64999 14.1355 9.71089 14.2374 9.79603 14.3169L12.1529 16.4737L11.4582 19.6676C11.4327 19.7812 11.4401 19.8997 11.4796 20.0092C11.5191 20.1187 11.589 20.2147 11.6811 20.2859C11.7708 20.3547 11.8794 20.3943 11.9923 20.3995C12.1052 20.4047 12.217 20.3752 12.3126 20.3149L15.0004 18.6375L17.6882 20.3149C17.7838 20.3751 17.8956 20.4046 18.0085 20.3994C18.1214 20.3942 18.23 20.3546 18.3197 20.2859C18.4118 20.2147 18.4817 20.1187 18.5212 20.0092C18.5607 19.8997 18.5681 19.7812 18.5426 19.6676L17.848 16.4737L20.2042 14.3169C20.2893 14.2374 20.3502 14.1355 20.3798 14.0228C20.4094 13.9101 20.4066 13.7914 20.3715 13.6803Z" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_39170" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_39170"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_39170" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_39170"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_39170" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                    </svg>
+`;
+
+  static closedMarker: string = `<svg class="marker-svg" width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_f_30697_35967)">
+                                    <path class="shadow-circle" d="M15 31C18.3137 31 21 30.1046 21 29C21 27.8954 18.3137 27 15 27C11.6863 27 9 27.8954 9 29C9 30.1046 11.6863 31 15 31Z" fill="black" fill-opacity="0.6"/>
+                                    </g>
+                                    <g filter="url(#filter1_d_30697_35967)">
+                                    <path d="M26 14.9732C25.9991 16.7715 25.5554 18.542 24.708 20.1289C23.8606 21.7157 22.6355 23.0702 21.1405 24.0732C21.1165 24.0912 20.7609 24.3102 20.6207 24.4022C17.2485 26.5422 15.8954 27.9872 15.3505 28.8022C15.2859 28.8991 15.1854 28.9665 15.0712 28.9897C14.9569 29.0129 14.8381 28.9901 14.7406 28.9262C14.6916 28.8932 14.6494 28.8511 14.6164 28.8022C14.0716 27.9912 12.7135 26.5462 9.34626 24.4022C9.19302 24.3072 8.8515 24.0912 8.82646 24.0732C7.25656 23.0103 5.9886 21.5601 5.14572 19.8635C4.30285 18.1669 3.91368 16.2815 4.01603 14.3904C4.11837 12.4993 4.70874 10.6667 5.72981 9.0707C6.75088 7.47466 8.16796 6.16936 9.84342 5.28155C11.5189 4.39375 13.3958 3.95361 15.292 4.00387C17.1881 4.05413 19.039 4.5931 20.6649 5.56842C22.2908 6.54374 23.6365 7.92228 24.5713 9.57017C25.5062 11.2181 25.9983 13.0793 26 14.9732Z" fill="white"/>
+                                    </g>
+                                    <circle class="outside-circle" cx="15" cy="15" r="9" fill="#E66767"/>
+                                    <path class="inside-shape" d="M16.5917 14.9998L18.9793 12.612C19.1201 12.4712 19.1991 12.2803 19.1991 12.0812C19.1991 11.8821 19.1201 11.6912 18.9793 11.5504L18.4486 11.0196C18.3078 10.8789 18.1169 10.7998 17.9178 10.7998C17.7188 10.7998 17.5279 10.8789 17.3871 11.0196L15.0001 13.4075L12.6118 11.0196C12.4711 10.8789 12.2802 10.7998 12.0811 10.7998C11.882 10.7998 11.6911 10.8789 11.5504 11.0196L11.0196 11.5504C10.8789 11.6912 10.7998 11.8821 10.7998 12.0812C10.7998 12.2803 10.8789 12.4712 11.0196 12.612L13.4073 14.9998L11.0203 17.3876C10.8796 17.5284 10.8005 17.7193 10.8005 17.9184C10.8005 18.1175 10.8796 18.3084 11.0203 18.4492L11.551 18.98C11.6918 19.1207 11.8827 19.1998 12.0818 19.1998C12.2808 19.1998 12.4717 19.1207 12.6125 18.98L15.0001 16.5921L17.3878 18.98C17.5285 19.1207 17.7195 19.1998 17.9185 19.1998C18.1176 19.1998 18.3085 19.1207 18.4493 18.98L18.98 18.4492C19.1207 18.3084 19.1998 18.1175 19.1998 17.9184C19.1998 17.7193 19.1207 17.5284 18.98 17.3876L16.5917 14.9998Z" fill="white"/>
+                                    <defs>
+                                    <filter id="filter0_f_30697_35967" x="7" y="25" width="16" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+                                    <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_30697_35967"/>
+                                    </filter>
+                                    <filter id="filter1_d_30697_35967" x="0" y="0" width="30" height="32.9985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                    <feOffset/>
+                                    <feGaussianBlur stdDeviation="2"/>
+                                    <feComposite in2="hardAlpha" operator="out"/>
+                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_30697_35967"/>
+                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_30697_35967" result="shape"/>
+                                    </filter>
+                                    </defs>
+                                    </svg>
+`;
+
+static clusterIcon: string = `<svg class="marker-svg" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <g filter="url(#filter0_d_8915_70166)">
+                                    <circle cx="26" cy="26" r="16" fill="white"/>
+                                </g>
+                                <circle cx="26" cy="26" r="14" fill="#FAB15C"/>
+                                <path d="M16.7817 28.942V27.416L21.4017 21.2H23.7817L19.2597 27.416L18.1537 27.094H25.8677V28.942H16.7817ZM22.0597 31V28.942L22.1297 27.094V25.26H24.2717V31H22.0597ZM26.434 28.942V27.416L31.054 21.2H33.434L28.912 27.416L27.806 27.094H35.52V28.942H26.434ZM31.712 31V28.942L31.782 27.094V25.26H33.924V31H31.712Z" fill="white"/>
+                                <g opacity="0.7" filter="url(#filter1_d_8915_70166)">
+                                    <path d="M36.781 7.65002L35.461 9.89302C35.3705 10.0502 35.3446 10.2363 35.3886 10.4122C35.4326 10.5881 35.5432 10.74 35.697 10.836C37.8917 12.2409 39.7555 14.1051 41.16 16.3C41.256 16.4538 41.408 16.5644 41.5838 16.6084C41.7597 16.6524 41.9458 16.6265 42.103 16.536L44.346 15.216C44.4275 15.1691 44.4988 15.1061 44.5554 15.031C44.6121 14.9559 44.653 14.8702 44.6758 14.7789C44.6986 14.6876 44.7027 14.5926 44.688 14.4997C44.6732 14.4068 44.6399 14.3178 44.59 14.238C42.8426 11.4867 40.5103 9.15436 37.759 7.40702C37.6792 7.35709 37.5902 7.32376 37.4973 7.30901C37.4044 7.29427 37.3094 7.2984 37.2181 7.32118C37.1268 7.34396 37.0411 7.38491 36.966 7.44158C36.8909 7.49825 36.8279 7.56848 36.781 7.65002ZM46.601 20.651L44.073 21.309C43.8985 21.3562 43.749 21.469 43.6558 21.6239C43.5626 21.7788 43.5329 21.9637 43.573 22.14C44.1343 24.6827 44.1343 27.3173 43.573 29.86C43.5329 30.0363 43.5626 30.2212 43.6558 30.3761C43.749 30.531 43.8985 30.6439 44.073 30.691L46.601 31.349C46.6917 31.3735 46.7864 31.3794 46.8795 31.3665C46.9725 31.3536 47.0621 31.3221 47.1427 31.2738C47.2233 31.2256 47.2934 31.1616 47.3488 31.0857C47.4041 31.0098 47.4437 30.9235 47.465 30.832C48.173 27.6496 48.173 24.3504 47.465 21.168C47.4437 21.0765 47.4041 20.9902 47.3488 20.9143C47.2934 20.8384 47.2233 20.7744 47.1427 20.7262C47.0621 20.678 46.9725 20.6464 46.8795 20.6335C46.7864 20.6206 46.6917 20.6266 46.601 20.651ZM30.696 44.079C30.6502 43.9037 30.5376 43.7532 30.3823 43.6598C30.227 43.5663 30.0414 43.5374 29.865 43.579C27.3192 44.1397 24.6818 44.1397 22.136 43.579C21.9597 43.5389 21.7748 43.5686 21.6199 43.6618C21.465 43.755 21.3521 43.9045 21.305 44.079L20.647 46.6C20.6225 46.6907 20.6166 46.7854 20.6295 46.8785C20.6424 46.9716 20.6739 47.0611 20.7222 47.1417C20.7704 47.2223 20.8344 47.2924 20.9103 47.3478C20.9862 47.4032 21.0725 47.4427 21.164 47.464C24.3471 48.172 27.6469 48.172 30.83 47.464C30.9214 47.4427 31.0076 47.4032 31.0834 47.3479C31.1592 47.2926 31.2231 47.2226 31.2714 47.1421C31.3196 47.0616 31.3512 46.9722 31.3641 46.8792C31.3771 46.7863 31.3713 46.6917 31.347 46.601L30.696 44.079ZM15.21 7.64902C15.163 7.56762 15.1002 7.49651 15.0251 7.43993C14.9501 7.38335 14.8644 7.34245 14.7733 7.31968C14.6821 7.29691 14.5873 7.29273 14.4945 7.30739C14.4016 7.32205 14.3127 7.35526 14.233 7.40502C11.4742 9.14543 9.13842 11.4795 7.39599 14.237C7.34623 14.3167 7.31303 14.4057 7.29837 14.4985C7.28371 14.5913 7.28789 14.6861 7.31066 14.7773C7.33343 14.8685 7.37432 14.9541 7.4309 15.0292C7.48748 15.1042 7.55859 15.1671 7.63999 15.214L9.88599 16.533C10.0436 16.6246 10.2308 16.6511 10.4076 16.6068C10.5845 16.5626 10.7371 16.4511 10.833 16.296C12.237 14.1021 14.101 12.2394 16.296 10.837C16.451 10.7411 16.5625 10.5885 16.6068 10.4116C16.6511 10.2348 16.6246 10.0476 16.533 9.89002L15.21 7.64902ZM7.90999 21.308L5.39599 20.652C5.30528 20.6274 5.21053 20.6213 5.11741 20.6341C5.02428 20.6468 4.93468 20.6782 4.85396 20.7264C4.77323 20.7746 4.70303 20.8385 4.64754 20.9143C4.59205 20.9902 4.55242 21.0765 4.53099 21.168C3.823 24.3504 3.823 27.6496 4.53099 30.832C4.55231 30.9235 4.59184 31.0098 4.64721 31.0857C4.70258 31.1616 4.77267 31.2256 4.8533 31.2738C4.93392 31.3221 5.02343 31.3536 5.1165 31.3665C5.20956 31.3794 5.30428 31.3735 5.39499 31.349L7.92299 30.691C8.09751 30.6439 8.24702 30.531 8.34022 30.3761C8.43342 30.2212 8.46308 30.0363 8.42299 29.86C8.13992 28.5928 7.99673 27.2984 7.99599 26C7.99593 24.7027 8.13439 23.409 8.40899 22.141C8.44966 21.9645 8.42028 21.779 8.32703 21.6237C8.23379 21.4683 8.08494 21.3552 7.90999 21.308ZM9.88899 35.465L7.64599 36.785C7.56446 36.832 7.49322 36.8949 7.43655 36.97C7.37988 37.0451 7.33893 37.1309 7.31616 37.2222C7.29338 37.3135 7.28924 37.4084 7.30399 37.5013C7.31874 37.5943 7.35207 37.6833 7.40199 37.763C9.14933 40.5143 11.4817 42.8467 14.233 44.594C14.3127 44.6439 14.4017 44.6773 14.4947 44.692C14.5876 44.7068 14.6826 44.7026 14.7738 44.6799C14.8651 44.6571 14.9509 44.6161 15.026 44.5595C15.1011 44.5028 15.164 44.4316 15.211 44.35L16.531 42.107C16.6214 41.9499 16.6474 41.7638 16.6034 41.5879C16.5594 41.412 16.4488 41.26 16.295 41.164C14.1003 39.7592 12.2365 37.895 10.832 35.7C10.736 35.5462 10.584 35.4357 10.4081 35.3916C10.2322 35.3476 10.0461 35.3746 9.88899 35.465ZM41.16 35.7C39.7552 37.8951 37.891 39.7593 35.696 41.164C35.5422 41.26 35.4316 41.412 35.3876 41.5879C35.3436 41.7638 35.3695 41.9499 35.46 42.107L36.78 44.35C36.827 44.4316 36.8899 44.5028 36.965 44.5595C37.0401 44.6161 37.1258 44.6571 37.2171 44.6799C37.3084 44.7026 37.4034 44.7068 37.4963 44.692C37.5892 44.6773 37.6782 44.6439 37.758 44.594C40.5093 42.8467 42.8416 40.5143 44.589 37.763C44.6389 37.6833 44.6722 37.5943 44.687 37.5013C44.7017 37.4084 44.6976 37.3135 44.6748 37.2222C44.6521 37.1309 44.6111 37.0451 44.5544 36.97C44.4978 36.8949 44.4265 36.832 44.345 36.785L42.102 35.465C41.9448 35.3746 41.7587 35.3486 41.5828 35.3926C41.407 35.4367 41.255 35.5472 41.159 35.701M25.996 4.00002C24.3707 3.99798 22.7501 4.17607 21.164 4.53102C21.0725 4.55244 20.9862 4.59208 20.9103 4.64757C20.8344 4.70305 20.7705 4.77325 20.7224 4.85398C20.6742 4.93471 20.6428 5.02431 20.63 5.11743C20.6173 5.21056 20.6234 5.3053 20.648 5.39602L21.304 7.91202C21.3511 8.08696 21.4643 8.23681 21.6196 8.33006C21.775 8.4233 21.9604 8.45268 22.137 8.41202C23.405 8.13775 24.6987 7.99963 25.996 8.00002C27.2971 7.99907 28.5944 8.1399 29.865 8.42002C30.0414 8.46168 30.227 8.43269 30.3823 8.33926C30.5376 8.24583 30.6502 8.09536 30.696 7.92002L31.347 5.39302C31.3713 5.30237 31.3771 5.20776 31.3641 5.11481C31.3512 5.02186 31.3196 4.93247 31.2714 4.85196C31.2231 4.77145 31.1592 4.70146 31.0834 4.64615C31.0076 4.59084 30.9214 4.55135 30.83 4.53002C29.2431 4.17581 27.6219 3.99806 25.996 4.00002Z" fill="white"/>
+                                </g>
+                                <defs>
+                                    <filter id="filter0_d_8915_70166" x="6" y="6" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                        <feOffset/>
+                                        <feGaussianBlur stdDeviation="2"/>
+                                        <feComposite in2="hardAlpha" operator="out"/>
+                                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8915_70166"/>
+                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8915_70166" result="shape"/>
+                                    </filter>
+                                    <filter id="filter1_d_8915_70166" x="0" y="0" width="51.9961" height="51.9951" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                                        <feOffset/>
+                                        <feGaussianBlur stdDeviation="2"/>
+                                        <feComposite in2="hardAlpha" operator="out"/>
+                                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8915_70166"/>
+                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8915_70166" result="shape"/>
+                                    </filter>
+                                </defs>
+                            </svg>`;
+}