@nuxt/scripts 0.11.10 → 0.12.0

package/dist/runtime/components/{ScriptGoogleMaps.vue → GoogleMaps/ScriptGoogleMaps.vue}

@@ -1,13 +1,17 @@
-<script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch, toRaw } from "vue";
+<script>
+import { computed, onBeforeUnmount, onMounted, ref, watch, toRaw, provide, shallowRef } from "vue";
 import { withQuery } from "ufo";
 import { defu } from "defu";
 import { hash } from "ohash";
 import { useHead } from "nuxt/app";
-import { scriptRuntimeConfig } from "../utils";
-import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { useScriptGoogleMaps } from "../registry/google-maps";
-import ScriptAriaLoadingIndicator from "./ScriptAriaLoadingIndicator.vue";
+import { scriptRuntimeConfig } from "#nuxt-scripts/utils";
+import { useScriptTriggerElement } from "#nuxt-scripts/composables/useScriptTriggerElement";
+import { useScriptGoogleMaps } from "#nuxt-scripts/registry/google-maps";
+import ScriptAriaLoadingIndicator from "../ScriptAriaLoadingIndicator.vue";
+export const MAP_INJECTION_KEY = Symbol("map");
+</script>
+
+<script setup>
 const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false, default: ["mouseenter", "mouseover", "mousedown"] },
   aboveTheFold: { type: Boolean, required: false },
@@ -51,7 +55,7 @@ const options = computed(() => {
   });
 });
 const ready = ref(false);
