@arenarium/maps-integration-google 1.0.1 → 1.0.3

package/LICENSE.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 arenarium.dev
+Copyright (c) 2025 arenarium
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/main.d.ts

@@ -1,93 +1,36 @@
-import { MapBounds } from '@arenarium/maps';
-import { MapProvider } from '@arenarium/maps';
-import { MapProviderMarker } from '@arenarium/maps';
-import { MapProviderParameters } from '@arenarium/maps';
-
-export declare const GoogleMapDarkStyle: ({
-    elementType: string;
-    stylers: {
-        visibility: string;
-    }[];
-    featureType?: undefined;
-} | {
-    stylers: {
-        saturation: number;
-    }[];
-    elementType?: undefined;
-    featureType?: undefined;
-} | {
-    elementType: string;
-    stylers: {
-        lightness: number;
-    }[];
-    featureType?: undefined;
-} | {
-    featureType: string;
-    elementType: string;
-    stylers: {
-        lightness: number;
-    }[];
-})[];
-
-export declare const GoogleMapLightStyle: ({
-    elementType: string;
-    stylers: {
-        visibility: string;
-    }[];
-    featureType?: undefined;
-} | {
-    stylers: ({
-        saturation: number;
-        lightness?: undefined;
-    } | {
-        lightness: number;
-        saturation?: undefined;
-    })[];
-    elementType?: undefined;
-    featureType?: undefined;
-} | {
-    featureType: string;
-    stylers: {
-        lightness: number;
-    }[];
-    elementType?: undefined;
-} | {
-    featureType: string;
-    elementType: string;
-    stylers: {
-        saturation: number;
-    }[];
-})[];
-
-declare interface GoogleMapsClass {
-    new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
-}
-
-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;
-    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;
-    getZoom(): number;
-    getBounds(): MapBounds;
-    panBy(x: number, y: number): undefined;
-    createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker;
-}
-
-export { }
+import { MapProvider, MapProviderParameters, MapProviderMarker, MapProviderEvent, MapBounds, MapViewport, MapCoordinates } from "@arenarium/maps-core/schemas";
+interface GoogleMapsClass {
+	new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
+}
+interface GoogleMapsMarkerClass {
+	new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
+}
+interface GoogleMapsOptions extends google.maps.MapOptions {
+	attribution?: boolean;
+}
+declare class GoogleMapsProvider implements MapProvider {
+	private MapClass;
+	private MapMarkerClass;
+	private map;
+	private options;
+	private listeners;
+	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;
+	getZoom(): number;
+	getCenter(): MapCoordinates;
+	getBounds(): MapBounds;
+	getViewport(): MapViewport;
+	panBy(x: number, y: number): undefined;
+	createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker;
+	subscribe(event: MapProviderEvent, callback: () => void): void;
+	unsubscribe(event: MapProviderEvent, callback: () => void): void;
+}
+declare const GoogleMapLightStyle: google.maps.MapTypeStyle[];
+declare const GoogleMapDarkStyle: google.maps.MapTypeStyle[];
+export { GoogleMapsProvider, GoogleMapLightStyle, GoogleMapDarkStyle };

package/dist/main.js

