vue3-google-map 0.14.1 → 0.16.0

package/dist/types/components/HeatmapLayer.d.ts

@@ -1,21 +1,24 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare type HeatmapLayerOptions = google.maps.visualization.HeatmapLayerOptions;
-interface ExtendedHeatmapLayerOptions extends Omit<HeatmapLayerOptions, "data"> {
-    data: HeatmapLayerOptions["data"] | (google.maps.LatLngLiteral | {
-        location: google.maps.LatLngLiteral;
-    })[];
-}
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<ExtendedHeatmapLayerOptions>;
-        default: () => {};
-    };
-}, {
-    heatmapLayer: import("vue").Ref<google.maps.visualization.HeatmapLayer | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: ExtendedHeatmapLayerOptions;
-} & {}>, {
-    options: ExtendedHeatmapLayerOptions;
-}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+type HeatmapLayerOptions = google.maps.visualization.HeatmapLayerOptions;
+interface ExtendedHeatmapLayerOptions extends Omit<HeatmapLayerOptions, "data"> {
+    data: HeatmapLayerOptions["data"] | (google.maps.LatLngLiteral | {
+        location: google.maps.LatLngLiteral;
+    })[];
+}
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<ExtendedHeatmapLayerOptions>;
+        default: () => {};
+    };
+}, {
+    heatmapLayer: import("vue").Ref<google.maps.visualization.HeatmapLayer | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<ExtendedHeatmapLayerOptions>;
+        default: () => {};
+    };
+}>>, {
+    options: ExtendedHeatmapLayerOptions;
+}, {}>;
+export default _default;

package/dist/types/components/InfoWindow.vue.d.ts

@@ -1,17 +1,24 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<google.maps.InfoWindowOptions>;
-        default: () => {};
-    };
-}, {
-    infoWindow: import("vue").Ref<google.maps.InfoWindow | undefined>;
-    infoWindowRef: import("vue").Ref<HTMLElement | undefined>;
-    hasSlotContent: import("vue").ComputedRef<boolean | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: google.maps.InfoWindowOptions;
-} & {}>, {
-    options: google.maps.InfoWindowOptions;
-}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<google.maps.InfoWindowOptions>;
+        default: () => {};
+    };
+}, {
+    infoWindow: import("vue").Ref<google.maps.InfoWindow | undefined>;
+    infoWindowRef: import("vue").Ref<HTMLElement | undefined>;
+    hasSlotContent: import("vue").ComputedRef<boolean | undefined>;
+    open: (opts?: google.maps.InfoWindowOpenOptions) => void | undefined;
+    close: () => void | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<google.maps.InfoWindowOptions>;
+        default: () => {};
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    options: google.maps.InfoWindowOptions;
+}, {}>;
+export default _default;

package/dist/types/components/Marker.d.ts

@@ -1,13 +1,18 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<google.maps.MarkerOptions>;
-        required: true;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: google.maps.MarkerOptions;
-} & {}>, {}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<google.maps.MarkerOptions>;
+        required: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<google.maps.MarkerOptions>;
+        required: true;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/types/components/MarkerCluster.d.ts

@@ -1,15 +1,22 @@
-import { PropType } from "vue";
-import { MarkerClustererOptions, MarkerClustererEvents } from "@googlemaps/markerclusterer";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<MarkerClustererOptions>;
-        default: () => {};
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, MarkerClustererEvents[], MarkerClustererEvents, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: MarkerClustererOptions;
-} & {}>, {
-    options: MarkerClustererOptions;
-}>;
-export default _default;
+import { PropType } from "vue";
+import { MarkerClustererOptions, MarkerClustererEvents } from "@googlemaps/markerclusterer";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<MarkerClustererOptions>;
+        default: () => {};
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, MarkerClustererEvents[], MarkerClustererEvents, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<MarkerClustererOptions>;
+        default: () => {};
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClusteringbegin?: ((...args: any[]) => any) | undefined;
+    onClusteringend?: ((...args: any[]) => any) | undefined;
+}, {
+    options: MarkerClustererOptions;
+}, {}>;
+export default _default;

package/dist/types/components/Polygon.d.ts

