@nuxt/scripts 1.0.0-beta.27 → 1.0.0-beta.29

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue.d.ts

@@ -2,54 +2,24 @@ export { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    contextmenu: (payload: google.maps.MapMouseEvent) => any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (payload: google.maps.MapMouseEvent) => any;
-    dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
     dragstart: (payload: google.maps.MapMouseEvent) => any;
-    mousedown: (payload: google.maps.MapMouseEvent) => any;
-    mouseout: (payload: google.maps.MapMouseEvent) => any;
-    mouseover: (payload: google.maps.MapMouseEvent) => any;
-    mouseup: (payload: google.maps.MapMouseEvent) => any;
-    animation_changed: () => any;
-    clickable_changed: () => any;
-    cursor_changed: () => any;
-    draggable_changed: () => any;
-    flat_changed: () => any;
-    icon_changed: () => any;
-    position_changed: () => any;
-    shape_changed: () => any;
-    title_changed: () => any;
-    visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }> & Readonly<{
-    onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragstart?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMousedown?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
-    onAnimation_changed?: (() => any) | undefined;
-    onClickable_changed?: (() => any) | undefined;
-    onCursor_changed?: (() => any) | undefined;
-    onDraggable_changed?: (() => any) | undefined;
-    onFlat_changed?: (() => any) | undefined;
-    onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onShape_changed?: (() => any) | undefined;
-    onTitle_changed?: (() => any) | undefined;
-    onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    content?: (props: {}) => any;
+} & {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsCircle.d.vue.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
     options?: Omit<google.maps.CircleOptions, 'map'>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsCircle.vue

@@ -1,10 +1,11 @@
 <script setup>
 import { watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
   options: { type: Object, required: false }
 });