@@ -0,0 +1 @@
+import{getAttributionHtml as S}from"@arenarium/maps-core/attribution";class M{MapClass;MapMarkerClass;map;options;listeners=new Set;attributionObserver;attributionElement;constructor(s,y,f,g){if(this.MapClass=s,this.MapMarkerClass=y,this.options=g,this.map=new this.MapClass(f,{...g}),g.attribution||g.attribution==null)this.map.addListener("idle",()=>{if(this.attributionObserver)return;this.attributionObserver=new MutationObserver((T,G)=>{if(this.insertAttributionElement(),this.attributionElement==null)return;this.updateAttributionElement(),G.disconnect()}),this.attributionObserver.observe(f,{childList:!0,subtree:!0})}),this.map.addListener("bounds_changed",()=>{this.updateAttributionElement()})}insertAttributionElement(){let s=this.map.getDiv();if(s==null)return;let y=s.getElementsByClassName("gmnoprint")[0];if(y==null)return;if(y.parentElement==null)return;let f=y.cloneNode(!0),g=f.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);if(g==null)return;g.title="",g.innerHTML=S(),y.parentElement.insertBefore(f,y),this.attributionElement=g}updateAttributionElement(){let s=this.map.getDiv();if(s==null)return;let y=this.attributionElement?.childNodes.item(0);if(y){y.style.height="14px",y.style.display="inline-flex",y.style.alignItems="center",y.style.gap="1px";let f=y.childNodes.item(0);if(f)f.style.height="12px",f.style.width="auto";let g=y.childNodes.item(1);if(g)g.style.display=s.clientWidth>500?"initial":"none",g.style.color=this.options.colorScheme==google.maps.ColorScheme.DARK?"#fff":"#000"}}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}getCenter(){let s=this.map.getCenter();if(s==null)return{lat:NaN,lng:NaN};return{lat:s.lat(),lng:s.lng()}}getBounds(){let s=this.map.getBounds();if(s==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};let y=s.getSouthWest(),f=s.getNorthEast();return{sw:{lat:y.lat(),lng:y.lng()},ne:{lat:f.lat(),lng:f.lng()}}}getViewport(){return{bounds:this.getBounds(),center:this.getCenter(),zoom:this.getZoom()}}panBy(s,y){this.map.panBy(s,y)}createMarker(s,y,f,g){let T=new this.MapMarkerClass({position:{lat:y,lng:f},content:s,zIndex:g});return{inserted:()=>T.map!=null&&T.map==this.map,insert:()=>T.map=this.map,remove:()=>T.map=void 0,update:(G)=>T.zIndex=G}}subscribe(s,y){let f=google.maps.event.addListener(this.map,s,y);this.listeners.add({id:f,event:s,callback:y})}unsubscribe(s,y){let f=this.listeners.values().find((g)=>g.event==s&&g.callback==y);if(f==null)return;google.maps.event.removeListener(f.id)}}var D=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:"landscape",stylers:[{lightness:30}]},{featureType:"road",elementType:"geometry",stylers:[{saturation:-100}]}],P=[{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}]}];export{M as GoogleMapsProvider,D as GoogleMapLightStyle,P as GoogleMapDarkStyle};

package/package.json

@@ -1,45 +1,44 @@
 {
-  "name": "@arenarium/maps-integration-google",
-  "version": "1.0.1",
-  "license": "MIT",
-  "author": "arenarium.dev",
-  "description": "Integration with Google Maps for @arenarium/maps.",
-  "homepage": "https://arenarium.dev",
-  "keywords": [
-    "arenarium",
-    "maps",
-    "google",
-    "google maps"
-  ],
-  "type": "module",
-  "main": "./dist/main.cjs.js",
-  "module": "./dist/main.es.js",
-  "svelte": "./dist/main.es.js",
-  "types": "./dist/main.d.ts",
-  "unpkg": "./dist/main.js",
-  "jsdelivr": "./dist/main.js",
-  "exports": {
-    ".": {
-      "types": "./dist/main.d.ts",
-      "svelte": "./dist/main.es.js",
-      "import": "./dist/main.es.js",
-      "require": "./dist/main.cjs.js"
-    }
-  },
-  "devDependencies": {
-    "@types/node": "^24.5.2",
-    "vite": "^7.1.7",
-    "vite-plugin-dts": "^4.5.4",
-    "@arenarium/maps": "1.2.0",
-    "@arenarium/maps-shared": "1.0.0"
-  },
-  "peerDependencies": {
-    "@googlemaps/js-api-loader": "^1.16.10",
-    "@types/google.maps": "^3.58.1"
-  },
-  "scripts": {
-    "lib_google_build": "vite build",
-    "lib_google_patch": "pnpm version patch --no-git-tag-version",
-    "lib_google_publish": "pnpm publish --access public"
-  }
-}
+	"name": "@arenarium/maps-integration-google",
+	"description": "Integration with Google Maps for @arenarium/maps.",
+	"version": "1.0.3",
+	"type": "module",
+	"files": [
+		"dist"
+	],
+	"module": "./dist/main.js",
+	"types": "./dist/main.d.ts",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./dist/main.d.ts",
+				"default": "./dist/main.js"
+			}
+		},
+		"./package.json": "./package.json"
+	},
+	"license": "MIT",
+	"author": "arenarium",
+	"homepage": "https://arenarium.dev",
+	"keywords": [
+		"arenarium",
+		"maps",
+		"google",
+		"google maps"
+	],
+	"devDependencies": {
+		"bunup": "^0.16.10"
+	},
+	"peerDependencies": {
+		"@googlemaps/js-api-loader": "^2.0.2",
+		"@types/google.maps": "^3.58.1"
+	},
+	"dependencies": {
+		"@arenarium/maps-core": "1.0.2"
+	},
+	"scripts": {
+		"lib_google_build": "bunup",
+		"lib_google_patch": "bun pm version patch --no-git-tag-version",
+		"lib_google_publish": "bun publish --access public"
+	}
+}