@@ -1,13 +1,18 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<google.maps.PolygonOptions>;
-        required: true;
-    };
-}, {
-    polygon: import("vue").Ref<google.maps.Polygon | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: google.maps.PolygonOptions;
-} & {}>, {}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<google.maps.PolygonOptions>;
+        required: true;
+    };
+}, {
+    polygon: import("vue").Ref<google.maps.Polygon | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<google.maps.PolygonOptions>;
+        required: true;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/types/components/Polyline.d.ts

@@ -1,13 +1,18 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<google.maps.PolylineOptions>;
-        required: true;
-    };
-}, {
-    polyline: import("vue").Ref<google.maps.Polyline | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: google.maps.PolylineOptions;
-} & {}>, {}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<google.maps.PolylineOptions>;
+        required: true;
+    };
+}, {
+    polyline: import("vue").Ref<google.maps.Polyline | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<google.maps.PolylineOptions>;
+        required: true;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/types/components/Rectangle.d.ts

@@ -1,13 +1,18 @@
-/// <reference types="google.maps" />
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    options: {
-        type: PropType<google.maps.RectangleOptions>;
-        required: true;
-    };
-}, {
-    rectangle: import("vue").Ref<google.maps.Rectangle | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    options: google.maps.RectangleOptions;
-} & {}>, {}>;
-export default _default;
+/// <reference types="google.maps" />
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<google.maps.RectangleOptions>;
+        required: true;
+    };
+}, {
+    rectangle: import("vue").Ref<google.maps.Rectangle | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<google.maps.RectangleOptions>;
+        required: true;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/types/components/index.d.ts

@@ -1,11 +1,11 @@
-export { default as GoogleMap } from "./GoogleMap.vue";
-export { default as Marker } from "./Marker";
-export { default as Polyline } from "./Polyline";
-export { default as Polygon } from "./Polygon";
-export { default as Rectangle } from "./Rectangle";
-export { default as Circle } from "./Circle";
-export { default as CustomControl } from "./CustomControl.vue";
-export { default as InfoWindow } from "./InfoWindow.vue";
-export { default as MarkerCluster } from "./MarkerCluster";
-export { default as CustomMarker } from "./CustomMarker.vue";
-export { default as HeatmapLayer } from "./HeatmapLayer";
+export { default as GoogleMap } from "./GoogleMap.vue";
+export { default as Marker } from "./Marker";
+export { default as Polyline } from "./Polyline";
+export { default as Polygon } from "./Polygon";
+export { default as Rectangle } from "./Rectangle";
+export { default as Circle } from "./Circle";
+export { default as CustomControl } from "./CustomControl.vue";
+export { default as InfoWindow } from "./InfoWindow.vue";
+export { default as MarkerCluster } from "./MarkerCluster";
+export { default as CustomMarker } from "./CustomMarker.vue";
+export { default as HeatmapLayer } from "./HeatmapLayer";

package/dist/types/composables/index.d.ts

@@ -1 +1 @@
-export * from "./useSetupMapComponent";
+export * from "./useSetupMapComponent";

package/dist/types/composables/useSetupMapComponent.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="google.maps" />
-import { Ref } from "vue";
-import { customMarkerClassSymbol } from "../shared/index";
-declare type ICtorKey = "Marker" | "Polyline" | "Polygon" | "Rectangle" | "Circle" | typeof customMarkerClassSymbol;
-declare type IComponent<T> = T extends "Marker" ? google.maps.Marker : T extends "Polyline" ? google.maps.Polyline : T extends "Polygon" ? google.maps.Polygon : T extends "Rectangle" ? google.maps.Rectangle : T extends "Circle" ? google.maps.Circle : T extends typeof customMarkerClassSymbol ? InstanceType<typeof google.maps.CustomMarker> : never;
-declare type IComponentOptions<T> = T extends "Marker" ? google.maps.MarkerOptions : T extends "Polyline" ? google.maps.PolylineOptions : T extends "Polygon" ? google.maps.PolygonOptions : T extends "Rectangle" ? google.maps.RectangleOptions : T extends "Circle" ? google.maps.CircleOptions : T extends typeof customMarkerClassSymbol ? google.maps.CustomMarkerOptions & {
-    element?: HTMLElement;
-} : never;
-export declare const useSetupMapComponent: <T extends ICtorKey>(ctorKey: T, events: string[], options: Ref<IComponentOptions<T>>, emit: (event: string, ...args: unknown[]) => void) => Ref<IComponent<T> | undefined>;
-export {};
+/// <reference types="google.maps" />
+import { Ref } from "vue";
+import { customMarkerClassSymbol } from "../shared/index";
+type ICtorKey = "Marker" | "Polyline" | "Polygon" | "Rectangle" | "Circle" | typeof customMarkerClassSymbol;
+type IComponent<T> = T extends "Marker" ? google.maps.Marker : T extends "Polyline" ? google.maps.Polyline : T extends "Polygon" ? google.maps.Polygon : T extends "Rectangle" ? google.maps.Rectangle : T extends "Circle" ? google.maps.Circle : T extends typeof customMarkerClassSymbol ? InstanceType<typeof google.maps.CustomMarker> : never;
+type IComponentOptions<T> = T extends "Marker" ? google.maps.MarkerOptions : T extends "Polyline" ? google.maps.PolylineOptions : T extends "Polygon" ? google.maps.PolygonOptions : T extends "Rectangle" ? google.maps.RectangleOptions : T extends "Circle" ? google.maps.CircleOptions : T extends typeof customMarkerClassSymbol ? google.maps.CustomMarkerOptions & {
+    element?: HTMLElement;
+} : never;
+export declare const useSetupMapComponent: <T extends ICtorKey>(ctorKey: T, events: string[], options: Ref<IComponentOptions<T>>, emit: (event: string, ...args: unknown[]) => void) => Ref<IComponent<T> | undefined>;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1 @@
-export * from "./shims-google-maps-d";
-export * from "./@types/index";
-export * from "./components/index";
+export * from "./components/index";

package/dist/types/shared/index.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="google.maps" />
-import type { MarkerClusterer } from "@googlemaps/markerclusterer";
-import { InjectionKey, Ref } from "vue";
-export declare const mapSymbol: InjectionKey<Ref<google.maps.Map>>;
-export declare const apiSymbol: InjectionKey<Ref<typeof google.maps>>;
-export declare const markerSymbol: InjectionKey<Ref<google.maps.Marker>>;
-export declare const markerClusterSymbol: InjectionKey<Ref<MarkerClusterer>>;
-export declare const customMarkerClassSymbol: "CustomMarker";
-/**
- * Utilitary flag for components that need to know the map
- * was fully loaded (including its tiles) to decide their behavior
- */
-export declare const mapTilesLoadedSymbol: InjectionKey<Ref<boolean>>;
-export declare const polylineEvents: string[];
+/// <reference types="google.maps" />
+import type { MarkerClusterer } from "@googlemaps/markerclusterer";
+import { InjectionKey, Ref } from "vue";
+export declare const mapSymbol: InjectionKey<Ref<google.maps.Map | undefined>>;
+export declare const apiSymbol: InjectionKey<Ref<typeof google.maps | undefined>>;
+export declare const markerSymbol: InjectionKey<Ref<google.maps.Marker | undefined>>;
+export declare const markerClusterSymbol: InjectionKey<Ref<MarkerClusterer | undefined>>;
+export declare const customMarkerClassSymbol: "CustomMarker";
+/**
+ * Utilitary flag for components that need to know the map
+ * was fully loaded (including its tiles) to decide their behavior
+ */
+export declare const mapTilesLoadedSymbol: InjectionKey<Ref<boolean>>;
+export declare const polylineEvents: string[];

package/dist/{themes/types → types/themes}/aubergine.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const aubergine: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const aubergine: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/dark.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="google.maps" />
-/**
- * Dark mode theme from:
- * [dark mode](https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/style-array)
- */
-export declare const dark: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+/**
+ * Dark mode theme from:
+ * [dark mode](https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/style-array)
+ */
+export declare const dark: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/grey.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const grey: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const grey: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./aubergine";
-export * from "./dark";
-export * from "./grey";
-export * from "./minimal";
-export * from "./retro";
-export * from "./roadways";
-export * from "./roadwaysMinimal";
-export * from "./ultraLight";
+export * from "./aubergine";
+export * from "./dark";
+export * from "./grey";
+export * from "./minimal";
+export * from "./retro";
+export * from "./roadways";
+export * from "./roadwaysMinimal";
+export * from "./ultraLight";

package/dist/{themes/types → types/themes}/minimal.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const minimal: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const minimal: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/retro.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const retro: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const retro: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/roadways.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const roadways: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const roadways: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/roadwaysMinimal.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const roadwaysMinimal: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const roadwaysMinimal: google.maps.MapTypeStyle[];

package/dist/{themes/types → types/themes}/ultraLight.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="google.maps" />
-export declare const ultraLight: google.maps.MapTypeStyle[];
+/// <reference types="google.maps" />
+export declare const ultraLight: google.maps.MapTypeStyle[];

package/dist/types/utils/index.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="google.maps" />
-declare type ICustomMarkerInterface = google.maps.OverlayView & {
-    getPosition(): google.maps.LatLng | null;
-    getVisible(): boolean;
-    setOptions(options: google.maps.CustomMarkerOptions): void;
-};
-interface ICustomMarkerCtor {
-    new (opts: google.maps.CustomMarkerOptions & {
-        element?: HTMLElement;
-    }): ICustomMarkerInterface;
-}
-export declare function createCustomMarkerClass(api: typeof google.maps): ICustomMarkerCtor;
-export {};
+/// <reference types="google.maps" />
+type ICustomMarkerInterface = google.maps.OverlayView & {
+    getPosition(): google.maps.LatLng | null;
+    getVisible(): boolean;
+    setOptions(options: google.maps.CustomMarkerOptions): void;
+};
+interface ICustomMarkerCtor {
+    new (opts: google.maps.CustomMarkerOptions & {
+        element?: HTMLElement;
+    }): ICustomMarkerInterface;
+}
+export declare function createCustomMarkerClass(api: typeof google.maps): ICustomMarkerCtor;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-google-map",
-  "version": "0.14.1",
+  "version": "0.16.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -8,19 +8,24 @@
   },
   "homepage": "https://vue3-google-map.netlify.app",
   "description": "A set of composable components for easy use of Google Maps in your Vue 3 projects.",
