@arenarium/maps-integration-google 1.0.2 → 1.0.4

package/dist/main.d.ts

@@ -1,197 +1,36 @@
-import * as v from "valibot";
-
-//#region ../../../2 - shared/dist/schemas-ChiG16AA.d.ts
-
-declare const mapCoordinatesSchema: v.ObjectSchema<{
-  readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-  readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-}, undefined>;
-declare const mapBoundsSchema: v.ObjectSchema<{
-  readonly sw: v.ObjectSchema<{
-    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-  }, undefined>;
-  readonly ne: v.ObjectSchema<{
-    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-  }, undefined>;
-}, undefined>;
-declare const mapViewportSchema: v.ObjectSchema<{
-  readonly bounds: v.ObjectSchema<{
-    readonly sw: v.ObjectSchema<{
-      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-    }, undefined>;
-    readonly ne: v.ObjectSchema<{
-      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-    }, undefined>;
-  }, undefined>;
-  readonly center: v.ObjectSchema<{
-    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-  }, undefined>;
-  readonly zoom: v.NumberSchema<undefined>;
-}, undefined>;
-declare const mapProviderParametersSchema: v.ObjectSchema<{
-  readonly mapSize: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>]>;
-  readonly zoomMin: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
-  readonly zoomMax: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
-  readonly zoomScale: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 10, undefined>]>;
-}, undefined>;
-declare const mapProviderMarkerSchema: v.ObjectSchema<{
-  readonly inserted: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.BooleanSchema<undefined>>]>;
-  readonly insert: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
-  readonly remove: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
-  readonly update: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number) => unknown, v.VoidSchema<undefined>>]>;
-}, undefined>;
-declare const mapProviderEventSchema: v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>;
-declare const mapProviderSchema: v.ObjectSchema<{
-  readonly getParameters: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
-    readonly mapSize: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>]>;
-    readonly zoomMin: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
-    readonly zoomMax: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>]>;
-    readonly zoomScale: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 10, undefined>]>;
-  }, undefined>>]>;
-  readonly getContainer: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.CustomSchema<HTMLElement, v.ErrorMessage<v.CustomIssue> | undefined>>]>;
-  readonly getZoom: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.NumberSchema<undefined>>]>;
-  readonly getBounds: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
-    readonly sw: v.ObjectSchema<{
-      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-    }, undefined>;
-    readonly ne: v.ObjectSchema<{
-      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-    }, undefined>;
-  }, undefined>>]>;
-  readonly getCenter: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
-    readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-    readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-  }, undefined>>]>;
-  readonly getViewport: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.ObjectSchema<{
-    readonly bounds: v.ObjectSchema<{
-      readonly sw: v.ObjectSchema<{
-        readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-        readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-      }, undefined>;
-      readonly ne: v.ObjectSchema<{
-        readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-        readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-      }, undefined>;
-    }, undefined>;
-    readonly center: v.ObjectSchema<{
-      readonly lat: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>;
-      readonly lng: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>;
-    }, undefined>;
-    readonly zoom: v.NumberSchema<undefined>;
-  }, undefined>>]>;
-  readonly panBy: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>, v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number, args_1: number) => unknown, v.VoidSchema<undefined>>]>;
-  readonly createMarker: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.CustomSchema<HTMLElement, v.ErrorMessage<v.CustomIssue> | undefined>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -90, undefined>, v.MaxValueAction<number, 90, undefined>]>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.MinValueAction<number, -180, undefined>, v.MaxValueAction<number, 180, undefined>]>, v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: HTMLElement, args_1: number, args_2: number, args_3: number) => unknown, v.ObjectSchema<{
-    readonly inserted: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.BooleanSchema<undefined>>]>;
-    readonly insert: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
-    readonly remove: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[], undefined>>, v.ReturnsAction<() => unknown, v.VoidSchema<undefined>>]>;
-    readonly update: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.NumberSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: number) => unknown, v.VoidSchema<undefined>>]>;
-  }, undefined>>]>;
-  readonly subscribe: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>, v.FunctionSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: "idle" | "move" | "click", args_1: (...args: unknown[]) => unknown) => unknown, v.VoidSchema<undefined>>]>;
-  readonly unsubscribe: v.SchemaWithPipe<readonly [v.FunctionSchema<undefined>, v.ArgsAction<(...args: unknown[]) => unknown, v.TupleSchema<[v.UnionSchema<[v.LiteralSchema<"idle", undefined>, v.LiteralSchema<"move", undefined>, v.LiteralSchema<"click", undefined>], undefined>, v.FunctionSchema<undefined>], undefined>>, v.ReturnsAction<(args_0: "idle" | "move" | "click", args_1: (...args: unknown[]) => unknown) => unknown, v.VoidSchema<undefined>>]>;
-}, undefined>;
-type MapCoordinates = v.InferOutput<typeof mapCoordinatesSchema>;
-type MapBounds = v.InferOutput<typeof mapBoundsSchema>;
-type MapViewport = v.InferOutput<typeof mapViewportSchema>;
-type MapProviderParameters = v.InferOutput<typeof mapProviderParametersSchema>;
-type MapProviderMarker = v.InferOutput<typeof mapProviderMarkerSchema>;
-type MapProviderEvent = v.InferOutput<typeof mapProviderEventSchema>;
-type MapProvider = v.InferOutput<typeof mapProviderSchema>;
-//#endregion
-//#region src/lib/provider.d.ts
+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;
+	new (container: HTMLElement, options: google.maps.MapOptions): google.maps.Map;
 }
 interface GoogleMapsMarkerClass {
-  new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
+	new (options: google.maps.marker.AdvancedMarkerElementOptions): google.maps.marker.AdvancedMarkerElement;
 }
 interface GoogleMapsOptions extends google.maps.MapOptions {
-  attribution?: boolean;
+	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;
+	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;
 }