-const map = ref();
+const map = shallowRef();
 const mapMarkers = ref(/* @__PURE__ */ new Map());
 function isLocationQuery(s) {
   return typeof s === "string" && (s.split(",").length > 2 || s.includes("+"));
@@ -71,7 +75,7 @@ function normalizeAdvancedMapMarkerOptions(_options) {
       lat: Number.parseFloat(_options.split(",")[0] || "0"),
       lng: Number.parseFloat(_options.split(",")[1] || "0")
     }
-  } : _options;
+  } : _options || {};
   if (!opts.position) {
     opts.position = {
       lat: 0,
@@ -89,11 +93,10 @@ async function createAdvancedMapMarker(_options) {
     return mapMarkers.value.get(key);
   const p = new Promise(async (resolve) => {
     const lib = await importLibrary("marker");
-    const mapMarkerOptions = defu(toRaw(normalizedOptions), {
-      map: toRaw(map.value),
-      // @ts-expect-error unified API for maps and markers
-      position: normalizedOptions.location
-    });
+    const mapMarkerOptions = {
+      ...toRaw(normalizedOptions),
+      map: toRaw(map.value)
+    };
     resolve(new lib.AdvancedMarkerElement(mapMarkerOptions));
   });
   mapMarkers.value.set(key, p);
@@ -154,6 +157,7 @@ const googleMaps = {
   importLibrary
 };
 defineExpose(googleMaps);
+provide(MAP_INJECTION_KEY, { map, mapsApi });
 onMounted(() => {
   watch(ready, (v) => {
     if (v) {

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

@@ -0,0 +1,61 @@
+import type { InjectionKey, ShallowRef } from 'vue';
+export declare const ADVANCED_MARKER_ELEMENT_INJECTION_KEY: InjectionKey<{
+    advancedMarkerElement: ShallowRef<google.maps.marker.AdvancedMarkerElement | undefined>;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.MapMouseEvent) => any;
+    contextmenu: (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<{
+    options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
+}> & Readonly<{
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onContextmenu?: ((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>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,86 @@
+<template>
+  <slot v-if="advancedMarkerElement" />
+</template>
+
+<script>
+import { inject, onUnmounted, provide, shallowRef } from "vue";
+import { whenever } from "@vueuse/core";
+import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
+export const ADVANCED_MARKER_ELEMENT_INJECTION_KEY = Symbol("marker");
+</script>
+
+<script setup>
+const props = defineProps({
+  options: { type: Object, required: false }
+});
+const eventsWithoutPayload = [
+  "animation_changed",
+  "clickable_changed",
+  "cursor_changed",
+  "draggable_changed",
+  "flat_changed",
+  "icon_changed",
+  "position_changed",
+  "shape_changed",
+  "title_changed",
+  "visible_changed",
+  "zindex_changed"
+];
+const eventsWithMapMouseEventPayload = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "drag",
+  "dragend",
+  "dragstart",
+  "mousedown",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const emit = defineEmits([]);
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
+const advancedMarkerElement = shallowRef(void 0);
+whenever(() => mapContext?.map.value && mapContext.mapsApi.value, async () => {
+  await mapContext.mapsApi.value.importLibrary("marker");
+  advancedMarkerElement.value = new mapContext.mapsApi.value.marker.AdvancedMarkerElement(props.options);
+  setupAdvancedMarkerElementEventListeners(advancedMarkerElement.value);
+  if (markerClustererContext?.markerClusterer.value) {
+    markerClustererContext.markerClusterer.value.addMarker(advancedMarkerElement.value);
+  } else {
+    advancedMarkerElement.value.map = mapContext.map.value;
+  }
+  whenever(() => props.options, (options) => {
+    if (advancedMarkerElement.value && options) {
+      Object.assign(advancedMarkerElement.value, options);
+    }
+  }, {
+    deep: true
+  });
+}, {
+  immediate: true,
+  once: true
+});
+onUnmounted(() => {
+  if (!advancedMarkerElement.value || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(advancedMarkerElement.value);
+  if (markerClustererContext) {
+    markerClustererContext.markerClusterer.value?.removeMarker(advancedMarkerElement.value);
+  } else {
+    advancedMarkerElement.value.map = null;
+  }
+});
+provide(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, { advancedMarkerElement });
+function setupAdvancedMarkerElementEventListeners(advancedMarkerElement2) {
+  eventsWithoutPayload.forEach((event) => {
+    advancedMarkerElement2.addListener(event, () => emit(event));
+  });
+  eventsWithMapMouseEventPayload.forEach((event) => {
+    advancedMarkerElement2.addListener(event, (payload) => emit(event, payload));
+  });
+}
+</script>

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

@@ -0,0 +1,61 @@
+import type { InjectionKey, ShallowRef } from 'vue';
+export declare const ADVANCED_MARKER_ELEMENT_INJECTION_KEY: InjectionKey<{
+    advancedMarkerElement: ShallowRef<google.maps.marker.AdvancedMarkerElement | undefined>;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.MapMouseEvent) => any;
+    contextmenu: (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<{
+    options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
+}> & Readonly<{
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onContextmenu?: ((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>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.CircleOptions, 'map'>;
+};
+declare const _default: 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;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.MapMouseEvent) => any;
+    mousemove: (payload: google.maps.MapMouseEvent) => any;
+    mouseout: (payload: google.maps.MapMouseEvent) => any;
+    mouseover: (payload: google.maps.MapMouseEvent) => any;
+    mouseup: (payload: google.maps.MapMouseEvent) => any;
+    center_changed: () => any;
+    radius_changed: () => any;
+    rightclick: (payload: google.maps.MapMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    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;
+    onMousemove?: ((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;
+    onCenter_changed?: (() => any) | undefined;
+    onRadius_changed?: (() => any) | undefined;
+    onRightclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,62 @@
+<template>
+
+</template>
+
+<script setup>
+import { inject, onUnmounted } from "vue";
+import { whenever } from "@vueuse/core";
+import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+const props = defineProps({
+  options: { type: Object, required: false }
+});
+const eventsWithoutPayload = [
+  "center_changed",
+  "radius_changed"
+];
+const eventsWithMapMouseEventPayload = [
+  "click",
+  "dblclick",
+  "drag",
+  "dragend",
+  "dragstart",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "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;
+  }
+  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));
+  });
+}
+</script>

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.CircleOptions, 'map'>;
+};
+declare const _default: 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;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.MapMouseEvent) => any;
+    mousemove: (payload: google.maps.MapMouseEvent) => any;
+    mouseout: (payload: google.maps.MapMouseEvent) => any;
+    mouseover: (payload: google.maps.MapMouseEvent) => any;
+    mouseup: (payload: google.maps.MapMouseEvent) => any;
+    center_changed: () => any;
+    radius_changed: () => any;
+    rightclick: (payload: google.maps.MapMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    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;
+    onMousemove?: ((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;
+    onCenter_changed?: (() => any) | undefined;
+    onRadius_changed?: (() => any) | undefined;
+    onRightclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.visualization.HeatmapLayerOptions, 'map'>;
+};
+declare const _default: 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>;
+export default _default;

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

@@ -0,0 +1,32 @@
+<template>
+
+</template>
+
+<script setup>
+import { inject, onUnmounted } from "vue";
+import { whenever } from "@vueuse/core";
+import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+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);
+});
+</script>

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.visualization.HeatmapLayerOptions, 'map'>;
+};
+declare const _default: 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>;
+export default _default;

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    options?: google.maps.InfoWindowOptions;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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;
+}, 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;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,88 @@
+<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";
+const props = defineProps({
+  options: { type: null, required: false }
+});
+const infoWindowEvents = [
+  "close",
+  "closeclick",
+  "content_changed",
+  "domready",
+  "headercontent_changed",
+  "headerdisabled_changed",
+  "position_changed",
+  "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({
+      content: infoWindowContainer.value,
+      ...props.options
+    });
+    setupInfoWindowEventListeners(infoWindow);
+    if (markerContext?.marker.value) {
+      markerContext.marker.value.addListener("click", () => {
+        infoWindow.open({
+          anchor: markerContext.marker.value,
+          map: mapContext.map.value
+        });
+      });
+    } else if (advancedMarkerElementContext?.advancedMarkerElement.value) {
+      advancedMarkerElementContext.advancedMarkerElement.value.addListener("click", () => {
+        infoWindow.open({
+          anchor: advancedMarkerElementContext.advancedMarkerElement.value,
+          map: mapContext.map.value
+        });
+      });
+    } else {
+      infoWindow.setPosition(props.options?.position);
+      infoWindow.open(mapContext.map.value);
+    }
+    whenever(() => props.options, (options) => {
+      infoWindow?.setOptions(options);
+    }, {
+      deep: true
+    });
+  },
+  {
+    immediate: true,
+    once: true
+  }
+);
+onUnmounted(() => {
+  if (!infoWindow || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(infoWindow);
+  infoWindow.close();
+});
+function setupInfoWindowEventListeners(infoWindow2) {
+  infoWindowEvents.forEach((event) => {
+    infoWindow2.addListener(event, () => emit(event));
+  });
+}
+</script>
+
+<style scoped>
+.info-window-container{display:none}
+</style>

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    options?: google.maps.InfoWindowOptions;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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;
+}, 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;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};