vue3-google-map 0.7.10 → 0.8.3

package/dist/cjs/index.js

@@ -1,21 +1,31 @@
-'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var vue=require("vue"),jsApiLoader=require("@googlemaps/js-api-loader");
-let mapSymbol=Symbol("map"),apiSymbol=Symbol("api"),mapWasLoadedSymbol=Symbol("mapwasloaded"),loaderInstance=vue.ref(null),mapEvents="bounds_changed center_changed click dblclick drag dragend dragstart heading_changed idle maptypeid_changed mousemove mouseout mouseover projection_changed resize rightclick tilesloaded tilt_changed zoom_changed".split(" "),markerEvents="animation_changed click dblclick rightclick dragstart dragend drag mouseover mousedown mouseout mouseup draggable_changed clickable_changed contextmenu cursor_changed flat_changed rightclick zindex_changed icon_changed position_changed shape_changed title_changed visible_changed".split(" "),
-polylineEvents="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" "),polygonEvents=polylineEvents,rectangleEvents=polylineEvents.concat(["bounds_changed"]),circleEvents=polylineEvents.concat(["center_changed","radius_changed"]);
-var _sfc_main$1=vue.defineComponent({props:{apiKey:{type:String,default:""},libraries:Array,region:String,language:String,backgroundColor:String,center:Object,clickableIcons:{type:Boolean,default:void 0},controlSize:Number,disableDefaultUi:{type:Boolean,default:void 0},disableDoubleClickZoom:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},draggableCursor:String,draggingCursor:String,fullscreenControl:{type:Boolean,default:void 0},fullscreenControlPosition:String,gestureHandling:String,
-heading:Number,keyboardShortcuts:{type:Boolean,default:void 0},mapTypeControl:{type:Boolean,default:void 0},mapTypeControlOptions:Object,mapTypeId:{type:[Number,String]},maxZoom:Number,minZoom:Number,noClear:{type:Boolean,default:void 0},panControl:{type:Boolean,default:void 0},panControlPosition:String,restriction:Object,rotateControl:{type:Boolean,default:void 0},rotateControlPosition:String,scaleControl:{type:Boolean,default:void 0},scaleControlStyle:Number,scrollwheel:{type:Boolean,default:void 0},
-streetView:Object,streetViewControl:{type:Boolean,default:void 0},streetViewControlPosition:String,styles:Array,tilt:Number,zoom:Number,zoomControl:{type:Boolean,default:void 0},zoomControlPosition:String},emits:mapEvents,setup(a,{emit:d}){let e=vue.ref(null),f=vue.ref(!1),b=vue.ref(null),g=vue.ref(null),h=vue.ref(!1);vue.provide(mapSymbol,b);vue.provide(apiSymbol,g);vue.provide(mapWasLoadedSymbol,h);let k=()=>{var b,c,l,d,e;const f={backgroundColor:a.backgroundColor,center:a.center,clickableIcons:a.clickableIcons,
-controlSize:a.controlSize,disableDefaultUI:a.disableDefaultUi,disableDoubleClickZoom:a.disableDoubleClickZoom,draggable:a.draggable,draggableCursor:a.draggableCursor,draggingCursor:a.draggingCursor,fullscreenControl:a.fullscreenControl,fullscreenControlOptions:a.fullscreenControlPosition?{position:null===(b=g.value)||void 0===b?void 0:b.ControlPosition[a.fullscreenControlPosition]}:{},gestureHandling:a.gestureHandling,heading:a.heading,keyboardShortcuts:a.keyboardShortcuts,mapTypeControl:a.mapTypeControl,
-mapTypeControlOptions:a.mapTypeControlOptions,mapTypeId:a.mapTypeId,maxZoom:a.maxZoom,minZoom:a.minZoom,noClear:a.noClear,panControl:a.panControl,panControlOptions:a.panControlPosition?{position:null===(c=g.value)||void 0===c?void 0:c.ControlPosition[a.panControlPosition]}:{},restriction:a.restriction,rotateControl:a.rotateControl,rotateControlOptions:a.rotateControlPosition?{position:null===(l=g.value)||void 0===l?void 0:l.ControlPosition[a.rotateControlPosition]}:{},scaleControl:a.scaleControl,
-scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},scrollwheel:a.scrollwheel,streetView:a.streetView,streetViewControl:a.streetViewControl,streetViewControlOptions:a.streetViewControlPosition?{position:null===(d=g.value)||void 0===d?void 0:d.ControlPosition[a.streetViewControlPosition]}:{},styles:a.styles,tilt:a.tilt,zoom:a.zoom,zoomControl:a.zoomControl,zoomControlOptions:a.zoomControlPosition?{position:null===(e=g.value)||void 0===e?void 0:e.ControlPosition[a.zoomControlPosition]}:
-{}};Object.keys(f).forEach(a=>void 0===f[a]&&delete f[a]);return f};vue.onBeforeUnmount(()=>{var a;h.value=!1;b.value&&(null===(a=g.value)||void 0===a?void 0:a.event.clearInstanceListeners(b.value))});let n=vue.watch([g,b],([a,c])=>{a&&c&&(a.event.addListenerOnce(c,"tilesloaded",()=>{h.value=!0}),setTimeout(n,0))},{immediate:!0});vue.onMounted(()=>{try{loaderInstance.value=new jsApiLoader.Loader({apiKey:a.apiKey,version:"weekly",libraries:a.libraries||["places"],language:a.language,region:a.region})}catch(m){console.error(m)}finally{loaderInstance.value.load().then(()=>
-{var {Map:h}=g.value=google.maps;b.value=new h(e.value,k());mapEvents.forEach(a=>{var c;null===(c=b.value)||void 0===c?void 0:c.addListener(a,c=>d(a,c))});f.value=!0;h=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(c=>vue.toRef(a,c));vue.watch([()=>a.center,()=>a.zoom,...h],([a,l],[d,e])=>{var c,f,g;let {center:h,zoom:m,...p}=k();null===(c=b.value)||void 0===c?void 0:c.setOptions(p);void 0!==l&&l!==e&&(null===(f=b.value)||void 0===f?void 0:f.setZoom(l));!a||d&&a.lng===d.lng&&a.lat===
-d.lat||(null===(g=b.value)||void 0===g?void 0:g.panTo(a))})})}});return{mapRef:e,ready:f,map:b,api:g}}});function _sfc_render$1(a,d,e,f,b,g){return vue.openBlock(),vue.createBlock("div",null,[vue.createVNode("div",vue.mergeProps(a.$attrs,{ref:"mapRef"}),null,16),vue.renderSlot(a.$slots,"default")])}_sfc_main$1.render=_sfc_render$1;
-let useSetupMapComponent=(a,d,e,f)=>{let b=null;const g=vue.ref(null),h=vue.inject(mapSymbol,vue.ref(null)),k=vue.inject(apiSymbol,vue.ref(null));vue.watch([h,e],(n,m,c)=>{h.value&&k.value&&(g.value=b=new k.value[a]({...e.value,map:h.value}),d.forEach(a=>{null===b||void 0===b?void 0:b.addListener(a,c=>f(a,c))}));c(()=>{var a;b&&(null===(a=k.value)||void 0===a?void 0:a.event.clearInstanceListeners(b),b.setMap(null))})},{immediate:!0});return{component:g}};
-var Marker=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:markerEvents,setup(a,{emit:d}){a=vue.toRef(a,"options");return{marker:useSetupMapComponent("Marker",markerEvents,a,d)}},render:()=>null}),Polyline=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:polylineEvents,setup(a,{emit:d}){a=vue.toRef(a,"options");return{polyline:useSetupMapComponent("Polyline",polylineEvents,a,d)}},render:()=>null}),Polygon=vue.defineComponent({props:{options:{type:Object,required:!0}},
-emits:polygonEvents,setup(a,{emit:d}){a=vue.toRef(a,"options");return{polygon:useSetupMapComponent("Polygon",polygonEvents,a,d)}},render:()=>null}),Rectangle=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:rectangleEvents,setup(a,{emit:d}){a=vue.toRef(a,"options");return{rectangle:useSetupMapComponent("Rectangle",rectangleEvents,a,d)}},render:()=>null}),Circle=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:circleEvents,setup(a,{emit:d}){a=vue.toRef(a,"options");
-return{circle:useSetupMapComponent("Circle",circleEvents,a,d)}},render:()=>null}),_sfc_main=vue.defineComponent({props:{position:{type:String,required:!0},index:{type:Number,default:1}},emits:["content:loaded"],setup(a,{emit:d}){let e=vue.ref(null),f=vue.inject(mapSymbol,vue.ref(null)),b=vue.inject(apiSymbol,vue.ref(null)),g=vue.inject(mapWasLoadedSymbol,vue.ref(!1)),h=vue.ref(!1),k=vue.watch([g,b,e],([c,b,e])=>{b&&c&&e&&(n(a.position),h.value=!0,d("content:loaded"),setTimeout(k,0))},{immediate:!0}),
-n=a=>{f.value&&b.value&&e.value&&f.value.controls[b.value.ControlPosition[a]].push(e.value)},m=a=>{if(f.value&&b.value){let c=null;a=b.value.ControlPosition[a];f.value.controls[a].forEach((a,b)=>{a===e.value&&(c=b)});null!==c&&f.value.controls[a].removeAt(c)}};vue.onBeforeUnmount(()=>m(a.position));vue.watch(()=>a.position,(a,b)=>{m(b);n(a)});vue.watch(()=>a.index,b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:h}}});let _hoisted_1={ref:"controlRef"};
-function _sfc_render(a,d,e,f,b,g){return vue.openBlock(),vue.createBlock(vue.Fragment,null,[vue.createCommentVNode("\n    v-show must be used instead of v-if otherwise there\n    would be no rendered content pushed to the map controls\n  "),vue.withDirectives(vue.createVNode("div",_hoisted_1,[vue.renderSlot(a.$slots,"default")],512),[[vue.vShow,a.showContent]])],2112)}_sfc_main.render=_sfc_render;
+'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var vue=require("vue");let mapSymbol=Symbol("map"),apiSymbol=Symbol("api"),mapWasLoadedSymbol=Symbol("mapwasloaded"),loaderInstance=vue.ref(null),polylineEvents="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" ");
+var fastDeepEqual=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var d;if(Array.isArray(a)){var c=a.length;if(c!=b.length)return!1;for(d=c;0!==d--;)if(!equal(a[d],b[d]))return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();var f=Object.keys(a);
+c=f.length;if(c!==Object.keys(b).length)return!1;for(d=c;0!==d--;)if(!Object.prototype.hasOwnProperty.call(b,f[d]))return!1;for(d=c;0!==d--;)if(c=f[d],!equal(a[c],b[c]))return!1;return!0}return a!==a&&b!==b};let DEFAULT_ID="__googleMapsScriptId";
+class Loader{constructor({apiKey:a,channel:b,client:e,id:d=DEFAULT_ID,libraries:c=[],language:f,region:g,version:k,mapIds:l,nonce:m,retries:h=3,url:n="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=k;this.apiKey=a;this.channel=b;this.client=e;this.id=d||DEFAULT_ID;this.libraries=c;this.language=f;this.region=g;this.mapIds=l;this.nonce=m;this.retries=h;this.url=n;if(Loader.instance){if(!fastDeepEqual(this.options,
+Loader.instance.options))throw Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(Loader.instance.options)}`);return Loader.instance}Loader.instance=this}get options(){return{version:this.version,apiKey:this.apiKey,channel:this.channel,client:this.client,id:this.id,libraries:this.libraries,language:this.language,region:this.region,mapIds:this.mapIds,nonce:this.nonce,url:this.url}}get failed(){return this.done&&!this.loading&&this.errors.length>=
+this.retries+1}createUrl(){let a=this.url;a+=`?callback=${this.CALLBACK}`;this.apiKey&&(a+=`&key=${this.apiKey}`);this.channel&&(a+=`&channel=${this.channel}`);this.client&&(a+=`&client=${this.client}`);0<this.libraries.length&&(a+=`&libraries=${this.libraries.join(",")}`);this.language&&(a+=`&language=${this.language}`);this.region&&(a+=`&region=${this.region}`);this.version&&(a+=`&v=${this.version}`);this.mapIds&&(a+=`&map_ids=${this.mapIds.join(",")}`);return a}deleteScript(){let a=document.getElementById(this.id);
+a&&a.remove()}load(){return this.loadPromise()}loadPromise(){return new Promise((a,b)=>{this.loadCallback(e=>{e?b(e.error):a(window.google)})})}loadCallback(a){this.callbacks.push(a);this.execute()}setScript(){if(document.getElementById(this.id))this.callback();else{var a=this.createUrl(),b=document.createElement("script");b.id=this.id;b.type="text/javascript";b.src=a;b.onerror=this.loadErrorCallback.bind(this);b.defer=!0;b.async=!0;this.nonce&&(b.nonce=this.nonce);document.head.appendChild(b)}}reset(){this.deleteScript();
+this.loading=this.done=!1;this.errors=[];this.onerrorEvent=null}resetIfRetryingFailed(){this.failed&&this.reset()}loadErrorCallback(a){this.errors.push(a);this.errors.length<=this.retries?(a=this.errors.length*Math.pow(2,this.errors.length),console.log(`Failed to load Google Maps script, retrying in ${a} ms.`),setTimeout(()=>{this.deleteScript();this.setScript()},a)):(this.onerrorEvent=a,this.callback())}setCallback(){window.__googleMapsCallback=this.callback.bind(this)}callback(){this.done=!0;this.loading=
+!1;this.callbacks.forEach(a=>{a(this.onerrorEvent)});this.callbacks=[]}execute(){this.resetIfRetryingFailed();this.done?this.callback():window.google&&window.google.maps&&window.google.maps.version?(console.warn("Google Maps already loaded outside @googlemaps/js-api-loader.This may result in undesirable behavior as options and script parameters may not match."),this.callback()):this.loading||(this.loading=!0,this.setCallback(),this.setScript())}}let mapEvents="bounds_changed center_changed click dblclick drag dragend dragstart heading_changed idle maptypeid_changed mousemove mouseout mouseover projection_changed resize rightclick tilesloaded tilt_changed zoom_changed".split(" ");
+var _sfc_main$1=vue.defineComponent({props:{apiKey:{type:String,default:""},version:{type:String,default:"weekly"},libraries:{type:Array,default:()=>["places"]},region:{type:String,required:!1},language:{type:String,required:!1},backgroundColor:{type:String,required:!1},center:{type:Object,default:()=>({lat:0,lng:0})},clickableIcons:{type:Boolean,required:!1,default:void 0},controlSize:{type:Number,required:!1},disableDefaultUi:{type:Boolean,required:!1,default:void 0},disableDoubleClickZoom:{type:Boolean,
+required:!1,default:void 0},draggable:{type:Boolean,required:!1,default:void 0},draggableCursor:{type:String,required:!1},draggingCursor:{type:String,required:!1},fullscreenControl:{type:Boolean,required:!1,default:void 0},fullscreenControlPosition:{type:String,required:!1},gestureHandling:{type:String,required:!1},heading:{type:Number,required:!1},keyboardShortcuts:{type:Boolean,required:!1,default:void 0},mapTypeControl:{type:Boolean,required:!1,default:void 0},mapTypeControlOptions:{type:Object,
+required:!1},mapTypeId:{type:[Number,String],required:!1},maxZoom:{type:Number,required:!1},minZoom:{type:Number,required:!1},noClear:{type:Boolean,required:!1,default:void 0},panControl:{type:Boolean,required:!1,default:void 0},panControlPosition:{type:String,required:!1},restriction:{type:Object,required:!1},rotateControl:{type:Boolean,required:!1,default:void 0},rotateControlPosition:{type:String,required:!1},scaleControl:{type:Boolean,required:!1,default:void 0},scaleControlStyle:{type:Number,
+required:!1},scrollwheel:{type:Boolean,required:!1,default:void 0},streetView:{type:Object,required:!1},streetViewControl:{type:Boolean,required:!1,default:void 0},streetViewControlPosition:{type:String,required:!1},styles:{type:Array,required:!1},tilt:{type:Number,required:!1},zoom:{type:Number,required:!1},zoomControl:{type:Boolean,required:!1,default:void 0},zoomControlPosition:{type:String,required:!1}},emits:mapEvents,setup(a,{emit:b}){let e=vue.ref(null),d=vue.ref(!1),c=vue.ref(null),f=vue.ref(null),
+g=vue.ref(!1);vue.provide(mapSymbol,c);vue.provide(apiSymbol,f);vue.provide(mapWasLoadedSymbol,g);let k=()=>{const b={...a};Object.keys(b).forEach(a=>{void 0===b[a]&&delete b[a]});var c=a=>{var b;return a?{position:null===(b=f.value)||void 0===b?void 0:b.ControlPosition[a]}:{}};c={scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},panControlOptions:c(a.panControlPosition),zoomControlOptions:c(a.zoomControlPosition),rotateControlOptions:c(a.rotateControlPosition),streetViewControlOptions:c(a.streetViewControlPosition),
+fullscreenControlOptions:c(a.fullscreenControlPosition),disableDefaultUI:a.disableDefaultUi};return{...b,...c}},l=vue.watch([f,c],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{g.value=!0}),setTimeout(l,0))},{immediate:!0}),m=()=>{try{const {apiKey:b,region:c,version:d,language:e,libraries:f}=a;loaderInstance.value=new Loader({apiKey:b,region:c,version:d,language:e,libraries:f})}catch(h){console.error(h)}};vue.onMounted(()=>{m();loaderInstance.value.load().then(()=>{f.value=google.maps;
+c.value=new google.maps.Map(e.value,k());mapEvents.forEach(a=>{var d;null===(d=c.value)||void 0===d?void 0:d.addListener(a,c=>b(a,c))});d.value=!0;let h=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>vue.toRef(a,b));vue.watch([()=>a.center,()=>a.zoom,...h],([a,b],[d,e])=>{var h,f,g;let {center:l,zoom:n,...m}=k();null===(h=c.value)||void 0===h?void 0:h.setOptions(m);void 0!==b&&b!==e&&(null===(f=c.value)||void 0===f?void 0:f.setZoom(b));b=!d||a.lng!==d.lng||a.lat!==d.lat;a&&b&&(null===
+(g=c.value)||void 0===g?void 0:g.panTo(a))})})});vue.onBeforeUnmount(()=>{var a;g.value=!1;c.value&&(null===(a=f.value)||void 0===a?void 0:a.event.clearInstanceListeners(c.value))});return{mapRef:e,ready:d,map:c,api:f}}});
+function styleInject(a,b){void 0===b&&(b={});b=b.insertAt;if(a&&"undefined"!==typeof document){var e=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css";"top"===b?e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d):e.appendChild(d);d.styleSheet?d.styleSheet.cssText=a:d.appendChild(document.createTextNode(a))}}var css_248z="\n.mapdiv[data-v-177d06e3] {\n  width: 100%;\n  height: 100%;\n}\n";styleInject(css_248z);let _withId=vue.withScopeId("data-v-177d06e3");
+vue.pushScopeId("data-v-177d06e3");let _hoisted_1$1={ref:"mapRef",class:"mapdiv"};vue.popScopeId();let _sfc_render$1=_withId((a,b,e,d,c,f)=>(vue.openBlock(),vue.createBlock("div",null,[vue.createVNode("div",_hoisted_1$1,null,512),vue.renderSlot(a.$slots,"default",{},void 0,!0)])));_sfc_main$1.render=_sfc_render$1;_sfc_main$1.__scopeId="data-v-177d06e3";
+let useSetupMapComponent=(a,b,e,d)=>{let c=null;const f=vue.ref(null),g=vue.inject(mapSymbol,vue.ref(null)),k=vue.inject(apiSymbol,vue.ref(null));vue.watch([g,e],(l,[m,h])=>{l=JSON.stringify(e.value)!==JSON.stringify(h)||g.value!==m;g.value&&k.value&&l&&(c?(c.setOptions(e.value),c.setMap(g.value)):(f.value=c=new k.value[a]({...e.value,map:g.value}),b.forEach(a=>{null===c||void 0===c?void 0:c.addListener(a,b=>d(a,b))})))},{immediate:!0});vue.onBeforeUnmount(()=>{var a;c&&(null===(a=k.value)||void 0===
+a?void 0:a.event.clearInstanceListeners(c),c.setMap(null))});return{component:f}},markerEvents="animation_changed click dblclick rightclick dragstart dragend drag mouseover mousedown mouseout mouseup draggable_changed clickable_changed contextmenu cursor_changed flat_changed rightclick zindex_changed icon_changed position_changed shape_changed title_changed visible_changed".split(" ");
+var Marker=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:markerEvents,setup(a,{emit:b}){a=vue.toRef(a,"options");return{marker:useSetupMapComponent("Marker",markerEvents,a,b)}},render:()=>null}),Polyline=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:polylineEvents,setup(a,{emit:b}){a=vue.toRef(a,"options");return{polyline:useSetupMapComponent("Polyline",polylineEvents,a,b)}},render:()=>null}),Polygon=vue.defineComponent({props:{options:{type:Object,required:!0}},
+emits:polylineEvents,setup(a,{emit:b}){a=vue.toRef(a,"options");return{polygon:useSetupMapComponent("Polygon",polylineEvents,a,b)}},render:()=>null});let rectangleEvents=polylineEvents.concat(["bounds_changed"]);var Rectangle=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:rectangleEvents,setup(a,{emit:b}){a=vue.toRef(a,"options");return{rectangle:useSetupMapComponent("Rectangle",rectangleEvents,a,b)}},render:()=>null});
+let circleEvents=polylineEvents.concat(["center_changed","radius_changed"]);
+var Circle=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:circleEvents,setup(a,{emit:b}){a=vue.toRef(a,"options");return{circle:useSetupMapComponent("Circle",circleEvents,a,b)}},render:()=>null}),_sfc_main=vue.defineComponent({props:{position:{type:String,required:!0},index:{type:Number,default:1}},emits:["content:loaded"],setup(a,{emit:b}){let e=vue.ref(null),d=vue.inject(mapSymbol,vue.ref(null)),c=vue.inject(apiSymbol,vue.ref(null)),f=vue.inject(mapWasLoadedSymbol,vue.ref(!1)),
+g=vue.ref(!1),k=vue.watch([f,c,e],([c,d,e])=>{d&&c&&e&&(l(a.position),g.value=!0,b("content:loaded"),setTimeout(k,0))},{immediate:!0}),l=a=>{d.value&&c.value&&e.value&&d.value.controls[c.value.ControlPosition[a]].push(e.value)},m=a=>{if(d.value&&c.value){let b=null;a=c.value.ControlPosition[a];d.value.controls[a].forEach((a,c)=>{a===e.value&&(b=c)});null!==b&&d.value.controls[a].removeAt(b)}};vue.onBeforeUnmount(()=>m(a.position));vue.watch(()=>a.position,(a,b)=>{m(b);l(a)});vue.watch(()=>a.index,
+b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:g}}});let _hoisted_1={ref:"controlRef"};function _sfc_render(a,b,e,d,c,f){return vue.openBlock(),vue.createBlock(vue.Fragment,null,[vue.createCommentVNode("\n    v-show must be used instead of v-if otherwise there\n    would be no rendered content pushed to the map controls\n  "),vue.withDirectives(vue.createVNode("div",_hoisted_1,[vue.renderSlot(a.$slots,"default")],512),[[vue.vShow,a.showContent]])],2112)}
+_sfc_main.render=_sfc_render;
 let aubergine=[{elementType:"geometry",stylers:[{color:"#1d2c4d"}]},{elementType:"labels.text.fill",stylers:[{color:"#8ec3b9"}]},{elementType:"labels.text.stroke",stylers:[{color:"#1a3646"}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#4b6878"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#64779e"}]},{featureType:"administrative.province",elementType:"geometry.stroke",stylers:[{color:"#4b6878"}]},{featureType:"landscape.man_made",
 elementType:"geometry.stroke",stylers:[{color:"#334e87"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#023e58"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#283d6a"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#6f9ba5"}]},{featureType:"poi",elementType:"labels.text.stroke",stylers:[{color:"#1d2c4d"}]},{featureType:"poi.park",elementType:"geometry.fill",stylers:[{color:"#023e58"}]},{featureType:"poi.park",elementType:"labels.text.fill",
 stylers:[{color:"#3C7680"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#304a7d"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#98a5be"}]},{featureType:"road",elementType:"labels.text.stroke",stylers:[{color:"#1d2c4d"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#2c6675"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#255763"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#b0d5ce"}]},

package/dist/es/index.js

@@ -1,29 +1,39 @@
-import{Loader}from'@googlemaps/js-api-loader';import{ref,defineComponent,provide,onBeforeUnmount,watch,onMounted,toRef,openBlock,createBlock,createVNode,mergeProps,renderSlot,inject,Fragment,createCommentVNode,withDirectives,vShow}from'vue';let m=Symbol("map"),q=Symbol("api"),r=Symbol("mapwasloaded"),t=ref(null),u="bounds_changed center_changed click dblclick drag dragend dragstart heading_changed idle maptypeid_changed mousemove mouseout mouseover projection_changed resize rightclick tilesloaded tilt_changed zoom_changed".split(" "),v="animation_changed click dblclick rightclick dragstart dragend drag mouseover mousedown mouseout mouseup draggable_changed clickable_changed contextmenu cursor_changed flat_changed rightclick zindex_changed icon_changed position_changed shape_changed title_changed visible_changed".split(" "),
-w="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" "),x=w.concat(["bounds_changed"]),y=w.concat(["center_changed","radius_changed"]);
-var z=defineComponent({props:{apiKey:{type:String,default:""},libraries:Array,region:String,language:String,backgroundColor:String,center:Object,clickableIcons:{type:Boolean,default:void 0},controlSize:Number,disableDefaultUi:{type:Boolean,default:void 0},disableDoubleClickZoom:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},draggableCursor:String,draggingCursor:String,fullscreenControl:{type:Boolean,default:void 0},fullscreenControlPosition:String,gestureHandling:String,heading:Number,
-keyboardShortcuts:{type:Boolean,default:void 0},mapTypeControl:{type:Boolean,default:void 0},mapTypeControlOptions:Object,mapTypeId:{type:[Number,String]},maxZoom:Number,minZoom:Number,noClear:{type:Boolean,default:void 0},panControl:{type:Boolean,default:void 0},panControlPosition:String,restriction:Object,rotateControl:{type:Boolean,default:void 0},rotateControlPosition:String,scaleControl:{type:Boolean,default:void 0},scaleControlStyle:Number,scrollwheel:{type:Boolean,default:void 0},streetView:Object,
-streetViewControl:{type:Boolean,default:void 0},streetViewControlPosition:String,styles:Array,tilt:Number,zoom:Number,zoomControl:{type:Boolean,default:void 0},zoomControlPosition:String},emits:u,setup(a,{emit:d}){let e=ref(null),f=ref(!1),b=ref(null),g=ref(null),h=ref(!1);provide(m,b);provide(q,g);provide(r,h);let k=()=>{var b,c,l,d,e;const f={backgroundColor:a.backgroundColor,center:a.center,clickableIcons:a.clickableIcons,controlSize:a.controlSize,disableDefaultUI:a.disableDefaultUi,disableDoubleClickZoom:a.disableDoubleClickZoom,
-draggable:a.draggable,draggableCursor:a.draggableCursor,draggingCursor:a.draggingCursor,fullscreenControl:a.fullscreenControl,fullscreenControlOptions:a.fullscreenControlPosition?{position:null===(b=g.value)||void 0===b?void 0:b.ControlPosition[a.fullscreenControlPosition]}:{},gestureHandling:a.gestureHandling,heading:a.heading,keyboardShortcuts:a.keyboardShortcuts,mapTypeControl:a.mapTypeControl,mapTypeControlOptions:a.mapTypeControlOptions,mapTypeId:a.mapTypeId,maxZoom:a.maxZoom,minZoom:a.minZoom,
-noClear:a.noClear,panControl:a.panControl,panControlOptions:a.panControlPosition?{position:null===(c=g.value)||void 0===c?void 0:c.ControlPosition[a.panControlPosition]}:{},restriction:a.restriction,rotateControl:a.rotateControl,rotateControlOptions:a.rotateControlPosition?{position:null===(l=g.value)||void 0===l?void 0:l.ControlPosition[a.rotateControlPosition]}:{},scaleControl:a.scaleControl,scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},scrollwheel:a.scrollwheel,streetView:a.streetView,
-streetViewControl:a.streetViewControl,streetViewControlOptions:a.streetViewControlPosition?{position:null===(d=g.value)||void 0===d?void 0:d.ControlPosition[a.streetViewControlPosition]}:{},styles:a.styles,tilt:a.tilt,zoom:a.zoom,zoomControl:a.zoomControl,zoomControlOptions:a.zoomControlPosition?{position:null===(e=g.value)||void 0===e?void 0:e.ControlPosition[a.zoomControlPosition]}:{}};Object.keys(f).forEach(a=>void 0===f[a]&&delete f[a]);return f};onBeforeUnmount(()=>{var a;h.value=!1;b.value&&
-(null===(a=g.value)||void 0===a?void 0:a.event.clearInstanceListeners(b.value))});let p=watch([g,b],([a,c])=>{a&&c&&(a.event.addListenerOnce(c,"tilesloaded",()=>{h.value=!0}),setTimeout(p,0))},{immediate:!0});onMounted(()=>{try{t.value=new Loader({apiKey:a.apiKey,version:"weekly",libraries:a.libraries||["places"],language:a.language,region:a.region})}catch(n){console.error(n)}finally{t.value.load().then(()=>{var {Map:h}=g.value=google.maps;b.value=new h(e.value,k());u.forEach(a=>{var c;null===(c=
-b.value)||void 0===c?void 0:c.addListener(a,c=>d(a,c))});f.value=!0;h=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(c=>toRef(a,c));watch([()=>a.center,()=>a.zoom,...h],([a,l],[d,e])=>{var c,f,g;let {center:h,zoom:n,...E}=k();null===(c=b.value)||void 0===c?void 0:c.setOptions(E);void 0!==l&&l!==e&&(null===(f=b.value)||void 0===f?void 0:f.setZoom(l));!a||d&&a.lng===d.lng&&a.lat===d.lat||(null===(g=b.value)||void 0===g?void 0:g.panTo(a))})})}});return{mapRef:e,ready:f,map:b,api:g}}});
-z.render=function(a){return openBlock(),createBlock("div",null,[createVNode("div",mergeProps(a.$attrs,{ref:"mapRef"}),null,16),renderSlot(a.$slots,"default")])};
-let A=(a,d,e,f)=>{let b=null;const g=ref(null),h=inject(m,ref(null)),k=inject(q,ref(null));watch([h,e],(p,n,c)=>{h.value&&k.value&&(g.value=b=new k.value[a]({...e.value,map:h.value}),d.forEach(a=>{null===b||void 0===b?void 0:b.addListener(a,c=>f(a,c))}));c(()=>{var a;b&&(null===(a=k.value)||void 0===a?void 0:a.event.clearInstanceListeners(b),b.setMap(null))})},{immediate:!0});return{component:g}};
-var B=defineComponent({props:{options:{type:Object,required:!0}},emits:v,setup(a,{emit:d}){a=toRef(a,"options");return{marker:A("Marker",v,a,d)}},render:()=>null}),C=defineComponent({props:{options:{type:Object,required:!0}},emits:w,setup(a,{emit:d}){a=toRef(a,"options");return{polyline:A("Polyline",w,a,d)}},render:()=>null}),D=defineComponent({props:{options:{type:Object,required:!0}},emits:w,setup(a,{emit:d}){a=toRef(a,"options");return{polygon:A("Polygon",w,a,d)}},render:()=>null}),F=defineComponent({props:{options:{type:Object,
-required:!0}},emits:x,setup(a,{emit:d}){a=toRef(a,"options");return{rectangle:A("Rectangle",x,a,d)}},render:()=>null}),G=defineComponent({props:{options:{type:Object,required:!0}},emits:y,setup(a,{emit:d}){a=toRef(a,"options");return{circle:A("Circle",y,a,d)}},render:()=>null}),H=defineComponent({props:{position:{type:String,required:!0},index:{type:Number,default:1}},emits:["content:loaded"],setup(a,{emit:d}){let e=ref(null),f=inject(m,ref(null)),b=inject(q,ref(null)),g=inject(r,ref(!1)),h=ref(!1),
-k=watch([g,b,e],([c,b,e])=>{b&&c&&e&&(p(a.position),h.value=!0,d("content:loaded"),setTimeout(k,0))},{immediate:!0}),p=a=>{f.value&&b.value&&e.value&&f.value.controls[b.value.ControlPosition[a]].push(e.value)},n=a=>{if(f.value&&b.value){let c=null;a=b.value.ControlPosition[a];f.value.controls[a].forEach((a,b)=>{a===e.value&&(c=b)});null!==c&&f.value.controls[a].removeAt(c)}};onBeforeUnmount(()=>n(a.position));watch(()=>a.position,(a,b)=>{n(b);p(a)});watch(()=>a.index,b=>{b&&e.value&&(e.value.index=
-a.index)});return{controlRef:e,showContent:h}}});let I={ref:"controlRef"};H.render=function(a){return openBlock(),createBlock(Fragment,null,[createCommentVNode("\n    v-show must be used instead of v-if otherwise there\n    would be no rendered content pushed to the map controls\n  "),withDirectives(createVNode("div",I,[renderSlot(a.$slots,"default")],512),[[vShow,a.showContent]])],2112)};
-let J=[{featureType:"administrative.land_parcel",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",elementType:"geometry.stroke",stylers:[{visibility:"off"},{weight:7}]},{featureType:"administrative.locality",elementType:"geometry.stroke",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.stroke",stylers:[{visibility:"on"}]},
+import{ref,defineComponent,provide,watch,onMounted,toRef,onBeforeUnmount,pushScopeId,popScopeId,openBlock,createBlock,createVNode,renderSlot,withScopeId,inject,Fragment,createCommentVNode,withDirectives,vShow}from'vue';let n=Symbol("map"),p=Symbol("api"),q=Symbol("mapwasloaded"),r=ref(null),t="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" ");
+var v=function u(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var d;if(Array.isArray(a)){var c=a.length;if(c!=b.length)return!1;for(d=c;0!==d--;)if(!u(a[d],b[d]))return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();var f=Object.keys(a);c=f.length;
+if(c!==Object.keys(b).length)return!1;for(d=c;0!==d--;)if(!Object.prototype.hasOwnProperty.call(b,f[d]))return!1;for(d=c;0!==d--;)if(c=f[d],!u(a[c],b[c]))return!1;return!0}return a!==a&&b!==b};
+class w{constructor({apiKey:a,channel:b,client:e,id:d="__googleMapsScriptId",libraries:c=[],language:f,region:g,version:h,mapIds:k,nonce:l,retries:m=3,url:B="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=h;this.apiKey=a;this.channel=b;this.client=e;this.id=d||"__googleMapsScriptId";this.libraries=c;this.language=f;this.region=g;this.mapIds=k;this.nonce=l;this.retries=m;this.url=B;if(w.instance){if(!v(this.options,
+w.instance.options))throw Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(w.instance.options)}`);return w.instance}w.instance=this}get options(){return{version:this.version,apiKey:this.apiKey,channel:this.channel,client:this.client,id:this.id,libraries:this.libraries,language:this.language,region:this.region,mapIds:this.mapIds,nonce:this.nonce,url:this.url}}get failed(){return this.done&&!this.loading&&this.errors.length>=this.retries+
+1}createUrl(){let a=this.url;a+=`?callback=${this.CALLBACK}`;this.apiKey&&(a+=`&key=${this.apiKey}`);this.channel&&(a+=`&channel=${this.channel}`);this.client&&(a+=`&client=${this.client}`);0<this.libraries.length&&(a+=`&libraries=${this.libraries.join(",")}`);this.language&&(a+=`&language=${this.language}`);this.region&&(a+=`&region=${this.region}`);this.version&&(a+=`&v=${this.version}`);this.mapIds&&(a+=`&map_ids=${this.mapIds.join(",")}`);return a}deleteScript(){let a=document.getElementById(this.id);
+a&&a.remove()}load(){return this.loadPromise()}loadPromise(){return new Promise((a,b)=>{this.loadCallback(e=>{e?b(e.error):a(window.google)})})}loadCallback(a){this.callbacks.push(a);this.execute()}setScript(){if(document.getElementById(this.id))this.callback();else{var a=this.createUrl(),b=document.createElement("script");b.id=this.id;b.type="text/javascript";b.src=a;b.onerror=this.loadErrorCallback.bind(this);b.defer=!0;b.async=!0;this.nonce&&(b.nonce=this.nonce);document.head.appendChild(b)}}reset(){this.deleteScript();
+this.loading=this.done=!1;this.errors=[];this.onerrorEvent=null}resetIfRetryingFailed(){this.failed&&this.reset()}loadErrorCallback(a){this.errors.push(a);this.errors.length<=this.retries?(a=this.errors.length*Math.pow(2,this.errors.length),console.log(`Failed to load Google Maps script, retrying in ${a} ms.`),setTimeout(()=>{this.deleteScript();this.setScript()},a)):(this.onerrorEvent=a,this.callback())}setCallback(){window.__googleMapsCallback=this.callback.bind(this)}callback(){this.done=!0;this.loading=
+!1;this.callbacks.forEach(a=>{a(this.onerrorEvent)});this.callbacks=[]}execute(){this.resetIfRetryingFailed();this.done?this.callback():window.google&&window.google.maps&&window.google.maps.version?(console.warn("Google Maps already loaded outside @googlemaps/js-api-loader.This may result in undesirable behavior as options and script parameters may not match."),this.callback()):this.loading||(this.loading=!0,this.setCallback(),this.setScript())}}let x="bounds_changed center_changed click dblclick drag dragend dragstart heading_changed idle maptypeid_changed mousemove mouseout mouseover projection_changed resize rightclick tilesloaded tilt_changed zoom_changed".split(" ");
+var y=defineComponent({props:{apiKey:{type:String,default:""},version:{type:String,default:"weekly"},libraries:{type:Array,default:()=>["places"]},region:{type:String,required:!1},language:{type:String,required:!1},backgroundColor:{type:String,required:!1},center:{type:Object,default:()=>({lat:0,lng:0})},clickableIcons:{type:Boolean,required:!1,default:void 0},controlSize:{type:Number,required:!1},disableDefaultUi:{type:Boolean,required:!1,default:void 0},disableDoubleClickZoom:{type:Boolean,required:!1,
+default:void 0},draggable:{type:Boolean,required:!1,default:void 0},draggableCursor:{type:String,required:!1},draggingCursor:{type:String,required:!1},fullscreenControl:{type:Boolean,required:!1,default:void 0},fullscreenControlPosition:{type:String,required:!1},gestureHandling:{type:String,required:!1},heading:{type:Number,required:!1},keyboardShortcuts:{type:Boolean,required:!1,default:void 0},mapTypeControl:{type:Boolean,required:!1,default:void 0},mapTypeControlOptions:{type:Object,required:!1},
+mapTypeId:{type:[Number,String],required:!1},maxZoom:{type:Number,required:!1},minZoom:{type:Number,required:!1},noClear:{type:Boolean,required:!1,default:void 0},panControl:{type:Boolean,required:!1,default:void 0},panControlPosition:{type:String,required:!1},restriction:{type:Object,required:!1},rotateControl:{type:Boolean,required:!1,default:void 0},rotateControlPosition:{type:String,required:!1},scaleControl:{type:Boolean,required:!1,default:void 0},scaleControlStyle:{type:Number,required:!1},
+scrollwheel:{type:Boolean,required:!1,default:void 0},streetView:{type:Object,required:!1},streetViewControl:{type:Boolean,required:!1,default:void 0},streetViewControlPosition:{type:String,required:!1},styles:{type:Array,required:!1},tilt:{type:Number,required:!1},zoom:{type:Number,required:!1},zoomControl:{type:Boolean,required:!1,default:void 0},zoomControlPosition:{type:String,required:!1}},emits:x,setup(a,{emit:b}){let e=ref(null),d=ref(!1),c=ref(null),f=ref(null),g=ref(!1);provide(n,c);provide(p,
+f);provide(q,g);let h=()=>{const b={...a};Object.keys(b).forEach(a=>{void 0===b[a]&&delete b[a]});var c=a=>{var b;return a?{position:null===(b=f.value)||void 0===b?void 0:b.ControlPosition[a]}:{}};c={scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},panControlOptions:c(a.panControlPosition),zoomControlOptions:c(a.zoomControlPosition),rotateControlOptions:c(a.rotateControlPosition),streetViewControlOptions:c(a.streetViewControlPosition),fullscreenControlOptions:c(a.fullscreenControlPosition),
+disableDefaultUI:a.disableDefaultUi};return{...b,...c}},k=watch([f,c],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{g.value=!0}),setTimeout(k,0))},{immediate:!0}),l=()=>{try{const {apiKey:b,region:c,version:d,language:e,libraries:f}=a;r.value=new w({apiKey:b,region:c,version:d,language:e,libraries:f})}catch(m){console.error(m)}};onMounted(()=>{l();r.value.load().then(()=>{f.value=google.maps;c.value=new google.maps.Map(e.value,h());x.forEach(a=>{var d;null===(d=c.value)||void 0===
+d?void 0:d.addListener(a,c=>b(a,c))});d.value=!0;let m=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>toRef(a,b));watch([()=>a.center,()=>a.zoom,...m],([a,b],[d,m])=>{var e,f,g;let {center:k,zoom:B,...l}=h();null===(e=c.value)||void 0===e?void 0:e.setOptions(l);void 0!==b&&b!==m&&(null===(f=c.value)||void 0===f?void 0:f.setZoom(b));b=!d||a.lng!==d.lng||a.lat!==d.lat;a&&b&&(null===(g=c.value)||void 0===g?void 0:g.panTo(a))})})});onBeforeUnmount(()=>{var a;g.value=!1;c.value&&(null===
+(a=f.value)||void 0===a?void 0:a.event.clearInstanceListeners(c.value))});return{mapRef:e,ready:d,map:c,api:f}}});var z=void 0;void 0===z&&(z={});var A=z.insertAt;
+if("undefined"!==typeof document){var C=document.head||document.getElementsByTagName("head")[0],D=document.createElement("style");D.type="text/css";"top"===A?C.firstChild?C.insertBefore(D,C.firstChild):C.appendChild(D):C.appendChild(D);D.styleSheet?D.styleSheet.cssText="\n.mapdiv[data-v-177d06e3] {\n  width: 100%;\n  height: 100%;\n}\n":D.appendChild(document.createTextNode("\n.mapdiv[data-v-177d06e3] {\n  width: 100%;\n  height: 100%;\n}\n"))}let E=withScopeId("data-v-177d06e3");pushScopeId("data-v-177d06e3");
+let F={ref:"mapRef",class:"mapdiv"};popScopeId();let G=E(a=>(openBlock(),createBlock("div",null,[createVNode("div",F,null,512),renderSlot(a.$slots,"default",{},void 0,!0)])));y.render=G;y.__scopeId="data-v-177d06e3";
+let H=(a,b,e,d)=>{let c=null;const f=ref(null),g=inject(n,ref(null)),h=inject(p,ref(null));watch([g,e],(k,[l,m])=>{k=JSON.stringify(e.value)!==JSON.stringify(m)||g.value!==l;g.value&&h.value&&k&&(c?(c.setOptions(e.value),c.setMap(g.value)):(f.value=c=new h.value[a]({...e.value,map:g.value}),b.forEach(a=>{null===c||void 0===c?void 0:c.addListener(a,b=>d(a,b))})))},{immediate:!0});onBeforeUnmount(()=>{var a;c&&(null===(a=h.value)||void 0===a?void 0:a.event.clearInstanceListeners(c),c.setMap(null))});
+return{component:f}},I="animation_changed click dblclick rightclick dragstart dragend drag mouseover mousedown mouseout mouseup draggable_changed clickable_changed contextmenu cursor_changed flat_changed rightclick zindex_changed icon_changed position_changed shape_changed title_changed visible_changed".split(" ");
+var J=defineComponent({props:{options:{type:Object,required:!0}},emits:I,setup(a,{emit:b}){a=toRef(a,"options");return{marker:H("Marker",I,a,b)}},render:()=>null}),K=defineComponent({props:{options:{type:Object,required:!0}},emits:t,setup(a,{emit:b}){a=toRef(a,"options");return{polyline:H("Polyline",t,a,b)}},render:()=>null}),L=defineComponent({props:{options:{type:Object,required:!0}},emits:t,setup(a,{emit:b}){a=toRef(a,"options");return{polygon:H("Polygon",t,a,b)}},render:()=>null});let M=t.concat(["bounds_changed"]);
+var N=defineComponent({props:{options:{type:Object,required:!0}},emits:M,setup(a,{emit:b}){a=toRef(a,"options");return{rectangle:H("Rectangle",M,a,b)}},render:()=>null});let O=t.concat(["center_changed","radius_changed"]);
+var P=defineComponent({props:{options:{type:Object,required:!0}},emits:O,setup(a,{emit:b}){a=toRef(a,"options");return{circle:H("Circle",O,a,b)}},render:()=>null}),Q=defineComponent({props:{position:{type:String,required:!0},index:{type:Number,default:1}},emits:["content:loaded"],setup(a,{emit:b}){let e=ref(null),d=inject(n,ref(null)),c=inject(p,ref(null)),f=inject(q,ref(!1)),g=ref(!1),h=watch([f,c,e],([c,d,e])=>{d&&c&&e&&(k(a.position),g.value=!0,b("content:loaded"),setTimeout(h,0))},{immediate:!0}),
+k=a=>{d.value&&c.value&&e.value&&d.value.controls[c.value.ControlPosition[a]].push(e.value)},l=a=>{if(d.value&&c.value){let b=null;a=c.value.ControlPosition[a];d.value.controls[a].forEach((a,c)=>{a===e.value&&(b=c)});null!==b&&d.value.controls[a].removeAt(b)}};onBeforeUnmount(()=>l(a.position));watch(()=>a.position,(a,b)=>{l(b);k(a)});watch(()=>a.index,b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:g}}});let R={ref:"controlRef"};
+Q.render=function(a){return openBlock(),createBlock(Fragment,null,[createCommentVNode("\n    v-show must be used instead of v-if otherwise there\n    would be no rendered content pushed to the map controls\n  "),withDirectives(createVNode("div",R,[renderSlot(a.$slots,"default")],512),[[vShow,a.showContent]])],2112)};
+let S=[{featureType:"administrative.land_parcel",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",elementType:"geometry.stroke",stylers:[{visibility:"off"},{weight:7}]},{featureType:"administrative.locality",elementType:"geometry.stroke",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.stroke",stylers:[{visibility:"on"}]},
 {featureType:"administrative.neighborhood",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",elementType:"geometry.fill",stylers:[{color:"#00ff28"},{visibility:"on"},{weight:2}]},{featureType:"administrative.neighborhood",elementType:"geometry.stroke",stylers:[{color:"#00ff28"},{visibility:"on"}]},{featureType:"administrative.neighborhood",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",elementType:"labels.text.stroke",stylers:[{visibility:"off"}]},
 {featureType:"landscape.natural",elementType:"geometry.fill",stylers:[{visibility:"on"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"poi.attraction",stylers:[{visibility:"off"}]},{featureType:"poi.business",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"poi.medical",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"poi.place_of_worship",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"poi.school",elementType:"all",
 stylers:[{visibility:"off"}]},{featureType:"poi.sports_complex",elementType:"geometry.fill",stylers:[{visibility:"on"}]},{featureType:"poi.sports_complex",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.text",stylers:[{visibility:"on"},{lightness:-10},{color:"#b5b5b5"},{weight:.2}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road.local",elementType:"geometry.fill",stylers:[{color:"#fbfbfb"},{lightness:-15},
-{weight:.5}]},{featureType:"road.local",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"transit.station",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]}],K=[{featureType:"all",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"all",elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},
+{weight:.5}]},{featureType:"road.local",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"transit.station",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]}],T=[{featureType:"all",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"all",elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},
 {lightness:40}]},{featureType:"all",elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#000000"},{lightness:16}]},{featureType:"all",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:17},{weight:1.2}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#e5c163"}]},
 {featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#c4c4c4"}]},{featureType:"administrative.neighborhood",elementType:"labels.text.fill",stylers:[{color:"#e5c163"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#000000"},{lightness:21},{visibility:"on"}]},{featureType:"poi.business",elementType:"geometry",stylers:[{visibility:"on"}]},{featureType:"road.highway",
 elementType:"geometry.fill",stylers:[{color:"#e5c163"},{lightness:0}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#ffffff"}]},{featureType:"road.highway",elementType:"labels.text.stroke",stylers:[{color:"#e5c163"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#000000"},{lightness:18}]},{featureType:"road.arterial",elementType:"geometry.fill",stylers:[{color:"#575757"}]},
 {featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:"#ffffff"}]},{featureType:"road.arterial",elementType:"labels.text.stroke",stylers:[{color:"#2c2c2c"}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#000000"},{lightness:16}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#999999"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#000000"},{lightness:19}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"},
-{lightness:17}]}],L=[...K,...J];
+{lightness:17}]}],U=[...T,...S];
 var aubergine=[{elementType:"geometry",stylers:[{color:"#1d2c4d"}]},{elementType:"labels.text.fill",stylers:[{color:"#8ec3b9"}]},{elementType:"labels.text.stroke",stylers:[{color:"#1a3646"}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#4b6878"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#64779e"}]},{featureType:"administrative.province",elementType:"geometry.stroke",stylers:[{color:"#4b6878"}]},{featureType:"landscape.man_made",
 elementType:"geometry.stroke",stylers:[{color:"#334e87"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#023e58"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#283d6a"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#6f9ba5"}]},{featureType:"poi",elementType:"labels.text.stroke",stylers:[{color:"#1d2c4d"}]},{featureType:"poi.park",elementType:"geometry.fill",stylers:[{color:"#023e58"}]},{featureType:"poi.park",elementType:"labels.text.fill",
 stylers:[{color:"#3C7680"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#304a7d"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#98a5be"}]},{featureType:"road",elementType:"labels.text.stroke",stylers:[{color:"#1d2c4d"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#2c6675"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#255763"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#b0d5ce"}]},
@@ -41,4 +51,4 @@ elementType:"geometry",stylers:[{color:"#dfd2ae"}]},{featureType:"poi",elementTy
 stylers:[{color:"#dfd2ae"}]},{featureType:"transit.line",elementType:"labels.text.fill",stylers:[{color:"#8f7d77"}]},{featureType:"transit.line",elementType:"labels.text.stroke",stylers:[{color:"#ebe3cd"}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:"#dfd2ae"}]},{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#b9d3c2"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#92998d"}]}];
 var ultraLight=[{featureType:"water",elementType:"geometry",stylers:[{color:"#e9e9e9"},{lightness:17}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:20}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#ffffff"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#ffffff"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:18}]},
 {featureType:"road.local",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:16}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:21}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#dedede"},{lightness:21}]},{elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#ffffff"},{lightness:16}]},{elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#333333"},{lightness:40}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},
-{featureType:"transit",elementType:"geometry",stylers:[{color:"#f2f2f2"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#fefefe"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#fefefe"},{lightness:17},{weight:1.2}]}];export{G as Circle,H as CustomControl,z as GoogleMap,B as Marker,D as Polygon,C as Polyline,F as Rectangle,aubergine,dark,grey,J as minimal,retro,K as roadways,L as roadwaysMinimal,ultraLight}
+{featureType:"transit",elementType:"geometry",stylers:[{color:"#f2f2f2"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#fefefe"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#fefefe"},{lightness:17},{weight:1.2}]}];export{P as Circle,Q as CustomControl,y as GoogleMap,J as Marker,L as Polygon,K as Polyline,N as Rectangle,aubergine,dark,grey,S as minimal,retro,T as roadways,U as roadwaysMinimal,ultraLight}

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

@@ -1,24 +1,4 @@
 /// <reference types="google.maps" />
 import * as themes from "../themes/index";
-export declare type IGoogleMapsAPI = typeof google.maps;
-export declare type IMap = google.maps.Map;
-export declare type IMapOptions = google.maps.MapOptions;
-export declare type ILatLng = google.maps.LatLng;
 export declare type IControlPosition = keyof typeof google.maps.ControlPosition;
-export declare type IScaleControlStyle = google.maps.ScaleControlStyle;
-export declare type IMapTypeControlOptions = google.maps.MapTypeControlOptions;
-export declare type IMapTypeId = google.maps.MapTypeId;
-export declare type IMapRestriction = google.maps.MapRestriction;
-export declare type IStreetViewPanorama = google.maps.StreetViewPanorama;
-export declare type IMapTypeStyle = google.maps.MapTypeStyle;
-export declare type IMarker = google.maps.Marker;
-export declare type IPolyline = google.maps.Polyline;
-export declare type IPolygon = google.maps.Polygon;
-export declare type IRectangle = google.maps.Rectangle;
-export declare type ICircle = google.maps.Circle;
-export declare type IMarkerOptions = google.maps.MarkerOptions;
-export declare type IPolylineOptions = google.maps.PolylineOptions;
-export declare type IPolygonOptions = google.maps.PolygonOptions;
-export declare type IRectangleOptions = google.maps.RectangleOptions;
-export declare type ICircleOptions = google.maps.CircleOptions;
 export declare type ITheme = keyof typeof themes;

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

@@ -5,89 +5,183 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    libraries: PropType<("drawing" | "geometry" | "localContext" | "places" | "visualization")[]>;
-    region: StringConstructor;
-    language: StringConstructor;
-    backgroundColor: StringConstructor;
-    center: PropType<google.maps.LatLng>;
+    version: {
+        type: StringConstructor;
+        default: string;
+    };
+    libraries: {
+        type: PropType<("drawing" | "geometry" | "localContext" | "places" | "visualization")[]>;
+        default: () => string[];
+    };
+    region: {
+        type: StringConstructor;
+        required: false;
+    };
+    language: {
+        type: StringConstructor;
+        required: false;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        required: false;
+    };
+    center: {
+        type: PropType<google.maps.LatLng>;
+        default: () => {
+            lat: number;
+            lng: number;
+        };
+    };
     clickableIcons: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    controlSize: NumberConstructor;
+    controlSize: {
+        type: NumberConstructor;
+        required: false;
+    };
     disableDefaultUi: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
     disableDoubleClickZoom: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
     draggable: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    draggableCursor: StringConstructor;
-    draggingCursor: StringConstructor;
+    draggableCursor: {
+        type: StringConstructor;
+        required: false;
+    };
+    draggingCursor: {
+        type: StringConstructor;
+        required: false;
+    };
     fullscreenControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    fullscreenControlPosition: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
-    gestureHandling: PropType<"cooperative" | "greedy" | "none" | "auto">;
-    heading: NumberConstructor;
+    fullscreenControlPosition: {
+        type: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        required: false;
+    };
+    gestureHandling: {
+        type: PropType<"cooperative" | "greedy" | "none" | "auto">;
+        required: false;
+    };
+    heading: {
+        type: NumberConstructor;
+        required: false;
+    };
     keyboardShortcuts: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
     mapTypeControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    mapTypeControlOptions: PropType<google.maps.MapTypeControlOptions>;
+    mapTypeControlOptions: {
+        type: PropType<google.maps.MapTypeControlOptions>;
+        required: false;
+    };
     mapTypeId: {
         type: PropType<string>;
+        required: false;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        required: false;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        required: false;
     };
-    maxZoom: NumberConstructor;
-    minZoom: NumberConstructor;
     noClear: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
     panControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    panControlPosition: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
-    restriction: PropType<google.maps.MapRestriction>;
+    panControlPosition: {
+        type: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        required: false;
+    };
+    restriction: {
+        type: PropType<google.maps.MapRestriction>;
+        required: false;
+    };
     rotateControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    rotateControlPosition: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+    rotateControlPosition: {
+        type: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        required: false;
+    };
     scaleControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    scaleControlStyle: PropType<google.maps.ScaleControlStyle>;
+    scaleControlStyle: {
+        type: PropType<google.maps.ScaleControlStyle>;
+        required: false;
+    };
     scrollwheel: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    streetView: PropType<google.maps.StreetViewPanorama>;
+    streetView: {
+        type: PropType<google.maps.StreetViewPanorama>;
+        required: false;
+    };
     streetViewControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    streetViewControlPosition: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
-    styles: PropType<google.maps.MapTypeStyle[]>;
-    tilt: NumberConstructor;
-    zoom: NumberConstructor;
+    streetViewControlPosition: {
+        type: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        required: false;
+    };
+    styles: {
+        type: PropType<google.maps.MapTypeStyle[]>;
+        required: false;
+    };
+    tilt: {
+        type: NumberConstructor;
+        required: false;
+    };
+    zoom: {
+        type: NumberConstructor;
+        required: false;
+    };
     zoomControl: {
         type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
-    zoomControlPosition: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+    zoomControlPosition: {
+        type: PropType<"BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT">;
+        required: false;
+    };
 }, {
     mapRef: import("vue").Ref<HTMLElement | null>;
     ready: import("vue").Ref<boolean>;
@@ -509,6 +603,9 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     apiKey: string;
+    version: string;
+    libraries: ("drawing" | "geometry" | "localContext" | "places" | "visualization")[];
+    center: google.maps.LatLng;
     clickableIcons: boolean;
     disableDefaultUi: boolean;
     disableDoubleClickZoom: boolean;
@@ -524,11 +621,9 @@ declare const _default: import("vue").DefineComponent<{
     streetViewControl: boolean;
     zoomControl: boolean;
 } & {
-    libraries?: ("drawing" | "geometry" | "localContext" | "places" | "visualization")[] | undefined;
     region?: string | undefined;
     language?: string | undefined;
     backgroundColor?: string | undefined;
-    center?: google.maps.LatLng | undefined;
     controlSize?: number | undefined;
     draggableCursor?: string | undefined;
     draggingCursor?: string | undefined;
@@ -551,6 +646,9 @@ declare const _default: import("vue").DefineComponent<{
     zoomControlPosition?: "BOTTOM_CENTER" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "LEFT_BOTTOM" | "LEFT_CENTER" | "LEFT_TOP" | "RIGHT_BOTTOM" | "RIGHT_CENTER" | "RIGHT_TOP" | "TOP_CENTER" | "TOP_LEFT" | "TOP_RIGHT" | undefined;
 }>, {
     apiKey: string;
+    version: string;
+    libraries: ("drawing" | "geometry" | "localContext" | "places" | "visualization")[];
+    center: google.maps.LatLng;
     clickableIcons: boolean;
     disableDefaultUi: boolean;
     disableDoubleClickZoom: boolean;

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

@@ -1,7 +1,7 @@
+/// <reference types="google.maps" />
 import { Ref } from "vue";
-import { IMarker, IPolyline, IPolygon, IRectangle, ICircle, IMarkerOptions, IPolylineOptions, IPolygonOptions, IRectangleOptions, ICircleOptions } from "../@types/index";
-export declare type IComponent = IMarker | IPolyline | IPolygon | IRectangle | ICircle;
-export declare type IComponentOptions = IMarkerOptions | IPolylineOptions | IPolygonOptions | IRectangleOptions | ICircleOptions;
+export declare type IComponent = google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle;
+export declare type IComponentOptions = google.maps.MarkerOptions | google.maps.PolylineOptions | google.maps.PolygonOptions | google.maps.RectangleOptions | google.maps.CircleOptions;
 export declare const useSetupMapComponent: (componentName: "Marker" | "Polyline" | "Polygon" | "Rectangle" | "Circle", events: string[], options: Ref<IComponentOptions>, emit: (event: string, ...args: unknown[]) => void) => {
     component: Ref<IComponent | null>;
 };

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

@@ -1,25 +1,25 @@
+/// <reference types="google.maps" />
 import { InjectionKey, Ref } from "vue";
-import { IGoogleMapsAPI, IMap } from "../@types/index";
-export declare const mapSymbol: InjectionKey<Ref<IMap | null>>;
-export declare const apiSymbol: InjectionKey<Ref<IGoogleMapsAPI | null>>;
+export declare const mapSymbol: InjectionKey<Ref<google.maps.Map | null>>;
+export declare const apiSymbol: InjectionKey<Ref<typeof google.maps | null>>;
 /**
  * Utilitary flag for components that need to know the map
  * was fully loaded (including its tiles) to decide their behavior
  */
 export declare const mapWasLoadedSymbol: InjectionKey<Ref<boolean>>;
 export declare const loaderInstance: Ref<{
-    version: string;
-    apiKey: string;
-    channel: string;
-    client: string;
-    id: string;
-    libraries: ("drawing" | "geometry" | "localContext" | "places" | "visualization")[];
-    language: string;
-    region: string;
-    mapIds: string[];
-    nonce: string | null;
-    retries: number;
-    url: string;
+    readonly version: string;
+    readonly apiKey: string;
+    readonly channel: string;
+    readonly client: string;
+    readonly id: string;
+    readonly libraries: ("drawing" | "geometry" | "localContext" | "places" | "visualization")[];
+    readonly language: string;
+    readonly region: string;
+    readonly mapIds: string[];
+    readonly nonce: string | null;
+    readonly retries: number;
+    readonly url: string;
     readonly options: {
         apiKey: string;
         channel?: string | undefined;
@@ -35,14 +35,9 @@ export declare const loaderInstance: Ref<{
         retries?: number | undefined;
     };
     createUrl: () => string;
-    load: () => Promise<void>;
-    loadPromise: () => Promise<void>;
-    loadCallback: (fn: (e: Event) => void) => void;
     deleteScript: () => void;
+    load: () => Promise<typeof google>;
+    loadPromise: () => Promise<typeof google>;
+    loadCallback: (fn: (e: ErrorEvent) => void) => void;
 } | null>;
-export declare const mapEvents: string[];
-export declare const markerEvents: string[];
 export declare const polylineEvents: string[];
-export declare const polygonEvents: string[];
-export declare const rectangleEvents: string[];
-export declare const circleEvents: string[];

package/dist/types/themes/aubergine.d.ts

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

package/dist/types/themes/dark.d.ts

@@ -1,6 +1,6 @@
-import { IMapTypeStyle } from "../@types/index";
+/// <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: IMapTypeStyle[];
+export declare const dark: google.maps.MapTypeStyle[];

package/dist/types/themes/grey.d.ts

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

package/dist/types/themes/minimal.d.ts

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

package/dist/types/themes/retro.d.ts

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

package/dist/types/themes/roadways.d.ts

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

package/dist/types/themes/roadwaysMinimal.d.ts

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

package/dist/types/themes/ultraLight.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-google-map",
-  "version": "0.7.10",
+  "version": "0.8.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,15 +31,18 @@
     "docs": "vitepress dev docs",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs"
+    "docs:serve": "vitepress serve docs",
+    "release": "standard-version"
+  },
+  "dependencies": {
+    "@googlemaps/js-api-loader": "^1.12.11"
   },
   "devDependencies": {
     "@ampproject/rollup-plugin-closure-compiler": "^0.26.0",
-    "@googlemaps/js-api-loader": "^1.11.1",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
-    "@types/google-maps": "^3.2.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",
@@ -54,14 +57,17 @@
     "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.3.2",
     "typescript-transform-paths": "^2.2.4",
@@ -70,7 +76,6 @@
     "vue": "3"
   },
   "peerDependencies": {
-    "@googlemaps/js-api-loader": "^1.11.1",
     "vue": "3"
   },
   "engines": {