-const emit = defineEmits([]);
+const emit = defineEmits(["center_changed", "radius_changed", "click", "dblclick", "drag", "dragend", "dragstart", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "rightclick"]);
 const eventsWithoutPayload = [
   "center_changed",
   "radius_changed"
@@ -25,7 +26,10 @@ const eventsWithMapMouseEventPayload = [
 const circle = useGoogleMapsResource({
   create({ mapsApi, map }) {
     const c = new mapsApi.Circle({ map, ...props.options });
-    setupEventListeners(c);
+    bindGoogleMapsEvents(c, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
     return c;
   },
   cleanup(c, { mapsApi }) {
@@ -38,14 +42,6 @@ watch(() => props.options, (options) => {
     circle.value.setOptions(options);
   }
 }, { deep: true });
-function setupEventListeners(c) {
-  eventsWithoutPayload.forEach((event) => {
-    c.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    c.addListener(event, (payload) => emit(event, payload));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsCircle.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
     options?: Omit<google.maps.CircleOptions, 'map'>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.d.vue.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    src: string | object;
+    style?: google.maps.Data.StylingFunction | google.maps.Data.StyleOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    contextmenu: (payload: google.maps.Data.MouseEvent) => any;
+    click: (payload: google.maps.Data.MouseEvent) => any;
+    dblclick: (payload: google.maps.Data.MouseEvent) => any;
+    mousedown: (payload: google.maps.Data.MouseEvent) => any;
+    mousemove: (payload: google.maps.Data.MouseEvent) => any;
+    mouseout: (payload: google.maps.Data.MouseEvent) => any;
+    mouseover: (payload: google.maps.Data.MouseEvent) => any;
+    mouseup: (payload: google.maps.Data.MouseEvent) => any;
+    addfeature: (payload: google.maps.Data.AddFeatureEvent) => any;
+    removefeature: (payload: google.maps.Data.RemoveFeatureEvent) => any;
+    setgeometry: (payload: google.maps.Data.SetGeometryEvent) => any;
+    setproperty: (payload: google.maps.Data.SetPropertyEvent) => any;
+    removeproperty: (payload: google.maps.Data.RemovePropertyEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousedown?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onAddfeature?: ((payload: google.maps.Data.AddFeatureEvent) => any) | undefined;
+    onRemovefeature?: ((payload: google.maps.Data.RemoveFeatureEvent) => any) | undefined;
+    onSetgeometry?: ((payload: google.maps.Data.SetGeometryEvent) => any) | undefined;
+    onSetproperty?: ((payload: google.maps.Data.SetPropertyEvent) => any) | undefined;
+    onRemoveproperty?: ((payload: google.maps.Data.RemovePropertyEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.vue

@@ -0,0 +1,61 @@
+<script setup>
+import { watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
+import { useGoogleMapsResource } from "./useGoogleMapsResource";
+const props = defineProps({
+  src: { type: [String, Object], required: true },
+  style: { type: null, required: false }
+});
+const emit = defineEmits(["click", "contextmenu", "dblclick", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "addfeature", "removefeature", "setgeometry", "setproperty", "removeproperty"]);
+const dataEvents = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const featureEvents = [
+  "addfeature",
+  "removefeature",
+  "setgeometry",
+  "setproperty",
+  "removeproperty"
+];
+function loadGeoJson(src, layer) {
+  if (typeof src === "string")
+    layer.loadGeoJson(src);
+  else
+    layer.addGeoJson(src);
+}
+const dataLayer = useGoogleMapsResource({
+  create({ mapsApi, map }) {
+    const layer = new mapsApi.Data({ map });
+    if (props.style)
+      layer.setStyle(props.style);
+    loadGeoJson(props.src, layer);
+    bindGoogleMapsEvents(layer, emit, { withPayload: [...dataEvents, ...featureEvents] });
+    return layer;
+  },
+  cleanup(layer, { mapsApi }) {
+    mapsApi.event.clearInstanceListeners(layer);
+    layer.setMap(null);
+  }
+});
+watch(() => props.src, (src) => {
+  if (!dataLayer.value)
+    return;
+  dataLayer.value.forEach((feature) => dataLayer.value.remove(feature));
+  loadGeoJson(src, dataLayer.value);
+});
+watch(() => props.style, (style) => {
+  if (dataLayer.value)
+    dataLayer.value.setStyle(style ?? {});
+}, { deep: true });
+</script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsGeoJson.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    src: string | object;
+    style?: google.maps.Data.StylingFunction | google.maps.Data.StyleOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    contextmenu: (payload: google.maps.Data.MouseEvent) => any;
+    click: (payload: google.maps.Data.MouseEvent) => any;
+    dblclick: (payload: google.maps.Data.MouseEvent) => any;
+    mousedown: (payload: google.maps.Data.MouseEvent) => any;
+    mousemove: (payload: google.maps.Data.MouseEvent) => any;
+    mouseout: (payload: google.maps.Data.MouseEvent) => any;
+    mouseover: (payload: google.maps.Data.MouseEvent) => any;
+    mouseup: (payload: google.maps.Data.MouseEvent) => any;
+    addfeature: (payload: google.maps.Data.AddFeatureEvent) => any;
+    removefeature: (payload: google.maps.Data.RemoveFeatureEvent) => any;
+    setgeometry: (payload: google.maps.Data.SetGeometryEvent) => any;
+    setproperty: (payload: google.maps.Data.SetPropertyEvent) => any;
+    removeproperty: (payload: google.maps.Data.RemovePropertyEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onContextmenu?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousedown?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.Data.MouseEvent) => any) | undefined;
+    onAddfeature?: ((payload: google.maps.Data.AddFeatureEvent) => any) | undefined;
+    onRemovefeature?: ((payload: google.maps.Data.RemoveFeatureEvent) => any) | undefined;
+    onSetgeometry?: ((payload: google.maps.Data.SetGeometryEvent) => any) | undefined;
+    onSetproperty?: ((payload: google.maps.Data.SetPropertyEvent) => any) | undefined;
+    onRemoveproperty?: ((payload: google.maps.Data.RemovePropertyEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.d.vue.ts

@@ -5,26 +5,26 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     visible: () => any;
-    position_changed: () => any;
-    zindex_changed: () => any;
     closeclick: () => any;
     content_changed: () => any;
     domready: () => any;
     headercontent_changed: () => any;
     headerdisabled_changed: () => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onVisible?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
     onCloseclick?: (() => any) | undefined;
     onContent_changed?: (() => any) | undefined;
     onDomready?: (() => any) | undefined;
     onHeadercontent_changed?: (() => any) | undefined;
     onHeaderdisabled_changed?: (() => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue

@@ -1,11 +1,12 @@
 <script setup>
 import { inject, useTemplateRef, watch } from "vue";
-import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY, MARKER_INJECTION_KEY } from "./injectionKeys";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
+import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY, MAP_INJECTION_KEY, MARKER_INJECTION_KEY } from "./injectionKeys";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
   options: { type: null, required: false }
 });
-const emit = defineEmits([]);
+const emit = defineEmits(["close", "closeclick", "content_changed", "domready", "headercontent_changed", "headerdisabled_changed", "position_changed", "visible", "zindex_changed"]);
 const infoWindowEvents = [
   "close",
   "closeclick",
@@ -17,10 +18,13 @@ const infoWindowEvents = [
   "visible",
   "zindex_changed"
 ];
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
 const markerContext = inject(MARKER_INJECTION_KEY, void 0);
 const advancedMarkerElementContext = inject(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, void 0);
 const infoWindowContainer = useTemplateRef("info-window-container");
 let markerClickListener;
+let gmpClickHandler;
+let isOpen = false;
 const infoWindow = useGoogleMapsResource({
   ready: () => !!infoWindowContainer.value,
   create({ mapsApi, map }) {
@@ -28,32 +32,49 @@ const infoWindow = useGoogleMapsResource({
       content: infoWindowContainer.value,
       ...props.options
     });
-    setupEventListeners(iw);
+    iw.addListener("closeclick", () => {
+      isOpen = false;
+    });
+    iw.addListener("close", () => {
+      isOpen = false;
+    });
+    bindGoogleMapsEvents(iw, emit, { noPayload: infoWindowEvents });
+    const toggleOpen = (anchor) => {
+      if (isOpen) {
+        iw.close();
+        isOpen = false;
+      } else {
+        mapContext?.activateInfoWindow(iw);
+        iw.open({ anchor, map });
+        isOpen = true;
+      }
+    };
     if (markerContext?.marker.value) {
       markerClickListener = markerContext.marker.value.addListener("click", () => {
-        iw.open({
-          anchor: markerContext.marker.value,
-          map
-        });
+        toggleOpen(markerContext.marker.value);
       });
     } else if (advancedMarkerElementContext?.advancedMarkerElement.value) {
-      markerClickListener = advancedMarkerElementContext.advancedMarkerElement.value.addListener("click", () => {
-        iw.open({
-          anchor: advancedMarkerElementContext.advancedMarkerElement.value,
-          map
-        });
-      });
+      const ame = advancedMarkerElementContext.advancedMarkerElement.value;
+      ame.gmpClickable = true;
+      gmpClickHandler = () => toggleOpen(ame);
+      ame.addEventListener("gmp-click", gmpClickHandler);
     } else {
       iw.setPosition(props.options?.position);
       iw.open(map);
+      isOpen = true;
     }
     return iw;
   },
   cleanup(iw, { mapsApi }) {
     markerClickListener?.remove();
     markerClickListener = void 0;
+    if (gmpClickHandler && advancedMarkerElementContext?.advancedMarkerElement.value) {
+      advancedMarkerElementContext.advancedMarkerElement.value.removeEventListener("gmp-click", gmpClickHandler);
+      gmpClickHandler = void 0;
+    }
     mapsApi.event.clearInstanceListeners(iw);
     iw.close();
+    isOpen = false;
   }
 });
 watch(() => props.options, (options) => {
@@ -61,11 +82,6 @@ watch(() => props.options, (options) => {
     infoWindow.value.setOptions(options);
   }
 }, { deep: true });
-function setupEventListeners(iw) {
-  infoWindowEvents.forEach((event) => {
-    iw.addListener(event, () => emit(event));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue.d.ts

@@ -5,26 +5,26 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     visible: () => any;
-    position_changed: () => any;
-    zindex_changed: () => any;
     closeclick: () => any;
     content_changed: () => any;
     domready: () => any;
     headercontent_changed: () => any;
     headerdisabled_changed: () => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onVisible?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
     onCloseclick?: (() => any) | undefined;
     onContent_changed?: (() => any) | undefined;
     onDomready?: (() => any) | undefined;
     onHeadercontent_changed?: (() => any) | undefined;
     onHeaderdisabled_changed?: (() => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.d.vue.ts

@@ -2,8 +2,9 @@ export { MARKER_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
     click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
@@ -14,18 +15,19 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     mouseout: (payload: google.maps.MapMouseEvent) => any;
     mouseover: (payload: google.maps.MapMouseEvent) => any;
     mouseup: (payload: google.maps.MapMouseEvent) => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
     animation_changed: () => any;
     clickable_changed: () => any;
     cursor_changed: () => any;
     draggable_changed: () => any;
     flat_changed: () => any;
     icon_changed: () => any;
-    position_changed: () => any;
     shape_changed: () => any;
     title_changed: () => any;
     visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
@@ -38,17 +40,17 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
     onAnimation_changed?: (() => any) | undefined;
     onClickable_changed?: (() => any) | undefined;
     onCursor_changed?: (() => any) | undefined;
     onDraggable_changed?: (() => any) | undefined;
     onFlat_changed?: (() => any) | undefined;
     onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
     onShape_changed?: (() => any) | undefined;
     onTitle_changed?: (() => any) | undefined;
     onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue

@@ -1,5 +1,6 @@
 <script>
 import { inject, provide, watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { MARKER_INJECTION_KEY } from "./injectionKeys";
 import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
@@ -8,9 +9,13 @@ export { MARKER_INJECTION_KEY } from "./injectionKeys";
 
 <script setup>
 const props = defineProps({
+  position: { type: null, required: false },
   options: { type: Object, required: false }
 });
-const emit = defineEmits([]);
+const emit = defineEmits(["animation_changed", "clickable_changed", "cursor_changed", "draggable_changed", "flat_changed", "icon_changed", "position_changed", "shape_changed", "title_changed", "visible_changed", "zindex_changed", "click", "contextmenu", "dblclick", "drag", "dragend", "dragstart", "mousedown", "mouseout", "mouseover", "mouseup"]);
+if (import.meta.dev) {
+  console.warn("[nuxt-scripts] ScriptGoogleMapsMarker uses the deprecated google.maps.Marker class. Use ScriptGoogleMapsAdvancedMarkerElement instead.");
+}
 const eventsWithoutPayload = [
   "animation_changed",
   "clickable_changed",
@@ -39,8 +44,14 @@ const eventsWithMapMouseEventPayload = [
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
 const marker = useGoogleMapsResource({
   create({ mapsApi, map }) {
-    const m = new mapsApi.Marker(props.options);
-    setupEventListeners(m);
+    const m = new mapsApi.Marker({
+      ...props.options,
+      ...props.position ? { position: props.position } : {}
+    });
+    bindGoogleMapsEvents(m, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
     if (markerClustererContext?.markerClusterer.value) {
       markerClustererContext.markerClusterer.value.addMarker(m, true);
       markerClustererContext.requestRerender();
@@ -59,20 +70,17 @@ const marker = useGoogleMapsResource({
     }
   }
 });
+watch(() => props.position, (position) => {
+  if (marker.value && position) {
+    marker.value.setPosition(position);
+  }
+});
 watch(() => props.options, (options) => {
   if (marker.value && options) {
     marker.value.setOptions(options);
   }
 }, { deep: true });
 provide(MARKER_INJECTION_KEY, { marker });
-function setupEventListeners(m) {
-  eventsWithoutPayload.forEach((event) => {
-    m.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    m.addListener(event, (payload) => emit(event, payload));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue.d.ts

@@ -2,8 +2,9 @@ export { MARKER_INJECTION_KEY } from './injectionKeys.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
     click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
@@ -14,18 +15,19 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     mouseout: (payload: google.maps.MapMouseEvent) => any;
     mouseover: (payload: google.maps.MapMouseEvent) => any;
     mouseup: (payload: google.maps.MapMouseEvent) => any;
+    position_changed: () => any;
+    zindex_changed: () => any;
     animation_changed: () => any;
     clickable_changed: () => any;
     cursor_changed: () => any;
     draggable_changed: () => any;
     flat_changed: () => any;
     icon_changed: () => any;
-    position_changed: () => any;
     shape_changed: () => any;
     title_changed: () => any;
     visible_changed: () => any;
-    zindex_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
@@ -38,17 +40,17 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseout?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseover?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onMouseup?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onPosition_changed?: (() => any) | undefined;
+    onZindex_changed?: (() => any) | undefined;
     onAnimation_changed?: (() => any) | undefined;
     onClickable_changed?: (() => any) | undefined;
     onCursor_changed?: (() => any) | undefined;
     onDraggable_changed?: (() => any) | undefined;
     onFlat_changed?: (() => any) | undefined;
     onIcon_changed?: (() => any) | undefined;
-    onPosition_changed?: (() => any) | undefined;
     onShape_changed?: (() => any) | undefined;
     onTitle_changed?: (() => any) | undefined;
     onVisible_changed?: (() => any) | undefined;
-    onZindex_changed?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.d.vue.ts

@@ -20,7 +20,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<MarkerClustererOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (payload: MarkerClustererInstance) => any;
     clusteringbegin: (payload: MarkerClustererInstance) => any;
     clusteringend: (payload: MarkerClustererInstance) => any;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue

@@ -1,6 +1,7 @@
 <script>
 import { whenever } from "@vueuse/core";
 import { provide, shallowRef } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
 import { useGoogleMapsResource } from "./useGoogleMapsResource";
 export const MARKER_CLUSTERER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker-clusterer");
 </script>
@@ -9,7 +10,7 @@ export const MARKER_CLUSTERER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker-clu
 const props = defineProps({
   options: { type: Object, required: false }
 });
-const emit = defineEmits([]);
+const emit = defineEmits(["click", "clusteringbegin", "clusteringend"]);
 const markerClustererEvents = [
   "click",
   "clusteringbegin",
@@ -22,7 +23,7 @@ const markerClusterer = useGoogleMapsResource({
       map,
       ...props.options
     });
-    setupEventListeners(clusterer);
+    bindGoogleMapsEvents(clusterer, emit, { withPayload: markerClustererEvents });
     return clusterer;
   },
   cleanup(clusterer, { mapsApi }) {
@@ -45,11 +46,6 @@ provide(
     requestRerender
   }
 );
-function setupEventListeners(clusterer) {
-  markerClustererEvents.forEach((event) => {
-    clusterer.addListener(event, () => emit(event, clusterer));
-  });
-}
 </script>
 
 <template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<MarkerClustererOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (payload: MarkerClustererInstance) => any;
     clusteringbegin: (payload: MarkerClustererInstance) => any;
     clusteringend: (payload: MarkerClustererInstance) => any;