-  "unpkg": "dist/cjs/index.js",
-  "jsdelivr": "dist/cjs/index.js",
-  "main": "dist/cjs/index.js",
-  "module": "dist/es/index.js",
+  "unpkg": "dist/index.umd.js",
+  "jsdelivr": "dist/index.umd.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "import": "./dist/es/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./themes": {
+      "import": "./dist/themes/index.es.js",
+      "require": "./dist/themes/index.cjs.js",
+      "types": "./dist/types/themes/index.d.ts"
     },
-    "./themes": "./dist/themes/es/index.js",
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -29,22 +34,16 @@
         "dist/types/index.d.ts"
       ],
       "themes": [
-        "dist/themes/types/index.d.ts"
+        "dist/types/themes/index.d.ts"
       ]
     }
   },
   "scripts": {
     "dev": "vite",
-    "autoindex": "yarn do autoindex --sfc",
-    "clear": "rimraf dist/**/*",
-    "lint": "run-s lint:eslint lint:tsc",
-    "lint:eslint": "npx eslint --ext .ts,.vue src dev docs --fix",
-    "lint:tsc": "npx tsc --noEmit ",
-    "build": "run-s clear autoindex build:closure ",
-    "build:bundle": "node ./build/build commonjs esnext",
-    "build:min": "node ./build/build commonjs esnext --min",
-    "build:analyze": "node ./build/build esnext --analyze",
-    "build:closure": "node ./build/build commonjs esnext --closure",
+    "clean": "rimraf dist/**/*",
+    "lint": "npx eslint --ext .ts,.vue src dev docs --fix",
+    "build:umd": "node ./scripts/build-umd.js",
+    "build": "pnpm clean && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && vite build && pnpm build:umd",
     "docs": "vitepress dev docs",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
@@ -53,50 +52,36 @@
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^1.12.11",
-    "@googlemaps/markerclusterer": "^2.0.6"
+    "@googlemaps/markerclusterer": "^2.0.6",
+    "fast-deep-equal": "^3.1.3",
+    "vite-plugin-css-injected-by-js": "^3.2.1"
   },
   "devDependencies": {
-    "@ampproject/rollup-plugin-closure-compiler": "^0.26.0",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
     "@types/google.maps": "^3.45.6",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
     "@typescript-eslint/parser": "^4.25.0",
-    "@vitejs/plugin-vue": "^1.2.2",
-    "@vue/compiler-sfc": "^3.0.0",
+    "@vitejs/plugin-vue": "^4.2.3",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "cross-env": "^7.0.2",
-    "dd": "^0.11.3",
     "eslint": "^7.27.0",
     "eslint-config-prettier": "^8.2.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-vue": "^7.9.0",
-    "minimist": "^1.2.5",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.2",
     "prettier": "^2.1.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.50.4",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "rollup-plugin-vue": "^6.0.0",
     "standard-version": "^9.3.2",
     "ttypescript": "^1.5.12",
-    "typescript": "^4.8.2",
-    "typescript-transform-paths": "^2.2.4",
-    "vite": "^2.3.4",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
     "vitepress": "^0.14.0",
-    "vue": "3"
+    "vue": "^3.3.4",
+    "vue-tsc": "^1.8.5"
   },
   "peerDependencies": {
-    "vue": "3"
+    "vue": "^3.3.4"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=18.17.0"
   }
 }