package/dist/main.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d="5";typeof window<"u"&&((window.__svelte??={}).v??=new Set).add(d);var u;(l=>{function i(e,s,t){const n=e/2,a=s/2,r=Math.sqrt(n*n+a*a),h=Math.atan(a/n)*(180/Math.PI),o=t*(Math.PI/180);return t<180?t<90?t<h?{x:0,y:r*Math.sin(o)-a}:{x:r*Math.cos(o)-n,y:0}:t<180-h?{x:r*Math.cos(o)-n,y:0}:{x:-e,y:r*Math.sin(o)-a}:t<270?t<180+h?{x:-e,y:r*Math.sin(o)-a}:{x:r*Math.cos(o)-n,y:-s}:t<360-h?{x:r*Math.cos(o)-n,y:-s}:{x:0,y:r*Math.sin(o)-a}}l.getOffsets=i})(u||(u={}));var p;(l=>{async function i(s,t){const n=await fetch(s,t);if(!n.ok)throw new Error(n.statusText);return n.json()}l.get=i;async function e(s,t,n){const a=await fetch(s,{method:"POST",body:JSON.stringify(t),headers:{"Content-Type":"application/json",...n?.headers},...n});if(!a.ok)throw new Error(a.statusText);return a.json()}l.post=e})(p||(p={}));var m;(l=>{function i(r,h,o){return{x:s(h)*o,y:t(r)*o}}l.project=i;function e(r,h,o){return{lat:a(h/o),lng:n(r/o)}}l.unproject=e;function s(r){return(180+r)/360}function t(r){return(180-180/Math.PI*Math.log(Math.tan(Math.PI/4+r*Math.PI/360)))/360}function n(r){return r*360-180}function a(r){return 360/Math.PI*Math.atan(Math.exp((180-r*360)*Math.PI/180))-90}})(m||(m={}));var c;(l=>{l.COUNT=12,l.DEGREES=[0,30,60,90,120,150,180,210,240,270,300,330],l.DEGREES_DEFAULT=270})(c||(c={}));const y=()=>'<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />',g=()=>`<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${y()}<span>&nbsp;@arenarium/maps</span></a>`;class M{constructor(i,e,s,t){this.MapClass=i,this.MapMarkerClass=e,this.options=t,this.map=new this.MapClass(s,{...t}),(t.attribution||t.attribution==null)&&(this.map.addListener("idle",()=>{this.attributionObserver||(this.attributionObserver=new MutationObserver((n,a)=>{this.insertAttributionElement(),this.attributionElement!=null&&(this.updateAttributionElement(),a.disconnect())}),this.attributionObserver.observe(s,{childList:!0,subtree:!0}))}),this.map.addListener("bounds_changed",()=>{this.updateAttributionElement()}))}insertAttributionElement(){const i=this.map.getDiv();if(i==null)return;const e=i.getElementsByClassName("gmnoprint")[0];if(e==null||e.parentElement==null)return;const s=e.cloneNode(!0),t=s.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);t!=null&&(t.title="",t.innerHTML=g(),e.parentElement.insertBefore(s,e),this.attributionElement=t)}updateAttributionElement(){const i=this.map.getDiv();if(i==null)return;const e=this.attributionElement?.childNodes.item(0)?.childNodes.item(1);e!=null&&(e.style.display=i.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 i=this.map.getBounds();if(i==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};const e=i.getSouthWest(),s=i.getNorthEast();return{sw:{lat:e.lat(),lng:e.lng()},ne:{lat:s.lat(),lng:s.lng()}}}panBy(i,e){this.map.panBy(i,e)}createMarker(i,e,s,t){const n=new this.MapMarkerClass({position:{lat:e,lng:s},content:i,zIndex:t});return{inserted:()=>n.map!=null&&n.map==this.map,insert:()=>n.map=this.map,remove:()=>n.map=void 0,update:a=>n.zIndex=a}}}const f=[{elementType:"labels.icon",stylers:[{visibility:"off"}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:"landscape",stylers:[{lightness:30}]},{featureType:"road",elementType:"geometry",stylers:[{saturation:-100}]}],b=[{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=b;exports.GoogleMapLightStyle=f;exports.GoogleMapsProvider=M;

package/dist/main.es.js

@@ -1,243 +0,0 @@
-typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
-var u;
-((l) => {
-  function i(e, s, t) {
-    const n = e / 2, a = s / 2, r = Math.sqrt(n * n + a * a), h = Math.atan(a / n) * (180 / Math.PI), o = t * (Math.PI / 180);
-    return t < 180 ? t < 90 ? t < h ? {
-      x: 0,
-      y: r * Math.sin(o) - a
-    } : {
-      x: r * Math.cos(o) - n,
-      y: 0
-    } : t < 180 - h ? {
-      x: r * Math.cos(o) - n,
-      y: 0
-    } : {
-      x: -e,
-      y: r * Math.sin(o) - a
-    } : t < 270 ? t < 180 + h ? {
-      x: -e,
-      y: r * Math.sin(o) - a
-    } : {
-      x: r * Math.cos(o) - n,
-      y: -s
-    } : t < 360 - h ? {
-      x: r * Math.cos(o) - n,
-      y: -s
-    } : {
-      x: 0,
-      y: r * Math.sin(o) - a
-    };
-  }
-  l.getOffsets = i;
-})(u || (u = {}));
-var m;
-((l) => {
-  async function i(s, t) {
-    const n = await fetch(s, t);
-    if (!n.ok) throw new Error(n.statusText);
-    return n.json();
-  }
-  l.get = i;
-  async function e(s, t, n) {
-    const a = await fetch(s, {
-      method: "POST",
-      body: JSON.stringify(t),
-      headers: {
-        "Content-Type": "application/json",
-        ...n?.headers
-      },
-      ...n
-    });
-    if (!a.ok) throw new Error(a.statusText);
-    return a.json();
-  }
-  l.post = e;
-})(m || (m = {}));
-var p;
-((l) => {
-  function i(r, h, o) {
-    return {
-      x: s(h) * o,
-      y: t(r) * o
-    };
-  }
-  l.project = i;
-  function e(r, h, o) {
-    return {
-      lat: a(h / o),
-      lng: n(r / o)
-    };
-  }
-  l.unproject = e;
-  function s(r) {
-    return (180 + r) / 360;
-  }
-  function t(r) {
-    return (180 - 180 / Math.PI * Math.log(Math.tan(Math.PI / 4 + r * Math.PI / 360))) / 360;
-  }
-  function n(r) {
-    return r * 360 - 180;
-  }
-  function a(r) {
-    return 360 / Math.PI * Math.atan(Math.exp((180 - r * 360) * Math.PI / 180)) - 90;
-  }
-})(p || (p = {}));
-var c;
-((l) => {
-  l.COUNT = 12, l.DEGREES = [0, 30, 60, 90, 120, 150, 180, 210, 240, 270, 300, 330], l.DEGREES_DEFAULT = 270;
-})(c || (c = {}));
-const d = () => '<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" style="height: 1.25em; vertical-align: middle;" />', y = () => `<a href="https://arenarium.dev" target="_blank" style="color: inherit;">${d()}<span>&nbsp;@arenarium/maps</span></a>`;
-class g {
-  constructor(i, e, s, t) {
-    this.MapClass = i, this.MapMarkerClass = e, this.options = t, this.map = new this.MapClass(s, {
-      ...t
-    }), (t.attribution || t.attribution == null) && (this.map.addListener("idle", () => {
-      this.attributionObserver || (this.attributionObserver = new MutationObserver((n, a) => {
-        this.insertAttributionElement(), this.attributionElement != null && (this.updateAttributionElement(), a.disconnect());
-      }), this.attributionObserver.observe(s, { childList: !0, subtree: !0 }));
-    }), this.map.addListener("bounds_changed", () => {
-      this.updateAttributionElement();
-    }));
-  }
-  insertAttributionElement() {
-    const i = this.map.getDiv();
-    if (i == null) return;
-    const e = i.getElementsByClassName("gmnoprint")[0];
-    if (e == null || e.parentElement == null) return;
-    const s = e.cloneNode(!0), t = s.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);
-    t != null && (t.title = "", t.innerHTML = y(), e.parentElement.insertBefore(s, e), this.attributionElement = t);
-  }
-  updateAttributionElement() {
-    const i = this.map.getDiv();
-    if (i == null) return;
-    const e = this.attributionElement?.childNodes.item(0)?.childNodes.item(1);
-    e != null && (e.style.display = i.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 i = this.map.getBounds();
-    if (i == null) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
-    const e = i.getSouthWest(), s = i.getNorthEast();
-    return { sw: { lat: e.lat(), lng: e.lng() }, ne: { lat: s.lat(), lng: s.lng() } };
-  }
-  panBy(i, e) {
-    this.map.panBy(i, e);
-  }
-  createMarker(i, e, s, t) {
-    const n = new this.MapMarkerClass({ position: { lat: e, lng: s }, content: i, zIndex: t });
-    return {
-      inserted: () => n.map != null && n.map == this.map,
-      insert: () => n.map = this.map,
-      remove: () => n.map = void 0,
-      update: (a) => n.zIndex = a
-    };
-  }
-}
-const f = [
-  {
-    elementType: "labels.icon",
-    stylers: [
-      {
-        visibility: "off"
-      }
-    ]
-  },
-  {
-    stylers: [
-      {
-        saturation: -100
-      },
-      {
-        lightness: -10
-      }
-    ]
-  },
-  {
-    featureType: "landscape",
-    stylers: [
-      {
-        lightness: 30
-      }
-    ]
-  },
-  {
-    featureType: "road",
-    elementType: "geometry",
-    stylers: [
-      {
-        saturation: -100
-      }
-    ]
-  }
-], M = [
-  {
-    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
-      }
-    ]
-  }
-];
-export {
-  M as GoogleMapDarkStyle,
-  f as GoogleMapLightStyle,
-  g as GoogleMapsProvider
-};

package/src/lib/provider.ts

@@ -1,144 +0,0 @@
-import { getAttributionHtml } from '@arenarium/maps';
-import type { MapProvider, MapProviderParameters, MapProviderMarker, MapBounds } from '@arenarium/maps';
-
-interface GoogleMapsClass {
-	new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
-}
-
-interface GoogleMapsMarkerClass {
-	new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
-}
-
-interface GoogleMapsOptions extends google.maps.MapOptions {
-	attribution?: boolean;
-}
-
-export class GoogleMapsProvider implements MapProvider {
-	private MapClass: GoogleMapsClass;
-	private MapMarkerClass: GoogleMapsMarkerClass;
-
-	private map: google.maps.Map;
-	private options: google.maps.MapOptions;
-
-	private attributionObserver: MutationObserver | undefined;
-	private attributionElement: HTMLElement | undefined;
-
-	constructor(mapClass: GoogleMapsClass, mapMarkerClass: GoogleMapsMarkerClass, container: HTMLElement, options: GoogleMapsOptions) {
-		this.MapClass = mapClass;
-		this.MapMarkerClass = mapMarkerClass;
-
-		this.options = options;
-		this.map = new this.MapClass(container, {
-			...options
-		});
-
-		if (options.attribution || options.attribution == undefined) {
-			// Add attribution element
-			this.map.addListener('idle', () => {
-				if (this.attributionObserver) return;
-
-				this.attributionObserver = new MutationObserver((_, observer) => {
-					// Try to insert attribution element
-					this.insertAttributionElement();
-					// If insertion failed, return
-					if (this.attributionElement == undefined) return;
-					// Update attribution element
-					this.updateAttributionElement();
-					// Disconnect observer
-					observer.disconnect();
-				});
-				this.attributionObserver.observe(container, { childList: true, subtree: true });
-			});
-
-			this.map.addListener('bounds_changed', () => {
-				// Update attribution element
-				this.updateAttributionElement();
-			});
-		}
-	}
-
-	private insertAttributionElement() {
-		// Get map container
-		const container = this.map.getDiv();
-		if (container == undefined) return;
-
-		// Find bottom right attribution elements first child
-		const attributionElementsFirstChild = container.getElementsByClassName('gmnoprint')[0];
-		if (attributionElementsFirstChild == undefined) return;
-		if (attributionElementsFirstChild.parentElement == undefined) return;
-
-		// Clone attribution element
-		const attributionWrapper = attributionElementsFirstChild.cloneNode(true) as HTMLElement;
-
-		// Find attribution wrapper target child
-		const attributionWrapperTargetChild = attributionWrapper.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0) as HTMLElement;
-		if (attributionWrapperTargetChild == undefined) return;
-
-		// Set attribution wrapper target child inner HTML
-		attributionWrapperTargetChild.title = '';
-		attributionWrapperTargetChild.innerHTML = getAttributionHtml();
-
-		// Insert attribution wrapper before attribution elements first child
-		attributionElementsFirstChild.parentElement.insertBefore(attributionWrapper, attributionElementsFirstChild);
-
-		// Assign attribution element
-		this.attributionElement = attributionWrapperTargetChild;
-	}
-
-	private updateAttributionElement() {
-		// Get map container
-		const container = this.map.getDiv();
-		if (container == undefined) return;
-
-		// Get attribution element span
-		const attributionElementSpan = this.attributionElement?.childNodes.item(0)?.childNodes.item(1) as HTMLElement;
-		if (attributionElementSpan == undefined) return;
-
-		// Set attribution element span display
-		attributionElementSpan.style.display = container.clientWidth > 500 ? 'initial' : 'none';
-	}
-
-	public getParameters(): MapProviderParameters {
-		return {
-			mapSize: 256,
-			zoomMin: this.options.minZoom ?? 0,
-			zoomMax: this.options.maxZoom ?? 24,
-			zoomScale: 10
-		};
-	}
-
-	public getMap(): google.maps.Map {
-		return this.map;
-	}
-
-	public getContainer(): HTMLElement {
-		return this.map.getDiv();
-	}
-
-	public getZoom(): number {
-		return this.map.getZoom() ?? NaN;
-	}
-
-	public getBounds(): MapBounds {
-		const bounds = this.map.getBounds();
-		if (bounds == undefined) return { sw: { lat: NaN, lng: NaN }, ne: { lat: NaN, lng: NaN } };
-
-		const sw = bounds.getSouthWest();
-		const ne = bounds.getNorthEast();
-		return { sw: { lat: sw.lat(), lng: sw.lng() }, ne: { lat: ne.lat(), lng: ne.lng() } };
-	}
-
-	public panBy(x: number, y: number): undefined {
-		this.map.panBy(x, y);
-	}
-
-	public createMarker(element: HTMLElement, lat: number, lng: number, zIndex: number): MapProviderMarker {
-		const marker = new this.MapMarkerClass({ position: { lat, lng }, content: element, zIndex });
-		return {
-			inserted: () => marker.map != undefined && marker.map == this.map,
-			insert: () => (marker.map = this.map),
-			remove: () => (marker.map = undefined),
-			update: (zIndex: number) => (marker.zIndex = zIndex)
-		};
-	}
-}

