@nuxt/scripts 0.11.13 → 0.12.1

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

@@ -0,0 +1,85 @@
+<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 = 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 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);
+  }
+  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));
+  });
+}
+</script>

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

@@ -0,0 +1,61 @@
+import type { InjectionKey, ShallowRef } from 'vue';
+export declare const MARKER_INJECTION_KEY: InjectionKey<{
+    marker: ShallowRef<google.maps.Marker | undefined>;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    options?: Omit<google.maps.MarkerOptions, "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">;
+}> & 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/ScriptGoogleMapsMarkerClusterer.d.vue.ts

@@ -0,0 +1,27 @@
+import { MarkerClusterer, type MarkerClustererOptions } from '@googlemaps/markerclusterer';
+import { type InjectionKey, type ShallowRef } from 'vue';
+export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
+    markerClusterer: ShallowRef<MarkerClusterer | undefined>;
+    requestRerender: () => void;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    options?: Omit<MarkerClustererOptions, "map">;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: MarkerClusterer) => any;
+    clusteringbegin: (payload: MarkerClusterer) => any;
+    clusteringend: (payload: MarkerClusterer) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    options?: Omit<MarkerClustererOptions, "map">;
+}> & Readonly<{
+    onClick?: ((payload: MarkerClusterer) => any) | undefined;
+    onClusteringbegin?: ((payload: MarkerClusterer) => any) | undefined;
+    onClusteringend?: ((payload: MarkerClusterer) => 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/ScriptGoogleMapsMarkerClusterer.vue

@@ -0,0 +1,62 @@
+<template>
+  <slot v-if="markerClusterer" />
+</template>
+
+<script>
+import { MarkerClusterer } from "@googlemaps/markerclusterer";
+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 = Symbol("marker-clusterer");
+</script>
+
+<script setup>
+const props = defineProps({
+  options: { type: Object, required: false }
+});
+const markerClustererEvents = [
+  "click",
+  "clusteringbegin",
+  "clusteringend"
+];
+const emit = defineEmits([]);
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+const markerClusterer = shallowRef(void 0);
+whenever(() => mapContext?.map.value, (map) => {
+  markerClusterer.value = new MarkerClusterer({
+    map,
+    ...props.options
+  });
+  setupMarkerClustererEventListeners(markerClusterer.value);
+}, {
+  immediate: true,
+  once: true
+});
+const markerClustererNeedsRerender = shallowRef(false);
+function requestRerender() {
+  markerClustererNeedsRerender.value = true;
+}
+whenever(() => markerClustererNeedsRerender.value && markerClusterer.value, () => {
+  markerClusterer.value.render();
+  markerClustererNeedsRerender.value = false;
+});
+onUnmounted(() => {
+  if (!markerClusterer.value || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(markerClusterer.value);
+  markerClusterer.value.setMap(null);
+});
+provide(
+  MARKER_CLUSTERER_INJECTION_KEY,
+  {
+    markerClusterer,
+    requestRerender
+  }
+);
+function setupMarkerClustererEventListeners(markerClusterer2) {
+  markerClustererEvents.forEach((event) => {
+    markerClusterer2.addListener(event, () => emit(event, markerClusterer2));
+  });
+}
+</script>

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

@@ -0,0 +1,27 @@
+import { MarkerClusterer, type MarkerClustererOptions } from '@googlemaps/markerclusterer';
+import { type InjectionKey, type ShallowRef } from 'vue';
+export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
+    markerClusterer: ShallowRef<MarkerClusterer | undefined>;
+    requestRerender: () => void;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    options?: Omit<MarkerClustererOptions, "map">;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: MarkerClusterer) => any;
+    clusteringbegin: (payload: MarkerClusterer) => any;
+    clusteringend: (payload: MarkerClusterer) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    options?: Omit<MarkerClustererOptions, "map">;
+}> & Readonly<{
+    onClick?: ((payload: MarkerClusterer) => any) | undefined;
+    onClusteringbegin?: ((payload: MarkerClusterer) => any) | undefined;
+    onClusteringend?: ((payload: MarkerClusterer) => 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/ScriptGoogleMapsPinElement.d.vue.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.marker.PinElementOptions, '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/ScriptGoogleMapsPinElement.vue

@@ -0,0 +1,37 @@
+<template>
+
+</template>
+
+<script setup>
+import { inject, shallowRef } from "vue";
+import { whenever } from "@vueuse/core";
+import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
+import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./ScriptGoogleMapsAdvancedMarkerElement.vue";
+const props = defineProps({
+  options: { type: Object, required: false }
+});
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+const advancedMarkerElementContext = inject(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, void 0);
+const pinElement = shallowRef(void 0);
+whenever(
+  () => mapContext?.map.value && mapContext.mapsApi.value && advancedMarkerElementContext?.advancedMarkerElement.value,
+  async () => {
+    await mapContext.mapsApi.value.importLibrary("marker");
+    pinElement.value = new mapContext.mapsApi.value.marker.PinElement(props.options);
+    if (advancedMarkerElementContext?.advancedMarkerElement.value) {
+      advancedMarkerElementContext.advancedMarkerElement.value.content = pinElement.value.element;
+    }
+    whenever(() => props.options, (options) => {
+      if (pinElement.value && options) {
+        Object.assign(pinElement.value, options);
+      }
+    }, {
+      deep: true
+    });
+  },
+  {
+    immediate: true,
+    once: true
+  }
+);
+</script>

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.marker.PinElementOptions, '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/ScriptGoogleMapsPolygon.d.vue.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.PolygonOptions, 'map'>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.PolyMouseEvent) => any;
+    contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    dblclick: (payload: google.maps.PolyMouseEvent) => any;
+    drag: (payload: google.maps.MapMouseEvent) => any;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.PolyMouseEvent) => any;
+    mousemove: (payload: google.maps.PolyMouseEvent) => any;
+    mouseout: (payload: google.maps.PolyMouseEvent) => any;
+    mouseover: (payload: google.maps.PolyMouseEvent) => any;
+    mouseup: (payload: google.maps.PolyMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.PolyMouseEvent) => 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.PolyMouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,60 @@
+<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 eventsWithPolyMouseEventPayload = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const eventsWithMapMouseEventPayload = [
+  "drag",
+  "dragend",
+  "dragstart"
+];
+const emit = defineEmits([]);
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+let polygon = void 0;
+whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
+  polygon = new mapContext.mapsApi.value.Polygon({
+    map: mapContext.map.value,
+    ...props.options
+  });
+  setupPolygonEventListeners(polygon);
+  whenever(() => props.options, (options) => {
+    polygon?.setOptions(options);
+  }, {
+    deep: true
+  });
+}, {
+  immediate: true,
+  once: true
+});
+onUnmounted(() => {
+  if (!polygon || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(polygon);
+  polygon.setMap(null);
+});
+function setupPolygonEventListeners(polygon2) {
+  eventsWithPolyMouseEventPayload.forEach((event) => {
+    polygon2.addListener(event, (payload) => emit(event, payload));
+  });
+  eventsWithMapMouseEventPayload.forEach((event) => {
+    polygon2.addListener(event, (payload) => emit(event, payload));
+  });
+}
+</script>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.PolygonOptions, 'map'>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.PolyMouseEvent) => any;
+    contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    dblclick: (payload: google.maps.PolyMouseEvent) => any;
+    drag: (payload: google.maps.MapMouseEvent) => any;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.PolyMouseEvent) => any;
+    mousemove: (payload: google.maps.PolyMouseEvent) => any;
+    mouseout: (payload: google.maps.PolyMouseEvent) => any;
+    mouseover: (payload: google.maps.PolyMouseEvent) => any;
+    mouseup: (payload: google.maps.PolyMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.PolyMouseEvent) => 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.PolyMouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.PolylineOptions, 'map'>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.PolyMouseEvent) => any;
+    contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    dblclick: (payload: google.maps.PolyMouseEvent) => any;
+    drag: (payload: google.maps.MapMouseEvent) => any;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.PolyMouseEvent) => any;
+    mousemove: (payload: google.maps.PolyMouseEvent) => any;
+    mouseout: (payload: google.maps.PolyMouseEvent) => any;
+    mouseover: (payload: google.maps.PolyMouseEvent) => any;
+    mouseup: (payload: google.maps.PolyMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.PolyMouseEvent) => 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.PolyMouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,60 @@
+<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 eventsWithPolyMouseEventPayload = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const eventsWithMapMouseEventPayload = [
+  "drag",
+  "dragend",
+  "dragstart"
+];
+const emit = defineEmits([]);
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+let polyline = void 0;
+whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
+  polyline = new mapContext.mapsApi.value.Polyline({
+    map: mapContext.map.value,
+    ...props.options
+  });
+  setupPolylineEventListeners(polyline);
+  whenever(() => props.options, (options) => {
+    polyline?.setOptions(options);
+  }, {
+    deep: true
+  });
+}, {
+  immediate: true,
+  once: true
+});
+onUnmounted(() => {
+  if (!polyline || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(polyline);
+  polyline.setMap(null);
+});
+function setupPolylineEventListeners(polyline2) {
+  eventsWithPolyMouseEventPayload.forEach((event) => {
+    polyline2.addListener(event, (payload) => emit(event, payload));
+  });
+  eventsWithMapMouseEventPayload.forEach((event) => {
+    polyline2.addListener(event, (payload) => emit(event, payload));
+  });
+}
+</script>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.PolylineOptions, 'map'>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (payload: google.maps.PolyMouseEvent) => any;
+    contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    dblclick: (payload: google.maps.PolyMouseEvent) => any;
+    drag: (payload: google.maps.MapMouseEvent) => any;
+    dragend: (payload: google.maps.MapMouseEvent) => any;
+    dragstart: (payload: google.maps.MapMouseEvent) => any;
+    mousedown: (payload: google.maps.PolyMouseEvent) => any;
+    mousemove: (payload: google.maps.PolyMouseEvent) => any;
+    mouseout: (payload: google.maps.PolyMouseEvent) => any;
+    mouseover: (payload: google.maps.PolyMouseEvent) => any;
+    mouseup: (payload: google.maps.PolyMouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onDblclick?: ((payload: google.maps.PolyMouseEvent) => 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.PolyMouseEvent) => any) | undefined;
+    onMousemove?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseout?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseover?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onMouseup?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    options?: Omit<google.maps.RectangleOptions, 'map'>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, 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;
+    mousemove: (payload: google.maps.MapMouseEvent) => any;
+    mouseout: (payload: google.maps.MapMouseEvent) => any;
+    mouseover: (payload: google.maps.MapMouseEvent) => any;
+    mouseup: (payload: google.maps.MapMouseEvent) => any;
+    bounds_changed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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;
+    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;
+    onBounds_changed?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,61 @@
+<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 = [
+  "bounds_changed"
+];
+const eventsWithMapMouseEventPayload = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "drag",
+  "dragend",
+  "dragstart",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup"
+];
+const emit = defineEmits([]);
+const mapContext = inject(MAP_INJECTION_KEY, void 0);
+let rectangle = void 0;
+whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
+  rectangle = new mapContext.mapsApi.value.Rectangle({
+    map: mapContext.map.value,
+    ...props.options
+  });
+  setupRectangleEventListeners(rectangle);
+  whenever(() => props.options, (options) => {
+    rectangle?.setOptions(options);
+  }, {
+    deep: true
+  });
+}, {
+  immediate: true,
+  once: true
+});
+onUnmounted(() => {
+  if (!rectangle || !mapContext?.mapsApi.value) {
+    return;
+  }
+  mapContext.mapsApi.value.event.clearInstanceListeners(rectangle);
+  rectangle.setMap(null);
+});
+function setupRectangleEventListeners(rectangle2) {
+  eventsWithoutPayload.forEach((event) => {
+    rectangle2.addListener(event, () => emit(event));
+  });
+  eventsWithMapMouseEventPayload.forEach((event) => {
+    rectangle2.addListener(event, (payload) => emit(event, payload));
+  });
+}
+</script>