@nuxt/scripts 1.0.0-beta.3 → 1.0.0-beta.31

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

@@ -1,7 +1,11 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the circle overlay.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/polygon#CircleOptions
+     */
     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,14 +1,11 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
-import { whenever } from "@vueuse/core";
-import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+import { watch } from "vue";
+import { bindGoogleMapsEvents } from "./bindGoogleMapsEvents";
+import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits(["center_changed", "radius_changed", "click", "dblclick", "drag", "dragend", "dragstart", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "rightclick"]);
 const eventsWithoutPayload = [
   "center_changed",
   "radius_changed"
@@ -26,37 +23,27 @@ const eventsWithMapMouseEventPayload = [
   "mouseup",
   "rightclick"
 ];
-const emit = defineEmits([]);
-const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let circle = void 0;
-whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
-  circle = new mapContext.mapsApi.value.Circle({
-    map: mapContext.map.value,
-    ...props.options
-  });
-  setupCircleEventListeners(circle);
-  whenever(() => props.options, (options) => {
-    circle?.setOptions(options);
-  }, {
-    deep: true
-  });
-}, {
-  immediate: true,
-  once: true
-});
-onUnmounted(() => {
-  if (!circle || !mapContext?.mapsApi.value) {
-    return;
+const circle = useGoogleMapsResource({
+  create({ mapsApi, map }) {
+    const c = new mapsApi.Circle({ map, ...props.options });
+    bindGoogleMapsEvents(c, emit, {
+      noPayload: eventsWithoutPayload,
+      withPayload: eventsWithMapMouseEventPayload
+    });
+    return c;
+  },
+  cleanup(c, { mapsApi }) {
+    mapsApi.event.clearInstanceListeners(c);
+    c.setMap(null);
   }
-  mapContext.mapsApi.value.event.clearInstanceListeners(circle);
-  circle.setMap(null);
 });
-function setupCircleEventListeners(circle2) {
-  eventsWithoutPayload.forEach((event) => {
-    circle2.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    circle2.addListener(event, (payload) => emit(event, payload));
-  });
-}
+watch(() => props.options, (options) => {
+  if (circle.value && options) {
+    circle.value.setOptions(options);
+  }
+}, { deep: true });
 </script>
+
+<template>
+
+</template>

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

@@ -1,7 +1,11 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the circle overlay.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/polygon#CircleOptions
+     */
     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,43 @@
+type __VLS_Props = {
+    /**
+     * The GeoJSON source. Can be a URL string or a GeoJSON object.
+     * @see https://developers.google.com/maps/documentation/javascript/datalayer#load_geojson
+     */
+    src: string | object;
+    /**
+     * Styling options or a function that computes styles per feature.
+     * @see https://developers.google.com/maps/documentation/javascript/datalayer#style_geojson_data
+     */
+    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,43 @@
+type __VLS_Props = {
+    /**
+     * The GeoJSON source. Can be a URL string or a GeoJSON object.
+     * @see https://developers.google.com/maps/documentation/javascript/datalayer#load_geojson
+     */
+    src: string | object;
+    /**
+     * Styling options or a function that computes styles per feature.
+     * @see https://developers.google.com/maps/documentation/javascript/datalayer#style_geojson_data
+     */
+    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/ScriptGoogleMapsHeatmapLayer.d.vue.ts

@@ -1,4 +1,8 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the heatmap layer visualization.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/visualization#HeatmapLayerOptions
+     */
     options?: Omit<google.maps.visualization.HeatmapLayerOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,32 +1,28 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
-import { whenever } from "@vueuse/core";
-import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+import { watch } from "vue";
+import { useGoogleMapsResource } from "./useGoogleMapsResource";
 const props = defineProps({
   options: { type: Object, required: false }
 });
-const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let heatmapLayer = void 0;
-whenever(() => mapContext?.map.value && mapContext.mapsApi.value, async () => {
-  await mapContext.mapsApi.value.importLibrary("visualization");
-  heatmapLayer = new mapContext.mapsApi.value.visualization.HeatmapLayer({
-    map: mapContext.map.value,
-    ...props.options
-  });
-  whenever(() => props.options, (options) => {
-    heatmapLayer?.setOptions(options);
-  }, {
-    deep: true
-  });
-}, {
-  immediate: true,
-  once: true
-});
-onUnmounted(() => {
-  heatmapLayer?.setMap(null);
+const heatmapLayer = useGoogleMapsResource({
+  async create({ mapsApi, map }) {
+    await mapsApi.importLibrary("visualization");
+    return new mapsApi.visualization.HeatmapLayer({
+      map,
+      ...props.options
+    });
+  },
+  cleanup(layer) {
+    layer.setMap(null);
+  }
 });
+watch(() => props.options, (options) => {
+  if (heatmapLayer.value && options) {
+    heatmapLayer.value.setOptions(options);
+  }
+}, { deep: true });
 </script>
+
+<template>
+
+</template>

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

@@ -1,4 +1,8 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the heatmap layer visualization.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/visualization#HeatmapLayerOptions
+     */
     options?: Omit<google.maps.visualization.HeatmapLayerOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,30 +1,34 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the info window.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindowOptions
+     */
     options?: google.maps.InfoWindowOptions;
 };
 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,20 +1,12 @@
-<template>
-  <div class="info-window-container">
-    <div ref="info-window-container">
-      <slot />
-    </div>
-  </div>
-</template>
-
 <script setup>
-import { inject, onUnmounted, useTemplateRef } from "vue";
-import { whenever } from "@vueuse/core";
-import { MARKER_INJECTION_KEY } from "./ScriptGoogleMapsMarker.vue";
-import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
-import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./ScriptGoogleMapsAdvancedMarkerElement.vue";
+import { inject, useTemplateRef, watch } from "vue";
+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(["close", "closeclick", "content_changed", "domready", "headercontent_changed", "headerdisabled_changed", "position_changed", "visible", "zindex_changed"]);
 const infoWindowEvents = [
   "close",
   "closeclick",
@@ -26,63 +18,80 @@ const infoWindowEvents = [
   "visible",
   "zindex_changed"
 ];
-const emit = defineEmits([]);
 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 infoWindow = void 0;
-whenever(
-  () => mapContext?.map.value && mapContext.mapsApi.value && infoWindowContainer.value,
-  () => {
-    infoWindow = new mapContext.mapsApi.value.InfoWindow({
+let markerClickListener;
+let gmpClickHandler;
+let isOpen = false;
+const infoWindow = useGoogleMapsResource({
+  ready: () => !!infoWindowContainer.value,
+  create({ mapsApi, map }) {
+    const iw = new mapsApi.InfoWindow({
       content: infoWindowContainer.value,
       ...props.options
     });
-    setupInfoWindowEventListeners(infoWindow);
+    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) {
-      markerContext.marker.value.addListener("click", () => {
-        infoWindow.open({
-          anchor: markerContext.marker.value,
-          map: mapContext.map.value
-        });
+      markerClickListener = markerContext.marker.value.addListener("click", () => {
+        toggleOpen(markerContext.marker.value);
       });
     } else if (advancedMarkerElementContext?.advancedMarkerElement.value) {
-      advancedMarkerElementContext.advancedMarkerElement.value.addListener("click", () => {
-        infoWindow.open({
-          anchor: advancedMarkerElementContext.advancedMarkerElement.value,
-          map: mapContext.map.value
-        });
-      });
+      const ame = advancedMarkerElementContext.advancedMarkerElement.value;
+      ame.gmpClickable = true;
+      gmpClickHandler = () => toggleOpen(ame);
+      ame.addEventListener("gmp-click", gmpClickHandler);
     } else {
-      infoWindow.setPosition(props.options?.position);
-      infoWindow.open(mapContext.map.value);
+      iw.setPosition(props.options?.position);
+      iw.open(map);
+      isOpen = true;
     }
-    whenever(() => props.options, (options) => {
-      infoWindow?.setOptions(options);
-    }, {
-      deep: true
-    });
+    return iw;
   },
-  {
-    immediate: true,
-    once: true
-  }
-);
-onUnmounted(() => {
-  if (!infoWindow || !mapContext?.mapsApi.value) {
-    return;
+  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;
   }
-  mapContext.mapsApi.value.event.clearInstanceListeners(infoWindow);
-  infoWindow.close();
 });
-function setupInfoWindowEventListeners(infoWindow2) {
-  infoWindowEvents.forEach((event) => {
-    infoWindow2.addListener(event, () => emit(event));
-  });
-}
+watch(() => props.options, (options) => {
+  if (infoWindow.value && options) {
+    infoWindow.value.setOptions(options);
+  }
+}, { deep: true });
 </script>
 
+<template>
+  <div class="info-window-container">
+    <div ref="info-window-container">
+      <slot />
+    </div>
+  </div>
+</template>
+
 <style scoped>
 .info-window-container{display:none}
 </style>

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

@@ -1,30 +1,34 @@
 type __VLS_Props = {
+    /**
+     * Configuration options for the info window.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindowOptions
+     */
     options?: google.maps.InfoWindowOptions;
 };
 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

@@ -1,14 +1,20 @@
-import type { InjectionKey, ShallowRef } from 'vue';
-export declare const MARKER_INJECTION_KEY: InjectionKey<{
-    marker: ShallowRef<google.maps.Marker | undefined>;
-}>;
+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<{
+    /**
+     * The position of the marker on the map.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.position
+     */
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
+    /**
+     * Configuration options for the legacy marker. Deprecated: use ScriptGoogleMapsAdvancedMarkerElement instead.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions
+     */
     options?: Omit<google.maps.MarkerOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -17,22 +23,31 @@ 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<{
+    /**
+     * The position of the marker on the map.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.position
+     */
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
+    /**
+     * Configuration options for the legacy marker. Deprecated: use ScriptGoogleMapsAdvancedMarkerElement instead.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions
+     */
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     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;
@@ -41,17 +56,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;
 }>;