package/src/lib/styles.ts

@@ -1,88 +0,0 @@
-export const GoogleMapLightStyle = [
-	{
-		elementType: 'labels.icon',
-		stylers: [
-			{
-				visibility: 'off'
-			}
-		]
-	},
-	{
-		stylers: [
-			{
-				saturation: -100
-			},
-			{
-				lightness: -10
-			}
-		]
-	},
-	{
-		featureType: 'landscape',
-		stylers: [
-			{
-				lightness: 30
-			}
-		]
-	},
-	{
-		featureType: 'road',
-		elementType: 'geometry',
-		stylers: [
-			{
-				saturation: -100
-			}
-		]
-	}
-];
-
-export const GoogleMapDarkStyle = [
-	{
-		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
-			}
-		]
-	}
-];

package/src/main.ts

@@ -1,3 +0,0 @@
-import { GoogleMapsProvider } from './lib/provider.js';
-import { GoogleMapDarkStyle, GoogleMapLightStyle } from './lib/styles.js';
-export { GoogleMapsProvider, GoogleMapDarkStyle, GoogleMapLightStyle };

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"outDir": "dist",
-		"declaration": true,
-		"declarationDir": "dist",
-		"emitDeclarationOnly": true,
-		"module": "NodeNext",
-		"moduleResolution": "NodeNext",
-		"types": ["vite/client", "./node_modules/@types/google.maps/index.d.ts"]
-	}
-}

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-export default defineConfig({
-	plugins: [
-		dts({
-			rollupTypes: true,
-			insertTypesEntry: true,
-			entryRoot: './src',
-			copyDtsFiles: true,
-			exclude: ['**/node_modules/**']
-		})
-	],
-	build: {
-		lib: {
-			entry: './src/main.ts',
-			name: 'ArenariumMapsIntegrationGoogle',
-			formats: ['es', 'cjs'],
-			fileName: (format, entryName) => `${entryName}.${format}.js`,
-			cssFileName: 'style'
-		}
-	}
-});