-//#endregion
-//#region src/lib/styles.d.ts
-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 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;
-  }[];
-})[];
-//#endregion
-export { GoogleMapDarkStyle, GoogleMapLightStyle, GoogleMapsProvider };
+declare const GoogleMapLightStyle: google.maps.MapTypeStyle[];
+declare const GoogleMapDarkStyle: google.maps.MapTypeStyle[];
+export { GoogleMapsProvider, GoogleMapLightStyle, GoogleMapDarkStyle };

package/dist/main.js

@@ -1 +1 @@
-const e=()=>`<img src="https://arenarium.dev/favicon.svg" alt="Arenarium Maps" class="arenarium-maps-attribution-image" />`,t=()=>`<a href="https://arenarium.dev" target="_blank" class="arenarium-maps-attribution-link">${e()}<span>&nbsp;arenarium/maps</span></a>`;var n=class{constructor(e,t,n,r){this.listeners=new Set,this.MapClass=e,this.MapMarkerClass=t,this.options=r,this.map=new this.MapClass(n,{...r}),(r.attribution||r.attribution==null)&&(this.map.addListener(`idle`,()=>{this.attributionObserver||(this.attributionObserver=new MutationObserver((e,t)=>{this.insertAttributionElement(),this.attributionElement!=null&&(this.updateAttributionElement(),t.disconnect())}),this.attributionObserver.observe(n,{childList:!0,subtree:!0}))}),this.map.addListener(`bounds_changed`,()=>{this.updateAttributionElement()}))}insertAttributionElement(){let e=this.map.getDiv();if(e==null)return;let n=e.getElementsByClassName(`gmnoprint`)[0];if(n==null||n.parentElement==null)return;let r=n.cloneNode(!0),i=r.childNodes.item(0)?.childNodes.item(1)?.childNodes.item(0);i!=null&&(i.title=``,i.innerHTML=t(),n.parentElement.insertBefore(r,n),this.attributionElement=i)}updateAttributionElement(){let e=this.map.getDiv();if(e==null)return;let t=this.attributionElement?.childNodes.item(0);if(t){t.style.height=`14px`,t.style.display=`inline-flex`,t.style.alignItems=`center`,t.style.gap=`1px`;let n=t.childNodes.item(0);n&&(n.style.height=`12px`,n.style.width=`auto`);let r=t.childNodes.item(1);r&&(r.style.display=e.clientWidth>500?`initial`:`none`,r.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 e=this.map.getCenter();return e==null?{lat:NaN,lng:NaN}:{lat:e.lat(),lng:e.lng()}}getBounds(){let e=this.map.getBounds();if(e==null)return{sw:{lat:NaN,lng:NaN},ne:{lat:NaN,lng:NaN}};let t=e.getSouthWest(),n=e.getNorthEast();return{sw:{lat:t.lat(),lng:t.lng()},ne:{lat:n.lat(),lng:n.lng()}}}getViewport(){return{bounds:this.getBounds(),center:this.getCenter(),zoom:this.getZoom()}}panBy(e,t){this.map.panBy(e,t)}createMarker(e,t,n,r){let i=new this.MapMarkerClass({position:{lat:t,lng:n},content:e,zIndex:r});return{inserted:()=>i.map!=null&&i.map==this.map,insert:()=>i.map=this.map,remove:()=>i.map=void 0,update:e=>i.zIndex=e}}subscribe(e,t){let n=google.maps.event.addListener(this.map,e,t);this.listeners.add({id:n,event:e,callback:t})}unsubscribe(e,t){let n=this.listeners.values().find(n=>n.event==e&&n.callback==t);n!=null&&google.maps.event.removeListener(n.id)}};const r=[{elementType:`labels.icon`,stylers:[{visibility:`off`}]},{stylers:[{saturation:-100},{lightness:-10}]},{featureType:`landscape`,stylers:[{lightness:30}]},{featureType:`road`,elementType:`geometry`,stylers:[{saturation:-100}]}],i=[{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{i as GoogleMapDarkStyle,r as GoogleMapLightStyle,n as GoogleMapsProvider};
+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,41 +1,46 @@
 {
-  "name": "@arenarium/maps-integration-google",
-  "version": "1.0.2",
-  "license": "MIT",
-  "author": "arenarium",
-  "description": "Integration with Google Maps for @arenarium/maps.",
-  "homepage": "https://arenarium.dev",
-  "keywords": [
-    "arenarium",
-    "maps",
-    "google",
-    "google maps"
-  ],
-  "type": "module",
-  "main": "./dist/main.js",
-  "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/main.d.ts",
-      "import": "./dist/main.js"
-    }
-  },
-  "devDependencies": {
-    "tsdown": "^0.17.0",
-    "@arenarium/maps-shared": "1.0.0"
-  },
-  "peerDependencies": {
-    "@googlemaps/js-api-loader": "^2.0.2",
-    "@types/google.maps": "^3.58.1"
-  },
-  "dependencies": {
-    "valibot": "^1.2.0"
-  },
-  "scripts": {
-    "lib_google_build": "tsdown --minify",
-    "lib_google_build_dev": "tsdown",
-    "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.4",
+	"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.3"
+	},
+	"scripts": {
+		"lib_google_build": "bunup",
+		"lib_google_patch": "bun pm version patch --no-git-tag-version",
+		"lib_google_commit": "git add . && git commit -m 'PUBLISH @arenarium/maps-integration-google'",
+		"lib_google_publish": "bun publish --access public",
+		"lib_google_package": "bun run lib_google_build && bun run lib_google_patch && bun run lib_google_commit && bun run lib_google_publish"
+	}
+}

package/src/lib/provider.ts

@@ -1,203 +0,0 @@
-import { getAttributionHtml } from '@arenarium/maps-shared/manager/attribution';
-import type {
-	MapProvider,
-	MapProviderParameters,
-	MapProviderMarker,
-	MapProviderEvent,
-	MapBounds,
-	MapViewport,
-	MapCoordinates
-} from '@arenarium/maps-shared/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;
-}
-
-interface GoogleMapsEventListener {
-	id: google.maps.MapsEventListener;
-	event: MapProviderEvent;
-	callback: () => void;
-}
-
-export class GoogleMapsProvider implements MapProvider {
-	private MapClass: GoogleMapsClass;
-	private MapMarkerClass: GoogleMapsMarkerClass;
-
-	private map: google.maps.Map;
-	private options: google.maps.MapOptions;
-
-	private listeners = new Set<GoogleMapsEventListener>();
-
-	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
-		const attributionElementLink = this.attributionElement?.childNodes.item(0) as HTMLElement;
-		if (attributionElementLink) {
-			attributionElementLink.style.height = '14px';
-			attributionElementLink.style.display = 'inline-flex';
-			attributionElementLink.style.alignItems = 'center';
-			attributionElementLink.style.gap = '1px';
-
-			// Get attribution element image
-			const attributionElementImage = attributionElementLink.childNodes.item(0) as HTMLElement;
-			if (attributionElementImage) {
-				attributionElementImage.style.height = '12px';
-				attributionElementImage.style.width = 'auto';
-			}
-
-			// Get attribution element span
-			const attributionElementSpan = attributionElementLink.childNodes.item(1) as HTMLElement;
-			if (attributionElementSpan) {
-				// Set attribution element span display
-				attributionElementSpan.style.display = container.clientWidth > 500 ? 'initial' : 'none';
-				attributionElementSpan.style.color = this.options.colorScheme == google.maps.ColorScheme.DARK ? '#fff' : '#000';
-			}
-		}
-	}
-
-	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 getCenter(): MapCoordinates {
-		const center = this.map.getCenter();
-		if (center == undefined) return { lat: NaN, lng: NaN };
-
-		return { lat: center.lat(), lng: center.lng() };
-	}
-
-	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 getViewport(): MapViewport {
-		return {
-			bounds: this.getBounds(),
-			center: this.getCenter(),
-			zoom: this.getZoom()
-		};
-	}
-
-	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)
-		};
-	}
-
-	public subscribe(event: MapProviderEvent, callback: () => void) {
-		const id = google.maps.event.addListener(this.map, event, callback);
-		this.listeners.add({ id, event, callback });
-	}
-
-	public unsubscribe(event: MapProviderEvent, callback: () => void) {
-		const listener = this.listeners.values().find((l) => l.event == event && l.callback == callback);
-		if (listener == undefined) return;
-		google.maps.event.removeListener(listener.id);
-	}
-}

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": ["./node_modules/@types/google.maps/index.d.ts"]
-	}
-}

package/tsdown.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'tsdown';
-
-export default defineConfig({
-	name: 'ArenariumMapsIntegrationGoogle',
-	entry: ['./src/main.ts'],
-	platform: 'browser',
-	dts: {
-		resolve: ['@arenarium/maps-shared']
-	}
-});