Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

vue3-google-map

Package Overview
Dependencies
Maintainers
2
Versions
43
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-google-map - npm Package Compare versions

Comparing version 0.8.5 to 0.9.0

37

dist/cjs/index.js

@@ -1,5 +0,5 @@

'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var vue=require("vue");let mapSymbol=Symbol("map"),apiSymbol=Symbol("api"),mapTilesLoadedSymbol=Symbol("mapTilesLoaded"),loaderInstance=vue.ref(null),polylineEvents="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" ");
'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var vue=require("vue");let mapSymbol=Symbol("map"),apiSymbol=Symbol("api"),markerSymbol=Symbol("marker"),mapTilesLoadedSymbol=Symbol("mapTilesLoaded"),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 c;if(Array.isArray(a)){var d=a.length;if(d!=b.length)return!1;for(c=d;0!==c--;)if(!equal(a[c],b[c]))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);
d=f.length;if(d!==Object.keys(b).length)return!1;for(c=d;0!==c--;)if(!Object.prototype.hasOwnProperty.call(b,f[c]))return!1;for(c=d;0!==c--;)if(d=f[c],!equal(a[d],b[d]))return!1;return!0}return a!==a&&b!==b};let DEFAULT_ID="__googleMapsScriptId";
class Loader{constructor({apiKey:a,channel:b,client:e,id:c=DEFAULT_ID,libraries:d=[],language:f,region:g,version:l,mapIds:k,nonce:h,retries:m=3,url:p="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=l;this.apiKey=a;this.channel=b;this.client=e;this.id=c||DEFAULT_ID;this.libraries=d;this.language=f;this.region=g;this.mapIds=k;this.nonce=h;this.retries=m;this.url=p;if(Loader.instance){if(!fastDeepEqual(this.options,
class Loader{constructor({apiKey:a,channel:b,client:e,id:c=DEFAULT_ID,libraries:d=[],language:f,region:g,version:l,mapIds:h,nonce:m,retries:k=3,url:n="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=l;this.apiKey=a;this.channel=b;this.client=e;this.id=c||DEFAULT_ID;this.libraries=d;this.language=f;this.region=g;this.mapIds=h;this.nonce=m;this.retries=k;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>=

@@ -14,20 +14,21 @@ 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);

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),c=vue.ref(!1),d=vue.ref(null),f=vue.ref(null),
g=vue.ref(!1);vue.provide(mapSymbol,d);vue.provide(apiSymbol,f);vue.provide(mapTilesLoadedSymbol,g);let l=()=>{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=vue.watch([f,d],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{g.value=!0}),setTimeout(k,0))},{immediate:!0}),h=()=>{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(m){console.error(m)}};vue.onMounted(()=>{h();loaderInstance.value.load().then(()=>{f.value=google.maps;
d.value=new google.maps.Map(e.value,l());mapEvents.forEach(a=>{var c;null===(c=d.value)||void 0===c?void 0:c.addListener(a,c=>b(a,c))});c.value=!0;let m=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>vue.toRef(a,b));vue.watch([()=>a.center,()=>a.zoom,...m],([a,b],[c,m])=>{var e,f,g;let {center:k,zoom:p,...h}=l();null===(e=d.value)||void 0===e?void 0:e.setOptions(h);void 0!==b&&b!==m&&(null===(f=d.value)||void 0===f?void 0:f.setZoom(b));b=!c||a.lng!==c.lng||a.lat!==c.lat;a&&b&&(null===
(g=d.value)||void 0===g?void 0:g.panTo(a))})})});vue.onBeforeUnmount(()=>{var a;g.value=!1;d.value&&(null===(a=f.value)||void 0===a?void 0:a.event.clearInstanceListeners(d.value))});return{mapRef:e,ready:c,map:d,api:f,mapTilesLoaded:g}}});
function styleInject(a,b){void 0===b&&(b={});b=b.insertAt;if(a&&"undefined"!==typeof document){var e=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css";"top"===b?e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c):e.appendChild(c);c.styleSheet?c.styleSheet.cssText=a:c.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$2={ref:"mapRef",class:"mapdiv"};vue.popScopeId();let _sfc_render$2=_withId((a,b,e,c,d,f)=>(vue.openBlock(),vue.createBlock("div",null,[vue.createVNode("div",_hoisted_1$2,null,512),vue.renderSlot(a.$slots,"default",{ready:a.ready,map:a.map,api:a.api,mapTilesLoaded:a.mapTilesLoaded},void 0,!0)])));_sfc_main$2.render=_sfc_render$2;_sfc_main$2.__scopeId="data-v-177d06e3";
let useSetupMapComponent=(a,b,e,c)=>{let d=null;const f=vue.ref(null),g=vue.inject(mapSymbol,vue.ref(null)),l=vue.inject(apiSymbol,vue.ref(null));vue.watch([g,e],(k,[h,m])=>{k=JSON.stringify(e.value)!==JSON.stringify(m)||g.value!==h;g.value&&l.value&&k&&(d?(d.setOptions(e.value),d.setMap(g.value)):(f.value=d=new l.value[a]({...e.value,map:g.value}),b.forEach(a=>{null===d||void 0===d?void 0:d.addListener(a,b=>c(a,b))})))},{immediate:!0});vue.onBeforeUnmount(()=>{var a;d&&(null===(a=l.value)||void 0===
g=vue.ref(!1);vue.provide(mapSymbol,d);vue.provide(apiSymbol,f);vue.provide(mapTilesLoadedSymbol,g);let l=()=>{const b={...a};Object.keys(b).forEach(a=>{void 0===b[a]&&delete b[a]});var n=a=>{var b;return a?{position:null===(b=f.value)||void 0===b?void 0:b.ControlPosition[a]}:{}};n={scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},panControlOptions:n(a.panControlPosition),zoomControlOptions:n(a.zoomControlPosition),rotateControlOptions:n(a.rotateControlPosition),streetViewControlOptions:n(a.streetViewControlPosition),
fullscreenControlOptions:n(a.fullscreenControlPosition),disableDefaultUI:a.disableDefaultUi};return{...b,...n}},h=vue.watch([f,d],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{g.value=!0}),setTimeout(h,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(k){console.error(k)}};vue.onMounted(()=>{m();loaderInstance.value.load().then(()=>{f.value=google.maps;
d.value=new google.maps.Map(e.value,l());mapEvents.forEach(a=>{var c;null===(c=d.value)||void 0===c?void 0:c.addListener(a,c=>b(a,c))});c.value=!0;let k=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>vue.toRef(a,b));vue.watch([()=>a.center,()=>a.zoom,...k],([a,b],[c,e])=>{var n,k,f;let {center:g,zoom:h,...m}=l();null===(n=d.value)||void 0===n?void 0:n.setOptions(m);void 0!==b&&b!==e&&(null===(k=d.value)||void 0===k?void 0:k.setZoom(b));b=!c||a.lng!==c.lng||a.lat!==c.lat;a&&b&&(null===
(f=d.value)||void 0===f?void 0:f.panTo(a))})})});vue.onBeforeUnmount(()=>{var a;g.value=!1;d.value&&(null===(a=f.value)||void 0===a?void 0:a.event.clearInstanceListeners(d.value))});return{mapRef:e,ready:c,map:d,api:f,mapTilesLoaded:g}}});
function styleInject(a,b){void 0===b&&(b={});b=b.insertAt;if(a&&"undefined"!==typeof document){var e=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css";"top"===b?e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c):e.appendChild(c);c.styleSheet?c.styleSheet.cssText=a:c.appendChild(document.createTextNode(a))}}var css_248z$1="\n.mapdiv[data-v-177d06e3] {\n width: 100%;\n height: 100%;\n}\n";styleInject(css_248z$1);let _withId$1=vue.withScopeId("data-v-177d06e3");
vue.pushScopeId("data-v-177d06e3");let _hoisted_1$2={ref:"mapRef",class:"mapdiv"};vue.popScopeId();let _sfc_render$2=_withId$1((a,b,e,c,d,f)=>(vue.openBlock(),vue.createBlock("div",null,[vue.createVNode("div",_hoisted_1$2,null,512),vue.renderSlot(a.$slots,"default",{ready:a.ready,map:a.map,api:a.api,mapTilesLoaded:a.mapTilesLoaded},void 0,!0)])));_sfc_main$2.render=_sfc_render$2;_sfc_main$2.__scopeId="data-v-177d06e3";
let useSetupMapComponent=(a,b,e,c)=>{let d=null;const f=vue.ref(null),g=vue.inject(mapSymbol,vue.ref(null)),l=vue.inject(apiSymbol,vue.ref(null));vue.watch([g,e],(h,[m,k])=>{h=JSON.stringify(e.value)!==JSON.stringify(k)||g.value!==m;g.value&&l.value&&h&&(d?(d.setOptions(e.value),d.setMap(g.value)):(f.value=d=new l.value[a]({...e.value,map:g.value}),b.forEach(a=>{null===d||void 0===d?void 0:d.addListener(a,b=>c(a,b))})))},{immediate:!0});vue.onBeforeUnmount(()=>{var a;d&&(null===(a=l.value)||void 0===
a?void 0:a.event.clearInstanceListeners(d),d.setMap(null))});return 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$1=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),c=vue.inject(mapSymbol,vue.ref(null)),d=vue.inject(apiSymbol,vue.ref(null)),f=vue.inject(mapTilesLoadedSymbol,vue.ref(!1)),
g=vue.ref(!1),l=vue.watch([f,d,e],([c,d,e])=>{d&&c&&e&&(k(a.position),g.value=!0,b("content:loaded"),setTimeout(l,0))},{immediate:!0}),k=a=>{c.value&&d.value&&e.value&&c.value.controls[d.value.ControlPosition[a]].push(e.value)},h=a=>{if(c.value&&d.value){let b=null;a=d.value.ControlPosition[a];c.value.controls[a].forEach((a,c)=>{a===e.value&&(b=c)});null!==b&&c.value.controls[a].removeAt(b)}};vue.onBeforeUnmount(()=>h(a.position));vue.watch(()=>a.position,(a,b)=>{h(b);k(a)});vue.watch(()=>a.index,
b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:g}}});let _hoisted_1$1={ref:"controlRef"};function _sfc_render$1(a,b,e,c,d,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$1,[vue.renderSlot(a.$slots,"default")],512),[[vue.vShow,a.showContent]])],2112)}
var Marker=vue.defineComponent({name:"Marker",props:{options:{type:Object,required:!0}},emits:markerEvents,setup(a,{emit:b,expose:e,slots:c}){a=vue.toRef(a,"options");b=useSetupMapComponent("Marker",markerEvents,a,b);vue.provide(markerSymbol,b);e({marker:b});return()=>{var a;return null===(a=c.default)||void 0===a?void 0:a.call(c)}}}),Polyline=vue.defineComponent({name:"Polyline",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({name:"Polygon",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({name:"Rectangle",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({name:"Circle",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$1=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),c=vue.inject(mapSymbol,vue.ref(null)),d=vue.inject(apiSymbol,vue.ref(null)),f=vue.inject(mapTilesLoadedSymbol,
vue.ref(!1)),g=vue.ref(!1),l=vue.watch([f,d,e],([c,d,e])=>{d&&c&&e&&(h(a.position),g.value=!0,b("content:loaded"),setTimeout(l,0))},{immediate:!0}),h=a=>{c.value&&d.value&&e.value&&c.value.controls[d.value.ControlPosition[a]].push(e.value)},m=a=>{if(c.value&&d.value){let b=null;a=d.value.ControlPosition[a];c.value.controls[a].forEach((a,c)=>{a===e.value&&(b=c)});null!==b&&c.value.controls[a].removeAt(b)}};vue.onBeforeUnmount(()=>m(a.position));vue.watch(()=>a.position,(a,b)=>{m(b);h(a)});vue.watch(()=>
a.index,b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:g}}});let _hoisted_1$1={ref:"controlRef"};function _sfc_render$1(a,b,e,c,d,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$1,[vue.renderSlot(a.$slots,"default")],512),[[vue.vShow,a.showContent]])],2112)}
_sfc_main$1.render=_sfc_render$1;let infoWindowEvents="closeclick content_changed domready position_changed visible zindex_changed".split(" ");
var _sfc_main=vue.defineComponent({props:{options:{type:Object,required:!0}},emits:infoWindowEvents,setup(a,{slots:b,emit:e}){let c,d=vue.ref(),f=vue.ref(),g=vue.inject(mapSymbol,vue.ref(null)),l=vue.inject(apiSymbol,vue.ref(null)),k=vue.inject(mapTilesLoadedSymbol,vue.ref(!1)),h=vue.computed(()=>{var a;return null===(a=b.default)||void 0===a?void 0:a.call(b).some(a=>a.type!==vue.Comment)});vue.watch([g,()=>a.options,k],([,a,b],[n,q,r])=>{n=JSON.stringify(a)!==JSON.stringify(q)||g.value!==n;g.value&&
l.value&&(n||b&&!r)&&(c?(c.setOptions({...a,content:h.value?f.value:a.content}),h.value&&!k.value||c.open({map:g.value})):(d.value=c=new l.value.InfoWindow({...a,content:h.value?f.value:a.content}),h.value&&!k.value||c.open({map:g.value}),infoWindowEvents.forEach(a=>{null===c||void 0===c?void 0:c.addListener(a,b=>e(a,b))})))},{immediate:!0});vue.onBeforeUnmount(()=>{var a;c&&(null===(a=l.value)||void 0===a?void 0:a.event.clearInstanceListeners(c),c.close())});return{infoWindow:d,infoWindowRef:f,hasSlotContent:h,
mapTilesLoaded:k}}});let _hoisted_1={key:0,ref:"infoWindowRef"};function _sfc_render(a,b,e,c,d,f){return a.hasSlotContent?vue.withDirectives((vue.openBlock(),vue.createBlock("div",_hoisted_1,[vue.renderSlot(a.$slots,"default")],512)),[[vue.vShow,a.mapTilesLoaded]]):vue.createCommentVNode("v-if",!0)}_sfc_main.render=_sfc_render;
var _sfc_main=vue.defineComponent({props:{options:{type:Object,default:()=>({})}},emits:infoWindowEvents,setup(a,{slots:b,emit:e}){let c,d=vue.ref(),f=vue.ref(),g=vue.inject(mapSymbol,vue.ref(null)),l=vue.inject(apiSymbol,vue.ref(null)),h=vue.inject(markerSymbol,vue.ref(null)),m,k=vue.computed(()=>{var a;return null===(a=b.default)||void 0===a?void 0:a.call(b).some(a=>a.type!==vue.Comment)});vue.onMounted(()=>{vue.watch([g,()=>a.options],([,a],[b,p])=>{b=JSON.stringify(a)!==JSON.stringify(p)||g.value!==
b;g.value&&l.value&&b&&(c?(c.setOptions({...a,content:k.value?f.value:a.content}),h.value||c.open({map:g.value})):(d.value=c=new l.value.InfoWindow({...a,content:k.value?f.value:a.content}),h.value?m=h.value.addListener("click",()=>{c.open({map:g.value,anchor:h.value})}):c.open({map:g.value}),infoWindowEvents.forEach(a=>{null===c||void 0===c?void 0:c.addListener(a,b=>e(a,b))})))},{immediate:!0})});vue.onBeforeUnmount(()=>{var a;m&&m.remove();c&&(null===(a=l.value)||void 0===a?void 0:a.event.clearInstanceListeners(c),
c.close())});return{infoWindow:d,infoWindowRef:f,hasSlotContent:k,anchor:h}}}),css_248z="\n.info-window-content[data-v-5b373d6e] {\n display: none;\n}\n.mapdiv .info-window-content[data-v-5b373d6e] {\n display: block;\n}\n";styleInject(css_248z);let _withId=vue.withScopeId("data-v-5b373d6e");vue.pushScopeId("data-v-5b373d6e");let _hoisted_1={key:0,ref:"infoWindowRef",class:"info-window-content"};vue.popScopeId();
let _sfc_render=_withId((a,b,e,c,d,f)=>a.hasSlotContent?(vue.openBlock(),vue.createBlock("div",_hoisted_1,[vue.renderSlot(a.$slots,"default",{},void 0,!0)],512)):vue.createCommentVNode("v-if",!0));_sfc_main.render=_sfc_render;_sfc_main.__scopeId="data-v-5b373d6e";
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",

