@arenarium/maps 1.1.0 → 1.1.2

package/dist/attribution-3vg4I3xA.cjs

@@ -0,0 +1 @@
+"use strict";const t=()=>'<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />',e=()=>`<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${t()}<span>&nbsp;@arenarium/maps</span></a>`;exports.getAttributionHtml=e;

package/dist/attribution-BYiDRQF4.js

@@ -0,0 +1,4 @@
+const t = () => '<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />', a = () => `<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${t()}<span>&nbsp;@arenarium/maps</span></a>`;
+export {
+  a as g
+};

package/dist/google.cjs.js

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var p=(s,e,t)=>e in s?i(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var l=(s,e,t)=>p(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class m{constructor(e,t,a,n){l(this,"MapClass");l(this,"MapMarkerClass");l(this,"map");l(this,"options");this.MapClass=e,this.MapMarkerClass=t,this.options=n,this.map=new this.MapClass(a,{...n})}getParameters(){return{mapSize:256,zoomMin:this.options.minZoom??0,zoomMax:this.options.maxZoom??24,zoomScale:10}}getMap(){return this.map}getContainer(){return this.map.getDiv()}getZoom(){return this.map.getZoom()??NaN}getBounds(){const e=this.map.getBounds();if(e==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};const t=e.getSouthWest(),a=e.getNorthEast();return{sw:{lat:t.lat(),lng:t.lng()},ne:{lat:a.lat(),lng:a.lng()}}}panBy(e,t){this.map.panBy(e,t)}createMarker(e,t,a,n){const o=new this.MapMarkerClass({position:{lat:t,lng:a},content:e,zIndex:n});return{instance:o,inserted:()=>o.map!=null&&o.map==this.map,insert:()=>o.map=this.map,remove:()=>o.map=void 0,update:r=>o.zIndex=r}}}const g=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:"landscape",stylers:[{lightness:30}]},{featureType:"road",elementType:"geometry",stylers:[{saturation:-100}]}],y=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100}]},{elementType:"geometry",stylers:[{lightness:-45}]},{elementType:"labels.text.fill",stylers:[{lightness:-100}]},{elementType:"labels.text.stroke",stylers:[{lightness:-15}]},{featureType:"water",elementType:"geometry",stylers:[{lightness:-50}]}];exports.GoogleMapDarkStyle=y;exports.GoogleMapLightStyle=g;exports.GoogleMapsProvider=m;
+"use strict";var l=Object.defineProperty;var m=(a,t,e)=>t in a?l(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var r=(a,t,e)=>m(a,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./attribution-3vg4I3xA.cjs");class p{constructor(t,e,s,i){r(this,"MapClass");r(this,"MapMarkerClass");r(this,"map");r(this,"options");r(this,"attributionObserver");r(this,"attributionElement");this.MapClass=t,this.MapMarkerClass=e,this.options=i,this.map=new this.MapClass(s,{...i}),(i.attribution||i.attribution==null)&&(this.map.addListener("idle",()=>{this.attributionObserver||(this.attributionObserver=new MutationObserver((n,o)=>{this.insertAttributionElement(),this.attributionElement!=null&&(this.updateAttributionElement(),o.disconnect())}),this.attributionObserver.observe(s,{childList:!0,subtree:!0}))}),this.map.addListener("bounds_changed",()=>{this.updateAttributionElement()}))}insertAttributionElement(){var n,o;const t=this.map.getDiv();if(t==null)return;const e=t.getElementsByClassName("gmnoprint")[0];if(e==null||e.parentElement==null)return;const s=e.cloneNode(!0),i=(o=(n=s.childNodes.item(0))==null?void 0:n.childNodes.item(1))==null?void 0:o.childNodes.item(0);i!=null&&(i.title="",i.innerHTML=u.getAttributionHtml(),e.parentElement.insertBefore(s,e),this.attributionElement=i)}updateAttributionElement(){var s,i;const t=this.map.getDiv();if(t==null)return;const e=(i=(s=this.attributionElement)==null?void 0:s.childNodes.item(0))==null?void 0:i.childNodes.item(1);e!=null&&(e.style.display=t.clientWidth>500?"initial":"none")}getParameters(){return{mapSize:256,zoomMin:this.options.minZoom??0,zoomMax:this.options.maxZoom??24,zoomScale:10}}getMap(){return this.map}getContainer(){return this.map.getDiv()}getZoom(){return this.map.getZoom()??NaN}getBounds(){const t=this.map.getBounds();if(t==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};const e=t.getSouthWest(),s=t.getNorthEast();return{sw:{lat:e.lat(),lng:e.lng()},ne:{lat:s.lat(),lng:s.lng()}}}panBy(t,e){this.map.panBy(t,e)}createMarker(t,e,s,i){const n=new this.MapMarkerClass({position:{lat:e,lng:s},content:t,zIndex:i});return{instance:n,inserted:()=>n.map!=null&&n.map==this.map,insert:()=>n.map=this.map,remove:()=>n.map=void 0,update:o=>n.zIndex=o}}}const d=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:"landscape",stylers:[{lightness:30}]},{featureType:"road",elementType:"geometry",stylers:[{saturation:-100}]}],h=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100}]},{elementType:"geometry",stylers:[{lightness:-45}]},{elementType:"labels.text.fill",stylers:[{lightness:-100}]},{elementType:"labels.text.stroke",stylers:[{lightness:-15}]},{featureType:"water",elementType:"geometry",stylers:[{lightness:-50}]}];exports.GoogleMapDarkStyle=h;exports.GoogleMapLightStyle=d;exports.GoogleMapsProvider=p;

package/dist/google.d.ts

@@ -64,12 +64,20 @@ declare interface GoogleMapsMarkerClass {
     new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
 }
 
+declare interface GoogleMapsOptions extends google.maps.MapOptions {
+    attribution?: boolean;
+}
+
 export declare class GoogleMapsProvider implements MapProvider {
     private MapClass;
     private MapMarkerClass;
     private map;
     private options;
-    constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: google.maps.MapOptions);
+    private attributionObserver;
+    private attributionElement;
+    constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: GoogleMapsOptions);
+    private insertAttributionElement;
+    private updateAttributionElement;
     getParameters(): MapProviderParameters;
     getMap(): google.maps.Map;
     getContainer(): HTMLElement;

package/dist/google.es.js

@@ -1,15 +1,40 @@
-var i = Object.defineProperty;
-var p = (s, e, t) => e in s ? i(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var l = (s, e, t) => p(s, typeof e != "symbol" ? e + "" : e, t);
-class g {
-  constructor(e, t, a, o) {
-    l(this, "MapClass");
-    l(this, "MapMarkerClass");
-    l(this, "map");
-    l(this, "options");
-    this.MapClass = e, this.MapMarkerClass = t, this.options = o, this.map = new this.MapClass(a, {
-      ...o
-    });
+var l = Object.defineProperty;
+var m = (a, t, e) => t in a ? l(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var r = (a, t, e) => m(a, typeof t != "symbol" ? t + "" : t, e);
+import { g as p } from "./attribution-BYiDRQF4.js";
+class h {
+  constructor(t, e, s, i) {
+    r(this, "MapClass");
+    r(this, "MapMarkerClass");
+    r(this, "map");
+    r(this, "options");
+    r(this, "attributionObserver");
+    r(this, "attributionElement");
+    this.MapClass = t, this.MapMarkerClass = e, this.options = i, this.map = new this.MapClass(s, {
+      ...i
+    }), (i.attribution || i.attribution == null) && (this.map.addListener("idle", () => {
+      this.attributionObserver || (this.attributionObserver = new MutationObserver((n, o) => {
+        this.insertAttributionElement(), this.attributionElement != null && (this.updateAttributionElement(), o.disconnect());
+      }), this.attributionObserver.observe(s, { childList: !0, subtree: !0 }));
+    }), this.map.addListener("bounds_changed", () => {
+      this.updateAttributionElement();
+    }));
+  }
+  insertAttributionElement() {
+    var n, o;
+    const t = this.map.getDiv();
+    if (t == null) return;
+    const e = t.getElementsByClassName("gmnoprint")[0];
+    if (e == null || e.parentElement == null) return;
+    const s = e.cloneNode(!0), i = (o = (n = s.childNodes.item(0)) == null ? void 0 : n.childNodes.item(1)) == null ? void 0 : o.childNodes.item(0);
+    i != null && (i.title = "", i.innerHTML = p(), e.parentElement.insertBefore(s, e), this.attributionElement = i);
+  }
+  updateAttributionElement() {
+    var s, i;
+    const t = this.map.getDiv();
+    if (t == null) return;
+    const e = (i = (s = this.attributionElement) == null ? void 0 : s.childNodes.item(0)) == null ? void 0 : i.childNodes.item(1);
+    e != null && (e.style.display = t.clientWidth > 500 ? "initial" : "none");
   }
   getParameters() {
     return {
@@ -29,26 +54,26 @@ class g {
     return this.map.getZoom() ?? NaN;
   }
   getBounds() {
-    const e = this.map.getBounds();
-    if (e == null) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
-    const t = e.getSouthWest(), a = e.getNorthEast();
-    return { sw: { lat: t.lat(), lng: t.lng() }, ne: { lat: a.lat(), lng: a.lng() } };
+    const t = this.map.getBounds();
+    if (t == null) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
+    const e = t.getSouthWest(), s = t.getNorthEast();
+    return { sw: { lat: e.lat(), lng: e.lng() }, ne: { lat: s.lat(), lng: s.lng() } };
   }
-  panBy(e, t) {
-    this.map.panBy(e, t);
+  panBy(t, e) {
+    this.map.panBy(t, e);
   }
-  createMarker(e, t, a, o) {
-    const n = new this.MapMarkerClass({ position: { lat: t, lng: a }, content: e, zIndex: o });
+  createMarker(t, e, s, i) {
+    const n = new this.MapMarkerClass({ position: { lat: e, lng: s }, content: t, zIndex: i });
     return {
       instance: n,
       inserted: () => n.map != null && n.map == this.map,
       insert: () => n.map = this.map,
       remove: () => n.map = void 0,
-      update: (r) => n.zIndex = r
+      update: (o) => n.zIndex = o
     };
   }
 }
-const y = [
+const g = [
   {
     elementType: "labels.icon",
     stylers: [
@@ -84,7 +109,7 @@ const y = [
       }
     ]
   }
-], h = [
+], b = [
   {
     elementType: "labels.icon",
     stylers: [
@@ -135,7 +160,7 @@ const y = [
   }
 ];
 export {
-  h as GoogleMapDarkStyle,
-  y as GoogleMapLightStyle,
-  g as GoogleMapsProvider
+  b as GoogleMapDarkStyle,
+  g as GoogleMapLightStyle,
+  h as GoogleMapsProvider
 };

package/dist/index.d.ts

@@ -549,12 +549,19 @@ export interface GoogleMapsClass {
 export interface GoogleMapsMarkerClass {
 	new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
 }
+export interface GoogleMapsOptions extends google.maps.MapOptions {
+	attribution?: boolean;
+}
 export declare class GoogleMapsProvider implements MapProvider {
 	private MapClass;
 	private MapMarkerClass;
 	private map;
 	private options;
-	constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: google.maps.MapOptions);
+	private attributionObserver;
+	private attributionElement;
+	constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: GoogleMapsOptions);
+	private insertAttributionElement;
+	private updateAttributionElement;
 	getParameters(): MapProviderParameters;
 	getMap(): google.maps.Map;
 	getContainer(): HTMLElement;