@nuxt/scripts 1.0.0-beta.7 → 1.0.0-rc.10

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

@@ -1,85 +1,82 @@
-<template>
-  <slot v-if="marker" />
-</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 MARKER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker");
+import { inject, provide, useSlots, useTemplateRef, watch } from "vue";
+import { MARKER_CLUSTERER_INJECTION_KEY } from "./types";
+import { bindGoogleMapsEvents, MARKER_INJECTION_KEY, useGoogleMapsResource } from "./useGoogleMapsResource";
+export { MARKER_INJECTION_KEY } from "./useGoogleMapsResource";
 </script>
 
 <script setup>
 const props = defineProps({
+  position: { type: null, required: false },
   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 emit = defineEmits(["click", "drag", "dragend", "dragstart"]);
+defineSlots();
+const dragEvents = ["drag", "dragend", "dragstart"];
+const slots = useSlots();
+const markerContent = useTemplateRef("marker-content");
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
-const marker = shallowRef(void 0);
-whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
-  marker.value = new mapContext.mapsApi.value.Marker(props.options);
-  setupMarkerEventListeners(marker.value);
-  if (markerClustererContext?.markerClusterer.value) {
-    markerClustererContext.markerClusterer.value.addMarker(marker.value, true);
-    markerClustererContext.requestRerender();
-  } else {
-    marker.value.setMap(mapContext.map.value);
+let gmpClickHandler;
+const advancedMarkerElement = useGoogleMapsResource({
+  ready: () => !slots.content || !!markerContent.value,
+  async create({ mapsApi, map }) {
+    await mapsApi.importLibrary("marker");
+    const marker = new mapsApi.marker.AdvancedMarkerElement({
+      ...props.options,
+      gmpClickable: true,
+      ...props.position ? { position: props.position } : {}
+    });
+    if (markerContent.value) {
+      marker.content = markerContent.value;
+    }
+    if (markerClustererContext?.markerClusterer.value) {
+      markerClustererContext.markerClusterer.value.addMarker(marker, true);
+      markerClustererContext.requestRerender();
+    } else {
+      marker.map = map;
+    }
+    gmpClickHandler = (e) => emit("click", e);
+    marker.addEventListener("gmp-click", gmpClickHandler);
+    bindGoogleMapsEvents(marker, emit, {
+      withPayload: dragEvents
+    });
+    return marker;
+  },
+  cleanup(marker, { mapsApi }) {
+    if (gmpClickHandler) {
+      marker.removeEventListener("gmp-click", gmpClickHandler);
+      gmpClickHandler = void 0;
+    }
+    mapsApi.event.clearInstanceListeners(marker);
+    if (markerClustererContext?.markerClusterer.value) {
+      markerClustererContext.markerClusterer.value.removeMarker(marker, true);
+      markerClustererContext.requestRerender();
+    } else {
+      marker.map = null;
+    }
   }
-  whenever(() => props.options, (options) => {
-    marker.value?.setOptions(options);
-  }, {
-    deep: true
-  });
-}, {
-  immediate: true,
-  once: true
 });
-onUnmounted(() => {
-  if (!marker.value || !mapContext?.mapsApi.value) {
-    return;
-  }
-  mapContext.mapsApi.value.event.clearInstanceListeners(marker.value);
-  if (markerClustererContext?.markerClusterer.value) {
-    markerClustererContext.markerClusterer.value.removeMarker(marker.value, true);
-    markerClustererContext.requestRerender();
-  } else {
-    marker.value.setMap(null);
-  }
-});
-provide(MARKER_INJECTION_KEY, { marker });
-function setupMarkerEventListeners(marker2) {
-  eventsWithoutPayload.forEach((event) => {
-    marker2.addListener(event, () => emit(event));
-  });
-  eventsWithMapMouseEventPayload.forEach((event) => {
-    marker2.addListener(event, (payload) => emit(event, payload));
-  });
-}
+watch(
+  () => [props.position, props.options],
+  () => {
+    if (!advancedMarkerElement.value)
+      return;
+    if (props.options)
+      Object.assign(advancedMarkerElement.value, props.options);
+    advancedMarkerElement.value.position = props.position ?? props.options?.position;
+  },
+  { deep: true }
+);
+provide(MARKER_INJECTION_KEY, { advancedMarkerElement });
 </script>
+
+<template>
+  <!-- Hidden container for #content slot — becomes the marker visual -->
+  <div v-if="$slots.content" style="display: none;">
+    <div ref="marker-content">
+      <slot name="content" />
+    </div>
+  </div>
+  <!-- Default slot for child components (InfoWindow, OverlayView, etc.) -->
+  <slot v-if="advancedMarkerElement" />
+</template>

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

@@ -1,59 +1,41 @@
-import type { InjectionKey, ShallowRef } from 'vue';
-export declare const MARKER_INJECTION_KEY: InjectionKey<{
-    marker: ShallowRef<google.maps.Marker | undefined>;
-}>;
+export { MARKER_INJECTION_KEY } from './useGoogleMapsResource.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    options?: Omit<google.maps.MarkerOptions, "map">;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    /**
+     * The position of the marker on the map.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElementOptions.position
+     */
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
+    /**
+     * Configuration options for the marker.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElementOptions
+     */
+    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.MarkerOptions, "map">;
+    /**
+     * The position of the marker on the map.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElementOptions.position
+     */
+    position?: google.maps.LatLngLiteral | google.maps.LatLng;
+    /**
+     * Configuration options for the marker.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElementOptions
+     */
+    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;
+    default?: () => any;
+    content?: () => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,37 +1,36 @@
-import { type InjectionKey, type ShallowRef } from 'vue';
-export interface MarkerClustererInstance {
-    render: () => void;
-    setMap: (map: google.maps.Map | null) => void;
-    addListener: (event: string, handler: () => void) => void;
-    addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void;
-    removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean;
-}
-export interface MarkerClustererOptions {
-    markers?: google.maps.marker.AdvancedMarkerElement[];
-    algorithm?: unknown;
-    renderer?: unknown;
-    onClusterClick?: unknown;
-}
-export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
-    markerClusterer: ShallowRef<MarkerClustererInstance | undefined>;
-    requestRerender: () => void;
-}>;
+import type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions } from './types.js';
+import { MARKER_CLUSTERER_INJECTION_KEY } from './types.js';
+export type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions };
+export { MARKER_CLUSTERER_INJECTION_KEY };
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * Configuration options for the marker clusterer.
+     * @see https://googlemaps.github.io/js-markerclusterer/interfaces/MarkerClustererOptions.html
+     */
     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;
 }, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Configuration options for the marker clusterer.
+     * @see https://googlemaps.github.io/js-markerclusterer/interfaces/MarkerClustererOptions.html
+     */
     options?: Omit<MarkerClustererOptions, "map">;
 }> & Readonly<{
     onClick?: ((payload: MarkerClustererInstance) => any) | undefined;
     onClusteringbegin?: ((payload: MarkerClustererInstance) => any) | undefined;
     onClusteringend?: ((payload: MarkerClustererInstance) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
+    default?: () => any;
+    renderer?: (props: {
+        cluster: Cluster;
+        stats: ClusterStats;
+        map: google.maps.Map;
+    }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,62 +1,109 @@
-<template>
-  <slot v-if="markerClusterer" />
-</template>
-
 <script>
-import { inject, onUnmounted, provide, shallowRef } from "vue";
-import { whenever } from "@vueuse/core";
-import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
-export const MARKER_CLUSTERER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker-clusterer");
+import { getCurrentInstance, h, inject, onBeforeUnmount, provide, shallowRef, useSlots, render as vueRender, watch } from "vue";
+import { MARKER_CLUSTERER_INJECTION_KEY } from "./types";
+import { bindGoogleMapsEvents, MAP_INJECTION_KEY, useGoogleMapsResource } from "./useGoogleMapsResource";
+export { MARKER_CLUSTERER_INJECTION_KEY };
 </script>
 
 <script setup>
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits(["click", "clusteringbegin", "clusteringend"]);
+defineSlots();
 const markerClustererEvents = [
   "click",
   "clusteringbegin",
   "clusteringend"
 ];
-const emit = defineEmits([]);
+const slots = useSlots();
+const instance = getCurrentInstance();
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-const markerClusterer = shallowRef(void 0);
-whenever(() => mapContext?.map.value, async (map) => {
-  const { MarkerClusterer } = await import("@googlemaps/markerclusterer");
-  markerClusterer.value = new MarkerClusterer({
-    map,
-    ...props.options
-  });
-  setupMarkerClustererEventListeners(markerClusterer.value);
-}, {
-  immediate: true,
-  once: true
+const clusteringVersion = shallowRef(0);
+const renderedContainers = [];
+function cleanupRenderedClusters() {
+  for (const container of renderedContainers) {
+    vueRender(null, container);
+  }
+  renderedContainers.length = 0;
+}
+onBeforeUnmount(cleanupRenderedClusters);
+const markerClusterer = useGoogleMapsResource({
+  async create({ map, mapsApi }) {
+    const { MarkerClusterer } = await import("@googlemaps/markerclusterer");
+    if (slots.renderer) {
+      await mapsApi.importLibrary("marker");
+    }
+    const clusterer = new MarkerClusterer({
+      map,
+      ...props.options,
+      ...slots.renderer ? {
+        renderer: {
+          render(cluster, stats) {
+            const container = document.createElement("div");
+            const vnode = h({
+              render: () => slots.renderer?.({ cluster, stats, map })
+            });
+            if (instance) {
+              vnode.appContext = instance.appContext;
+            }
+            vueRender(vnode, container);
+            renderedContainers.push(container);
+            const marker = new mapsApi.marker.AdvancedMarkerElement({
+              position: cluster.position,
+              content: container.firstElementChild || container
+            });
+            return marker;
+          }
+        }
+      } : {}
+    });
+    bindGoogleMapsEvents(clusterer, emit, { withPayload: markerClustererEvents });
+    clusterer.addListener("clusteringbegin", () => {
+      cleanupRenderedClusters();
+    });
+    clusterer.addListener("clusteringend", () => {
+      clusteringVersion.value++;
+    });
+    return clusterer;
+  },
+  cleanup(clusterer, { mapsApi }) {
+    mapsApi.event.clearInstanceListeners(clusterer);
+    clusterer.setMap(null);
+    cleanupRenderedClusters();
+  }
 });
-const markerClustererNeedsRerender = shallowRef(false);
+const rerenderPending = shallowRef(false);
 function requestRerender() {
-  markerClustererNeedsRerender.value = true;
+  rerenderPending.value = true;
 }
-whenever(() => markerClustererNeedsRerender.value && markerClusterer.value, () => {
-  markerClusterer.value.render();
-  markerClustererNeedsRerender.value = false;
-});
-onUnmounted(() => {
-  if (!markerClusterer.value || !mapContext?.mapsApi.value) {
-    return;
+watch(
+  () => rerenderPending.value && markerClusterer.value,
+  (ready) => {
+    if (!ready)
+      return;
+    if (!mapContext?.map.value?.getProjection())
+      return;
+    rerenderPending.value = false;
+    try {
+      markerClusterer.value.render();
+    } catch (err) {
+      if (import.meta.dev) {
+        console.error("[nuxt-scripts] MarkerClusterer render failed:", err);
+      }
+    }
   }
-  mapContext.mapsApi.value.event.clearInstanceListeners(markerClusterer.value);
-  markerClusterer.value.setMap(null);
-});
+);
 provide(
   MARKER_CLUSTERER_INJECTION_KEY,
   {
     markerClusterer,
-    requestRerender
+    requestRerender,
+    clusteringVersion
   }
 );
-function setupMarkerClustererEventListeners(clusterer) {
-  markerClustererEvents.forEach((event) => {
-    clusterer.addListener(event, () => emit(event, clusterer));
-  });
-}
 </script>
+
+<template>
+  <slot v-if="markerClusterer" />
+</template>

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

@@ -1,37 +1,36 @@
-import { type InjectionKey, type ShallowRef } from 'vue';
-export interface MarkerClustererInstance {
-    render: () => void;
-    setMap: (map: google.maps.Map | null) => void;
-    addListener: (event: string, handler: () => void) => void;
-    addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void;
-    removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean;
-}
-export interface MarkerClustererOptions {
-    markers?: google.maps.marker.AdvancedMarkerElement[];
-    algorithm?: unknown;
-    renderer?: unknown;
-    onClusterClick?: unknown;
-}
-export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
-    markerClusterer: ShallowRef<MarkerClustererInstance | undefined>;
-    requestRerender: () => void;
-}>;
+import type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions } from './types.js';
+import { MARKER_CLUSTERER_INJECTION_KEY } from './types.js';
+export type { Cluster, ClusterStats, MarkerClustererContext, MarkerClustererInstance, MarkerClustererOptions };
+export { MARKER_CLUSTERER_INJECTION_KEY };
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * Configuration options for the marker clusterer.
+     * @see https://googlemaps.github.io/js-markerclusterer/interfaces/MarkerClustererOptions.html
+     */
     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;
 }, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Configuration options for the marker clusterer.
+     * @see https://googlemaps.github.io/js-markerclusterer/interfaces/MarkerClustererOptions.html
+     */
     options?: Omit<MarkerClustererOptions, "map">;
 }> & Readonly<{
     onClick?: ((payload: MarkerClustererInstance) => any) | undefined;
     onClusteringbegin?: ((payload: MarkerClustererInstance) => any) | undefined;
     onClusteringend?: ((payload: MarkerClustererInstance) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
+    default?: () => any;
+    renderer?: (props: {
+        cluster: Cluster;
+        stats: ClusterStats;
+        map: google.maps.Map;
+    }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,98 @@
+import type { ShallowRef } from 'vue';
+export type ScriptGoogleMapsOverlayAnchor = 'center' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-center' | 'right-center';
+export type ScriptGoogleMapsOverlayPane = 'mapPane' | 'overlayLayer' | 'markerLayer' | 'overlayMouseTarget' | 'floatPane';
+export interface ScriptGoogleMapsOverlayViewProps {
+    /**
+     * Geographic position for the overlay. Falls back to parent marker position if omitted.
+     *
+     * Accepts either a plain `LatLngLiteral` (`{ lat, lng }`) or a
+     * `google.maps.LatLng` instance.
+     * @see https://developers.google.com/maps/documentation/javascript/reference/overlay-view#OverlayView
+     */
+    position?: google.maps.LatLng | google.maps.LatLngLiteral;
+    /**
+     * Initial open state for the uncontrolled mode (when `v-model:open` is not
+     * bound). When omitted, the overlay opens on mount, matching v0 behaviour.
+     *
+     * Has no effect when `v-model:open` is used; pass an initial value to the
+     * bound ref instead.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Anchor point of the overlay relative to its position.
+     * @default 'bottom-center'
+     */
+    anchor?: ScriptGoogleMapsOverlayAnchor;
+    /**
+     * Pixel offset from the anchor position.
+     */
+    offset?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * The map pane on which to render the overlay.
+     * @default 'floatPane'
+     * @see https://developers.google.com/maps/documentation/javascript/reference/overlay-view#MapPanes
+     */
+    pane?: ScriptGoogleMapsOverlayPane;
+    /**
+     * CSS z-index for the overlay element.
+     */
+    zIndex?: number;
+    /**
+     * Whether to block map click and gesture events from passing through the overlay.
+     * @default true
+     */
+    blockMapInteraction?: boolean;
+    /**
+     * Pan the map so the overlay is fully visible when opened, similar to InfoWindow behavior.
+     * Set to `true` for default 40px padding, or a number for custom padding.
+     * @default true
+     */
+    panOnOpen?: boolean | number;
+    /**
+     * Automatically hide the overlay when its parent marker joins a cluster (on zoom out).
+     * Only applies when nested inside a ScriptGoogleMapsMarkerClusterer.
+     * @default true
+     */
+    hideWhenClustered?: boolean;
+}
+export interface ScriptGoogleMapsOverlayViewEmits {
+    /** Event handler called when the open state of the overlay view changes. */
+    'update:open': [value: boolean];
+}
+export interface ScriptGoogleMapsOverlayViewSlots {
+    default?: () => any;
+}
+export interface ScriptGoogleMapsOverlayViewExpose {
+    /** The underlying `OverlayView` instance. */
+    overlayView: ShallowRef<google.maps.OverlayView | undefined>;
+    /**
+     * The underlying `OverlayView` instance.
+     *
+     * @deprecated Use `overlayView` instead. The `overlay` alias will be
+     * removed in a future major version.
+     * @see https://scripts.nuxt.com/docs/migration-guide/v0-to-v1
+     */
+    overlay: ShallowRef<google.maps.OverlayView | undefined>;
+    /** The current data-state of the overlay, either 'open' or 'closed'. */
+    dataState: Readonly<ShallowRef<'open' | 'closed'>>;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScriptGoogleMapsOverlayViewProps & {
+    open?: boolean;
+}, ScriptGoogleMapsOverlayViewExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ScriptGoogleMapsOverlayViewProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ScriptGoogleMapsOverlayViewSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};