@@ -34,0 +35,0 @@ 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",

55

dist/es/index.js

@@ -1,35 +0,34 @@

import{ref,defineComponent,provide,watch,onMounted,toRef,onBeforeUnmount,pushScopeId,popScopeId,openBlock,createBlock,createVNode,renderSlot,withScopeId,inject,Fragment,createCommentVNode,withDirectives,vShow,computed,Comment}from'vue';let n=Symbol("map"),p=Symbol("api"),q=Symbol("mapTilesLoaded"),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:m,mapIds:l,nonce:k,retries:h=3,url:C="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=m;this.apiKey=a;this.channel=b;this.client=e;this.id=d||"__googleMapsScriptId";this.libraries=c;this.language=f;this.region=g;this.mapIds=l;this.nonce=k;this.retries=h;this.url=C;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+
import{ref,defineComponent,provide,watch,onMounted,toRef,onBeforeUnmount,pushScopeId,popScopeId,openBlock,createBlock,createVNode,renderSlot,withScopeId,inject,Fragment,createCommentVNode,withDirectives,vShow,computed,Comment}from'vue';let p=Symbol("map"),q=Symbol("api"),r=Symbol("marker"),t=Symbol("mapTilesLoaded"),u=ref(null),v="click dblclick drag dragend dragstart mousedown mousemove mouseout mouseover mouseup rightclick".split(" ");
var x=function w(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var c;if(Array.isArray(a)){var d=a.length;if(d!=b.length)return!1;for(c=d;0!==c--;)if(!w(a[c],b[c]))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 g=Object.keys(a);d=g.length;
if(d!==Object.keys(b).length)return!1;for(c=d;0!==c--;)if(!Object.prototype.hasOwnProperty.call(b,g[c]))return!1;for(c=d;0!==c--;)if(d=g[c],!w(a[d],b[d]))return!1;return!0}return a!==a&&b!==b};
class y{constructor({apiKey:a,channel:b,client:e,id:c="__googleMapsScriptId",libraries:d=[],language:g,region:f,version:m,mapIds:h,nonce:n,retries:k=3,url:l="https://maps.googleapis.com/maps/api/js"}){this.CALLBACK="__googleMapsCallback";this.callbacks=[];this.loading=this.done=!1;this.errors=[];this.version=m;this.apiKey=a;this.channel=b;this.client=e;this.id=c||"__googleMapsScriptId";this.libraries=d;this.language=g;this.region=f;this.mapIds=h;this.nonce=n;this.retries=k;this.url=l;if(y.instance){if(!x(this.options,
y.instance.options))throw Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(y.instance.options)}`);return y.instance}y.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 y="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 z=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,
!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 z="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 A=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:y,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 m=()=>{const h={...a};Object.keys(h).forEach(a=>{void 0===h[a]&&delete h[a]});var b=a=>{var b;return a?{position:null===(b=f.value)||void 0===b?void 0:b.ControlPosition[a]}:{}};b={scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},panControlOptions:b(a.panControlPosition),zoomControlOptions:b(a.zoomControlPosition),rotateControlOptions:b(a.rotateControlPosition),streetViewControlOptions:b(a.streetViewControlPosition),fullscreenControlOptions:b(a.fullscreenControlPosition),
disableDefaultUI:a.disableDefaultUi};return{...h,...b}},l=watch([f,c],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{g.value=!0}),setTimeout(l,0))},{immediate:!0}),k=()=>{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(h){console.error(h)}};onMounted(()=>{k();r.value.load().then(()=>{f.value=google.maps;c.value=new google.maps.Map(e.value,m());y.forEach(a=>{var h;null===(h=c.value)||void 0===
h?void 0:h.addListener(a,h=>b(a,h))});d.value=!0;let h=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>toRef(a,b));watch([()=>a.center,()=>a.zoom,...h],([a,b],[h,d])=>{var e,f,g;let {center:l,zoom:C,...k}=m();null===(e=c.value)||void 0===e?void 0:e.setOptions(k);void 0!==b&&b!==d&&(null===(f=c.value)||void 0===f?void 0:f.setZoom(b));b=!h||a.lng!==h.lng||a.lat!==h.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,mapTilesLoaded:g}}});var A=void 0;void 0===A&&(A={});var B=A.insertAt;
if("undefined"!==typeof document){var D=document.head||document.getElementsByTagName("head")[0],E=document.createElement("style");E.type="text/css";"top"===B?D.firstChild?D.insertBefore(E,D.firstChild):D.appendChild(E):D.appendChild(E);E.styleSheet?E.styleSheet.cssText="\n.mapdiv[data-v-177d06e3] {\n width: 100%;\n height: 100%;\n}\n":E.appendChild(document.createTextNode("\n.mapdiv[data-v-177d06e3] {\n width: 100%;\n height: 100%;\n}\n"))}let F=withScopeId("data-v-177d06e3");pushScopeId("data-v-177d06e3");
let G={ref:"mapRef",class:"mapdiv"};popScopeId();let H=F(a=>(openBlock(),createBlock("div",null,[createVNode("div",G,null,512),renderSlot(a.$slots,"default",{ready:a.ready,map:a.map,api:a.api,mapTilesLoaded:a.mapTilesLoaded},void 0,!0)])));z.render=H;z.__scopeId="data-v-177d06e3";
let I=(a,b,e,d)=>{let c=null;const f=ref(null),g=inject(n,ref(null)),m=inject(p,ref(null));watch([g,e],(l,[k,h])=>{l=JSON.stringify(e.value)!==JSON.stringify(h)||g.value!==k;g.value&&m.value&&l&&(c?(c.setOptions(e.value),c.setMap(g.value)):(f.value=c=new m.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=m.value)||void 0===a?void 0:a.event.clearInstanceListeners(c),c.setMap(null))});
return f},J="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 K=defineComponent({props:{options:{type:Object,required:!0}},emits:J,setup(a,{emit:b}){a=toRef(a,"options");return{marker:I("Marker",J,a,b)}},render:()=>null}),L=defineComponent({props:{options:{type:Object,required:!0}},emits:t,setup(a,{emit:b}){a=toRef(a,"options");return{polyline:I("Polyline",t,a,b)}},render:()=>null}),M=defineComponent({props:{options:{type:Object,required:!0}},emits:t,setup(a,{emit:b}){a=toRef(a,"options");return{polygon:I("Polygon",t,a,b)}},render:()=>null});let P=t.concat(["bounds_changed"]);
var Q=defineComponent({props:{options:{type:Object,required:!0}},emits:P,setup(a,{emit:b}){a=toRef(a,"options");return{rectangle:I("Rectangle",P,a,b)}},render:()=>null});let R=t.concat(["center_changed","radius_changed"]);
var S=defineComponent({props:{options:{type:Object,required:!0}},emits:R,setup(a,{emit:b}){a=toRef(a,"options");return{circle:I("Circle",R,a,b)}},render:()=>null}),T=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),m=watch([f,c,e],([h,c,d])=>{c&&h&&d&&(l(a.position),g.value=!0,b("content:loaded"),setTimeout(m,0))},{immediate:!0}),
l=a=>{d.value&&c.value&&e.value&&d.value.controls[c.value.ControlPosition[a]].push(e.value)},k=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(()=>k(a.position));watch(()=>a.position,(a,b)=>{k(b);l(a)});watch(()=>a.index,b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:g}}});let U={ref:"controlRef"};
T.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",U,[renderSlot(a.$slots,"default")],512),[[vShow,a.showContent]])],2112)};let V="closeclick content_changed domready position_changed visible zindex_changed".split(" ");
var W=defineComponent({props:{options:{type:Object,required:!0}},emits:V,setup(a,{slots:b,emit:e}){let d,c=ref(),f=ref(),g=inject(n,ref(null)),m=inject(p,ref(null)),l=inject(q,ref(!1)),k=computed(()=>{var a;return null===(a=b.default)||void 0===a?void 0:a.call(b).some(a=>a.type!==Comment)});watch([g,()=>a.options,l],([,a,b],[x,N,O])=>{x=JSON.stringify(a)!==JSON.stringify(N)||g.value!==x;g.value&&m.value&&(x||b&&!O)&&(d?(d.setOptions({...a,content:k.value?f.value:a.content}),k.value&&!l.value||d.open({map:g.value})):
(c.value=d=new m.value.InfoWindow({...a,content:k.value?f.value:a.content}),k.value&&!l.value||d.open({map:g.value}),V.forEach(a=>{null===d||void 0===d?void 0:d.addListener(a,b=>e(a,b))})))},{immediate:!0});onBeforeUnmount(()=>{var a;d&&(null===(a=m.value)||void 0===a?void 0:a.event.clearInstanceListeners(d),d.close())});return{infoWindow:c,infoWindowRef:f,hasSlotContent:k,mapTilesLoaded:l}}});let X={key:0,ref:"infoWindowRef"};
W.render=function(a){return a.hasSlotContent?withDirectives((openBlock(),createBlock("div",X,[renderSlot(a.$slots,"default")],512)),[[vShow,a.mapTilesLoaded]]):createCommentVNode("v-if",!0)};
let Y=[{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"}]},
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:z,setup(a,{emit:b}){let e=ref(null),c=ref(!1),d=ref(null),g=ref(null),f=ref(!1);provide(p,d);provide(q,
g);provide(t,f);let m=()=>{const b={...a};Object.keys(b).forEach(a=>{void 0===b[a]&&delete b[a]});var l=a=>{var b;return a?{position:null===(b=g.value)||void 0===b?void 0:b.ControlPosition[a]}:{}};l={scaleControlOptions:a.scaleControlStyle?{style:a.scaleControlStyle}:{},panControlOptions:l(a.panControlPosition),zoomControlOptions:l(a.zoomControlPosition),rotateControlOptions:l(a.rotateControlPosition),streetViewControlOptions:l(a.streetViewControlPosition),fullscreenControlOptions:l(a.fullscreenControlPosition),
disableDefaultUI:a.disableDefaultUi};return{...b,...l}},h=watch([g,d],([a,b])=>{a&&b&&(a.event.addListenerOnce(b,"tilesloaded",()=>{f.value=!0}),setTimeout(h,0))},{immediate:!0}),n=()=>{try{const {apiKey:b,region:l,version:c,language:d,libraries:e}=a;u.value=new y({apiKey:b,region:l,version:c,language:d,libraries:e})}catch(k){console.error(k)}};onMounted(()=>{n();u.value.load().then(()=>{g.value=google.maps;d.value=new google.maps.Map(e.value,m());z.forEach(a=>{var c;null===(c=d.value)||void 0===
c?void 0:c.addListener(a,c=>b(a,c))});c.value=!0;let k=Object.keys(a).filter(a=>!["center","zoom"].includes(a)).map(b=>toRef(a,b));watch([()=>a.center,()=>a.zoom,...k],([a,b],[c,e])=>{var l,k,f;let {center:g,zoom:h,...n}=m();null===(l=d.value)||void 0===l?void 0:l.setOptions(n);void 0!==b&&b!==e&&(null===(k=d.value)||void 0===k?void 0:k.setZoom(b));b=!c||a.lng!==c.lng||a.lat!==c.lat;a&&b&&(null===(f=d.value)||void 0===f?void 0:f.panTo(a))})})});onBeforeUnmount(()=>{var a;f.value=!1;d.value&&(null===
(a=g.value)||void 0===a?void 0:a.event.clearInstanceListeners(d.value))});return{mapRef:e,ready:c,map:d,api:g,mapTilesLoaded:f}}});function B(a,b){void 0===b&&(b={});b=b.insertAt;if(a&&"undefined"!==typeof document){var e=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css";"top"===b?e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c):e.appendChild(c);c.styleSheet?c.styleSheet.cssText=a:c.appendChild(document.createTextNode(a))}}B("\n.mapdiv[data-v-177d06e3] {\n width: 100%;\n height: 100%;\n}\n");
let C=withScopeId("data-v-177d06e3");pushScopeId("data-v-177d06e3");let D={ref:"mapRef",class:"mapdiv"};popScopeId();let E=C(a=>(openBlock(),createBlock("div",null,[createVNode("div",D,null,512),renderSlot(a.$slots,"default",{ready:a.ready,map:a.map,api:a.api,mapTilesLoaded:a.mapTilesLoaded},void 0,!0)])));A.render=E;A.__scopeId="data-v-177d06e3";
let F=(a,b,e,c)=>{let d=null;const g=ref(null),f=inject(p,ref(null)),m=inject(q,ref(null));watch([f,e],(h,[n,k])=>{h=JSON.stringify(e.value)!==JSON.stringify(k)||f.value!==n;f.value&&m.value&&h&&(d?(d.setOptions(e.value),d.setMap(f.value)):(g.value=d=new m.value[a]({...e.value,map:f.value}),b.forEach(a=>{null===d||void 0===d?void 0:d.addListener(a,b=>c(a,b))})))},{immediate:!0});onBeforeUnmount(()=>{var a;d&&(null===(a=m.value)||void 0===a?void 0:a.event.clearInstanceListeners(d),d.setMap(null))});
return g},G="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 H=defineComponent({name:"Marker",props:{options:{type:Object,required:!0}},emits:G,setup(a,{emit:b,expose:e,slots:c}){a=toRef(a,"options");b=F("Marker",G,a,b);provide(r,b);e({marker:b});return()=>{var a;return null===(a=c.default)||void 0===a?void 0:a.call(c)}}}),I=defineComponent({name:"Polyline",props:{options:{type:Object,required:!0}},emits:v,setup(a,{emit:b}){a=toRef(a,"options");return{polyline:F("Polyline",v,a,b)}},render:()=>null}),J=defineComponent({name:"Polygon",props:{options:{type:Object,
required:!0}},emits:v,setup(a,{emit:b}){a=toRef(a,"options");return{polygon:F("Polygon",v,a,b)}},render:()=>null});let K=v.concat(["bounds_changed"]);var M=defineComponent({name:"Rectangle",props:{options:{type:Object,required:!0}},emits:K,setup(a,{emit:b}){a=toRef(a,"options");return{rectangle:F("Rectangle",K,a,b)}},render:()=>null});let N=v.concat(["center_changed","radius_changed"]);
var O=defineComponent({name:"Circle",props:{options:{type:Object,required:!0}},emits:N,setup(a,{emit:b}){a=toRef(a,"options");return{circle:F("Circle",N,a,b)}},render:()=>null}),P=defineComponent({props:{position:{type:String,required:!0},index:{type:Number,default:1}},emits:["content:loaded"],setup(a,{emit:b}){let e=ref(null),c=inject(p,ref(null)),d=inject(q,ref(null)),g=inject(t,ref(!1)),f=ref(!1),m=watch([g,d,e],([c,d,e])=>{d&&c&&e&&(h(a.position),f.value=!0,b("content:loaded"),setTimeout(m,0))},
{immediate:!0}),h=a=>{c.value&&d.value&&e.value&&c.value.controls[d.value.ControlPosition[a]].push(e.value)},n=a=>{if(c.value&&d.value){let b=null;a=d.value.ControlPosition[a];c.value.controls[a].forEach((a,c)=>{a===e.value&&(b=c)});null!==b&&c.value.controls[a].removeAt(b)}};onBeforeUnmount(()=>n(a.position));watch(()=>a.position,(a,b)=>{n(b);h(a)});watch(()=>a.index,b=>{b&&e.value&&(e.value.index=a.index)});return{controlRef:e,showContent:f}}});let Q={ref:"controlRef"};
P.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",Q,[renderSlot(a.$slots,"default")],512),[[vShow,a.showContent]])],2112)};let R="closeclick content_changed domready position_changed visible zindex_changed".split(" ");
var S=defineComponent({props:{options:{type:Object,default:()=>({})}},emits:R,setup(a,{slots:b,emit:e}){let c,d=ref(),g=ref(),f=inject(p,ref(null)),m=inject(q,ref(null)),h=inject(r,ref(null)),n,k=computed(()=>{var a;return null===(a=b.default)||void 0===a?void 0:a.call(b).some(a=>a.type!==Comment)});onMounted(()=>{watch([f,()=>a.options],([,a],[b,L])=>{b=JSON.stringify(a)!==JSON.stringify(L)||f.value!==b;f.value&&m.value&&b&&(c?(c.setOptions({...a,content:k.value?g.value:a.content}),h.value||c.open({map:f.value})):
(d.value=c=new m.value.InfoWindow({...a,content:k.value?g.value:a.content}),h.value?n=h.value.addListener("click",()=>{c.open({map:f.value,anchor:h.value})}):c.open({map:f.value}),R.forEach(a=>{null===c||void 0===c?void 0:c.addListener(a,b=>e(a,b))})))},{immediate:!0})});onBeforeUnmount(()=>{var a;n&&n.remove();c&&(null===(a=m.value)||void 0===a?void 0:a.event.clearInstanceListeners(c),c.close())});return{infoWindow:d,infoWindowRef:g,hasSlotContent:k,anchor:h}}});B("\n.info-window-content[data-v-5b373d6e] {\n display: none;\n}\n.mapdiv .info-window-content[data-v-5b373d6e] {\n display: block;\n}\n");
let T=withScopeId("data-v-5b373d6e");pushScopeId("data-v-5b373d6e");let U={key:0,ref:"infoWindowRef",class:"info-window-content"};popScopeId();let V=T(a=>a.hasSlotContent?(openBlock(),createBlock("div",U,[renderSlot(a.$slots,"default",{},void 0,!0)],512)):createCommentVNode("v-if",!0));S.render=V;S.__scopeId="data-v-5b373d6e";
let W=[{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"}]}],Z=[{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"}]}],X=[{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"}]},

@@ -39,3 +38,3 @@ {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",

{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}]}],aa=[...Z,...Y];
{lightness:17}]}],Y=[...X,...W];
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",

@@ -58,2 +57,2 @@ 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",

{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{S as Circle,T as CustomControl,z as GoogleMap,W as InfoWindow,K as Marker,M as Polygon,L as Polyline,Q as Rectangle,aubergine,dark,grey,Y as minimal,retro,Z as roadways,aa 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{O as Circle,P as CustomControl,A as GoogleMap,S as InfoWindow,H as Marker,J as Polygon,I as Polyline,M as Rectangle,aubergine,dark,grey,W as minimal,retro,X as roadways,Y as roadwaysMinimal,ultraLight}

8

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

@@ -6,3 +6,3 @@ /// <reference types="google.maps" />

type: PropType<google.maps.InfoWindowOptions>;
required: true;
default: () => {};
};

@@ -13,6 +13,8 @@ }, {

hasSlotContent: import("vue").ComputedRef<boolean | undefined>;
mapTilesLoaded: import("vue").Ref<boolean>;
anchor: import("vue").Ref<google.maps.Marker | null>;
}, 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;

8

dist/types/components/Marker.d.ts
/// <reference types="google.maps" />
import { PropType, Ref } from "vue";
import { PropType } from "vue";
declare const _default: import("vue").DefineComponent<{

@@ -8,7 +8,7 @@ options: {

};
}, {
marker: Ref<import("../composables/useSetupMapComponent").IComponent | null>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
}, () => 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;

1

dist/types/shared/index.d.ts

@@ -5,2 +5,3 @@ /// <reference types="google.maps" />

export declare const apiSymbol: InjectionKey<Ref<typeof google.maps | null>>;
export declare const markerSymbol: InjectionKey<Ref<google.maps.Marker | null>>;
/**

@@ -7,0 +8,0 @@ * Utilitary flag for components that need to know the map

2

package.json
{
"name": "vue3-google-map",
"version": "0.8.5",
"version": "0.9.0",
"license": "MIT",

@@ -5,0 +5,0 @@ "repository": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc