vue3-google-map 0.23.0 → 0.24.0

package/dist/types/components/GoogleMap.vue.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
 import { Library } from "@googlemaps/js-api-loader";
-declare const _default: import("vue").DefineComponent<{
+import { IControlPosition } from "../@types/index";
+export declare const mapEvents: string[];
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     apiPromise: {
         type: PropType<Promise<typeof google>>;
     };
@@ -42,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     colorScheme: {
-        type: PropType<"DARK" | "FOLLOW_SYSTEM" | "LIGHT">;
+        type: PropType<keyof typeof google.maps.ColorScheme>;
         required: false;
     };
     controlSize: {
@@ -78,11 +79,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     fullscreenControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     gestureHandling: {
-        type: PropType<"none" | "cooperative" | "greedy" | "auto">;
+        type: PropType<"cooperative" | "greedy" | "none" | "auto">;
         required: false;
     };
     heading: {
@@ -109,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     mapTypeId: {
-        type: PropType<string>;
+        type: PropType<google.maps.MapTypeId | string>;
         required: false;
     };
     mapId: {
@@ -135,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     panControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     restriction: {
@@ -148,7 +149,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     rotateControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     scaleControl: {
@@ -175,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     streetViewControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     styles: {
@@ -196,7 +197,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     zoomControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     cameraControl: {
@@ -205,20 +206,20 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     cameraControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     nonce: {
         type: StringConstructor;
         default: string;
     };
-}, {
-    mapRef: import("vue").Ref<HTMLElement | undefined>;
-    ready: import("vue").Ref<boolean>;
-    map: import("vue").Ref<google.maps.Map | undefined>;
-    api: import("vue").Ref<typeof google.maps | undefined>;
-    mapTilesLoaded: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    mapRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    ready: import("vue").Ref<boolean, boolean>;
+    map: import("vue").Ref<google.maps.Map | undefined, google.maps.Map | undefined>;
+    api: import("vue").Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
+    mapTilesLoaded: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     apiPromise: {
         type: PropType<Promise<typeof google>>;
     };
@@ -259,7 +260,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     colorScheme: {
-        type: PropType<"DARK" | "FOLLOW_SYSTEM" | "LIGHT">;
+        type: PropType<keyof typeof google.maps.ColorScheme>;
         required: false;
     };
     controlSize: {
@@ -295,11 +296,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     fullscreenControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     gestureHandling: {
-        type: PropType<"none" | "cooperative" | "greedy" | "auto">;
+        type: PropType<"cooperative" | "greedy" | "none" | "auto">;
         required: false;
     };
     heading: {
@@ -326,7 +327,7 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     mapTypeId: {
-        type: PropType<string>;
+        type: PropType<google.maps.MapTypeId | string>;
         required: false;
     };
     mapId: {
@@ -352,7 +353,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     panControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     restriction: {
@@ -365,7 +366,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     rotateControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     scaleControl: {
@@ -392,7 +393,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     streetViewControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     styles: {
@@ -413,7 +414,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     zoomControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     cameraControl: {
@@ -422,24 +423,24 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     cameraControlPosition: {
-        type: PropType<"BLOCK_END_INLINE_CENTER" | "BLOCK_END_INLINE_END" | "BLOCK_END_INLINE_START" | "BLOCK_START_INLINE_CENTER" | "BLOCK_START_INLINE_END" | "BLOCK_START_INLINE_START" | "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "INLINE_END_BLOCK_CENTER" | "INLINE_END_BLOCK_END" | "INLINE_END_BLOCK_START" | "INLINE_START_BLOCK_CENTER" | "INLINE_START_BLOCK_END" | "INLINE_START_BLOCK_START" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        type: PropType<IControlPosition>;
         required: false;
     };
     nonce: {
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    draggable: boolean;
-    version: string;
-    center: google.maps.LatLng | google.maps.LatLngLiteral;
+}>, {
     apiKey: string;
+    version: string;
     libraries: Library[];
+    center: google.maps.LatLng | google.maps.LatLngLiteral;
     clickableIcons: boolean;
     disableDefaultUi: boolean;
     disableDoubleClickZoom: boolean;
+    draggable: boolean;
     fullscreenControl: boolean;
     isFractionalZoomEnabled: boolean;
     keyboardShortcuts: boolean;
@@ -453,5 +454,5 @@ declare const _default: import("vue").DefineComponent<{
     zoomControl: boolean;
     cameraControl: boolean;
     nonce: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/HeatmapLayer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
 type HeatmapLayerOptions = google.maps.visualization.HeatmapLayerOptions;
 interface ExtendedHeatmapLayerOptions extends Omit<HeatmapLayerOptions, "data"> {
@@ -11,19 +10,19 @@ interface ExtendedHeatmapLayerOptions extends Omit<HeatmapLayerOptions, "data">
  * Google recommends migrating to third-party library integrations like deck.gl, which offers a HeatmapLayer implementation.
  * @see {@link https://developers.google.com/maps/deprecations} for more information.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<ExtendedHeatmapLayerOptions>;
         default: () => {};
     };
-}, {
-    heatmapLayer: import("vue").Ref<google.maps.visualization.HeatmapLayer | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    heatmapLayer: import("vue").Ref<google.maps.visualization.HeatmapLayer | undefined, google.maps.visualization.HeatmapLayer | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<ExtendedHeatmapLayerOptions>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     options: ExtendedHeatmapLayerOptions;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/InfoWindow.vue.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+export declare const infoWindowEvents: string[];
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.InfoWindowOptions>;
         default: () => {};
@@ -8,13 +8,13 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
     };
-}, {
-    infoWindow: import("vue").Ref<google.maps.InfoWindow | undefined>;
-    infoWindowRef: import("vue").Ref<HTMLElement | undefined>;
+}>, {
+    infoWindow: import("vue").Ref<google.maps.InfoWindow | undefined, google.maps.InfoWindow | undefined>;
+    infoWindowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     hasSlotContent: import("vue").ComputedRef<boolean | undefined>;
     open: (opts?: google.maps.InfoWindowOpenOptions) => void;
     close: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.InfoWindowOptions>;
         default: () => {};
@@ -22,10 +22,10 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     options: google.maps.InfoWindowOptions;
     modelValue: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/Marker.d.ts

@@ -1,24 +1,27 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
+import { PropType, Ref } from "vue";
+export interface IMarkerExposed {
+    marker: Ref<google.maps.Marker | undefined>;
+}
+export declare const markerEvents: string[];
 /**
  * @deprecated The Marker component is deprecated as of February 2024. Use AdvancedMarker instead.
  * The google.maps.Marker API is deprecated and will be removed in a future version.
  * Migrate to AdvancedMarker for the latest features and better performance.
  * @see {@link https://developers.google.com/maps/deprecations} for more information.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.MarkerOptions>;
         required: true;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.MarkerOptions>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/MarkerCluster.d.ts

@@ -1,22 +1,27 @@
-import { PropType } from "vue";
-import { MarkerClustererOptions, MarkerClustererEvents } from "@googlemaps/markerclusterer";
-declare const _default: import("vue").DefineComponent<{
+import { PropType, type Ref } from "vue";
+import { MarkerClusterer, MarkerClustererOptions, MarkerClustererEvents } from "@googlemaps/markerclusterer";
+export interface IMarkerClusterExposed {
+    markerCluster: Ref<MarkerClusterer | undefined>;
+}
+export declare const markerClusterEvents: MarkerClustererEvents[];
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<MarkerClustererOptions>;
         default: () => {};
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, MarkerClustererEvents[], MarkerClustererEvents, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, MarkerClustererEvents[], MarkerClustererEvents, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<MarkerClustererOptions>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClusteringbegin?: ((...args: any[]) => any) | undefined;
     onClusteringend?: ((...args: any[]) => any) | undefined;
-}, {
+    "onGmp-click"?: ((...args: any[]) => any) | undefined;
+}>, {
     options: MarkerClustererOptions;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/Polygon.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.PolygonOptions>;
         required: true;
     };
-}, {
-    polygon: import("vue").Ref<google.maps.Polygon | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    polygon: import("vue").Ref<google.maps.Polygon | undefined, google.maps.Polygon | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.PolygonOptions>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/Polyline.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.PolylineOptions>;
         required: true;
     };
-}, {
-    polyline: import("vue").Ref<google.maps.Polyline | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    polyline: import("vue").Ref<google.maps.Polyline | undefined, google.maps.Polyline | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.PolylineOptions>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/Rectangle.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="google.maps" />
 import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+export declare const rectangleEvents: string[];
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.RectangleOptions>;
         required: true;
     };
-}, {
-    rectangle: import("vue").Ref<google.maps.Rectangle | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    rectangle: import("vue").Ref<google.maps.Rectangle | undefined, google.maps.Rectangle | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<google.maps.RectangleOptions>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/composables/useSetupMapComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 import { Ref } from "vue";
 import { customMarkerClassSymbol } from "../shared/index";
 type ICtorKey = "Marker" | "Polyline" | "Polygon" | "Rectangle" | "Circle" | typeof customMarkerClassSymbol;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from "./components/index";
+export { mapSymbol, apiSymbol, mapTilesLoadedSymbol } from "./shared/index";

package/dist/types/shared/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 import type { MarkerClusterer } from "@googlemaps/markerclusterer";
 import { InjectionKey, Ref } from "vue";
 export declare const mapSymbol: InjectionKey<Ref<google.maps.Map | undefined>>;

package/dist/types/shims-google-maps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 import { createCustomMarkerClass } from "./utils";
 declare global {
     namespace google.maps {

package/dist/types/themes/aubergine.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const aubergine: google.maps.MapTypeStyle[];

package/dist/types/themes/dark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 /**
  * Dark mode theme from:
  * [dark mode](https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/style-array)

package/dist/types/themes/grey.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const grey: google.maps.MapTypeStyle[];

package/dist/types/themes/minimal.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const minimal: google.maps.MapTypeStyle[];

package/dist/types/themes/retro.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const retro: google.maps.MapTypeStyle[];

package/dist/types/themes/roadways.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const roadways: google.maps.MapTypeStyle[];

package/dist/types/themes/roadwaysMinimal.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const roadwaysMinimal: google.maps.MapTypeStyle[];

package/dist/types/themes/ultraLight.d.ts

@@ -1,2 +1 @@
-/// <reference types="google.maps" />
 export declare const ultraLight: google.maps.MapTypeStyle[];

package/dist/types/utils/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 type ICustomMarkerInterface = google.maps.OverlayView & {
     getPosition(): google.maps.LatLng | null;
     getVisible(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-google-map",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -41,14 +41,18 @@
     "dev": "vite",
     "prepare": "pnpm run build",
     "clean": "rimraf dist/**/*",
-    "lint": "npx eslint --ext .ts,.vue src dev docs --fix",
+    "lint": "npx eslint --ext .ts,.vue src playground --fix",
+    "lint:check": "npx eslint --ext .ts,.vue src playground",
     "build:umd": "node ./scripts/build-umd.js",
     "build": "pnpm clean && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && vite build && pnpm build:umd",
     "docs": "vitepress dev docs",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
-    "release": "standard-version"
+    "release": "standard-version",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^1.16.2",
@@ -56,31 +60,40 @@
     "fast-deep-equal": "^3.1.3"
   },
   "devDependencies": {
-    "pnpm": "^8.7.6",
+    "@babel/core": "^7.28.0",
+    "@googlemaps/jest-mocks": "^2.22.6",
     "@types/google.maps": "^3.58.1",
+    "@types/jest": "^29.5.14",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@vitejs/plugin-vue": "^4.3.1",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/vue3-jest": "^29.2.6",
+    "babel-jest": "29.7.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^7.20.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "pnpm": "^10.13.1",
     "prettier": "^2.8.8",
     "rimraf": "^5.0.1",
     "standard-version": "^9.5.0",
+    "ts-jest": "^29.4.0",
     "typescript": "^5.1.6",
     "vite": "^4.5.3",
     "vite-plugin-css-injected-by-js": "^3.2.1",
     "vitepress": "^1.0.0-rc.40",
     "vue": "^3.3.4",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^3.0.3"
   },
   "peerDependencies": {
     "vue": "^3"
   },
   "engines": {
-    "node": ">=16.11.0"
+    "node": ">=18.12.0"
   }
 }