@prometa/sleek 0.0.9 → 0.0.11

package/dist/components/google-map-static.d.ts

@@ -0,0 +1,4 @@
+export declare class GoogleMapStatic extends HTMLElement {
+    connectedCallback(): void;
+}
+//# sourceMappingURL=google-map-static.d.ts.map

package/dist/components/google-map-static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-map-static.d.ts","sourceRoot":"","sources":["../../src/components/google-map-static.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,iBAAiB;CAWlB"}

package/dist/components/google-map.d.ts

@@ -0,0 +1,37 @@
+type GoogleMapsLibrary = "maps" | "marker" | "places" | "geometry" | "drawing";
+export declare function load<T extends GoogleMapsLibrary[]>(libraries?: T): Promise<Record<string, any>>;
+export declare class GoogleMap extends HTMLElement {
+    #private;
+    private markers;
+    private bounds;
+    map: google.maps.Map;
+    constructor();
+    connectedCallback(): void;
+    setMarker(position: {
+        lat: number;
+        lng: number;
+    }, draggable?: boolean, pinOptions?: any): Promise<any>;
+    panTo(position: {
+        lat: number;
+        lng: number;
+    }, options?: {
+        keepZoom?: boolean;
+    }): void;
+}
+export declare class GoogleMapMarker extends HTMLElement {
+    #private;
+    static observedAttributes: string[];
+    private marker;
+    private infoWindow;
+    connectedCallback(): Promise<void>;
+    attributeChangedCallback(): void;
+    private updateMarker;
+    private getOrCreateMarker;
+    get position(): {
+        lat: number;
+        lng: number;
+    };
+    openInfoWindow(): void;
+}
+export {};
+//# sourceMappingURL=google-map.d.ts.map

package/dist/components/google-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-map.d.ts","sourceRoot":"","sources":["../../src/components/google-map.ts"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAI/E,wBAAsB,IAAI,CAAC,CAAC,SAAS,iBAAiB,EAAE,EACtD,SAAS,GAAE,CAAsB,gCAelC;AAED,qBAAa,SAAU,SAAQ,WAAW;;IACxC,OAAO,CAAC,OAAO,CAA6C;IAC5D,OAAO,CAAC,MAAM,CAAM;IACb,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAQ;;IAUnC,iBAAiB;IAsCX,SAAS,CAAC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,SAAS,GAAE,OAAe,EAAE,UAAU,GAAE,GAAQ;IA2BxG,KAAK,CAAC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,GAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;CAKnF;AAGD,qBAAa,eAAgB,SAAQ,WAAW;;IAC9C,MAAM,CAAC,kBAAkB,WAAiC;IAE1D,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,UAAU,CAAa;IAIzB,iBAAiB;IAQvB,wBAAwB;YASV,YAAY;YAQZ,iBAAiB;IA6D/B,IAAI,QAAQ,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAK3C;IAED,cAAc;CAKf"}

package/dist/components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return Object.assign({"./chartjs-chart.ts":()=>Promise.resolve().then(()=>require("./chartjs-chart.cjs")),"./sleek-select.ts":()=>Promise.resolve().then(()=>require("./sleek-select.cjs"))})}exports.importCustomElements=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return Object.assign({"./chartjs-chart.ts":()=>Promise.resolve().then(()=>require("./chartjs-chart.cjs")),"./google-map-static.ts":()=>Promise.resolve().then(()=>require("./google-map-static.cjs")),"./google-map.ts":()=>Promise.resolve().then(()=>require("./google-map.cjs")),"./sleek-select.ts":()=>Promise.resolve().then(()=>require("./sleek-select.cjs"))})}exports.importCustomElements=e;

package/dist/components.js

@@ -1,5 +1,5 @@
 function t() {
-  return /* @__PURE__ */ Object.assign({ "./chartjs-chart.ts": () => import("./chartjs-chart.js"), "./sleek-select.ts": () => import("./sleek-select.js") });
+  return /* @__PURE__ */ Object.assign({ "./chartjs-chart.ts": () => import("./chartjs-chart.js"), "./google-map-static.ts": () => import("./google-map-static.js"), "./google-map.ts": () => import("./google-map.js"), "./sleek-select.ts": () => import("./sleek-select.js") });
 }
 export {
   t as importCustomElements

package/dist/google-map-static.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o extends HTMLElement{connectedCallback(){const t=this.getAttribute("lat"),e=this.getAttribute("lng"),s=this.getAttribute("zoom")||"14",a=this.getAttribute("size")||"600x300",i=this.getAttribute("type")||"roadmap",l=window.SLEEK.maps.googleMapsApiKey,c=`https://maps.googleapis.com/maps/api/staticmap?center=${t},${e}&zoom=${s}&size=${a}&maptype=${i}&markers=color:red%7Clabel:S%7C${t},${e}&key=${l}`;this.style.display="block",this.innerHTML=`<img src="${c}" alt="Standortkarte" style="width: 100%; height: auto;">`}}customElements.define("google-map-static",o);exports.GoogleMapStatic=o;

package/dist/google-map-static.js

@@ -0,0 +1,10 @@
+class l extends HTMLElement {
+  connectedCallback() {
+    const t = this.getAttribute("lat"), e = this.getAttribute("lng"), s = this.getAttribute("zoom") || "14", o = this.getAttribute("size") || "600x300", a = this.getAttribute("type") || "roadmap", i = window.SLEEK.maps.googleMapsApiKey, c = `https://maps.googleapis.com/maps/api/staticmap?center=${t},${e}&zoom=${s}&size=${o}&maptype=${a}&markers=color:red%7Clabel:S%7C${t},${e}&key=${i}`;
+    this.style.display = "block", this.innerHTML = `<img src="${c}" alt="Standortkarte" style="width: 100%; height: auto;">`;
+  }
+}
+customElements.define("google-map-static", l);
+export {
+  l as GoogleMapStatic
+};

package/dist/google-map.cjs

@@ -0,0 +1 @@
+"use strict";var R=r=>{throw TypeError(r)};var T=(r,e,t)=>e.has(r)||R("Cannot "+t);var I=(r,e,t)=>(T(r,e,"read from private field"),t?t.call(r):e.get(r)),M=(r,e,t)=>e.has(r)?R("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),g=(r,e,t,i)=>(T(r,e,"write to private field"),i?i.call(r,t):e.set(r,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function N(r,e,t,i){function s(n){return n instanceof t?n:new t(function(o){o(n)})}return new(t||(t=Promise))(function(n,o){function a(h){try{c(i.next(h))}catch(p){o(p)}}function l(h){try{c(i.throw(h))}catch(p){o(p)}}function c(h){h.done?n(h.value):s(h.value).then(a,l)}c((i=i.apply(r,[])).next())})}function U(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var O,K;function G(){return K||(K=1,O=function r(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return!1;var i,s,n;if(Array.isArray(e)){if(i=e.length,i!=t.length)return!1;for(s=i;s--!==0;)if(!r(e[s],t[s]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if(n=Object.keys(e),i=n.length,i!==Object.keys(t).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,n[s]))return!1;for(s=i;s--!==0;){var o=n[s];if(!r(e[o],t[o]))return!1}return!0}return e!==e&&t!==t}),O}var x=G(),W=U(x);const _="__googleMapsScriptId";var f;(function(r){r[r.INITIALIZED=0]="INITIALIZED",r[r.LOADING=1]="LOADING",r[r.SUCCESS=2]="SUCCESS",r[r.FAILURE=3]="FAILURE"})(f||(f={}));class d{constructor({apiKey:e,authReferrerPolicy:t,channel:i,client:s,id:n=_,language:o,libraries:a=[],mapIds:l,nonce:c,region:h,retries:p=3,url:b="https://maps.googleapis.com/maps/api/js",version:w}){if(this.callbacks=[],this.done=!1,this.loading=!1,this.errors=[],this.apiKey=e,this.authReferrerPolicy=t,this.channel=i,this.client=s,this.id=n||_,this.language=o,this.libraries=a,this.mapIds=l,this.nonce=c,this.region=h,this.retries=p,this.url=b,this.version=w,d.instance){if(!W(this.options,d.instance.options))throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(d.instance.options)}`);return d.instance}d.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,authReferrerPolicy:this.authReferrerPolicy}}get status(){return this.errors.length?f.FAILURE:this.done?f.SUCCESS:this.loading?f.LOADING:f.INITIALIZED}get failed(){return this.done&&!this.loading&&this.errors.length>=this.retries+1}createUrl(){let e=this.url;return e+="?callback=__googleMapsCallback&loading=async",this.apiKey&&(e+=`&key=${this.apiKey}`),this.channel&&(e+=`&channel=${this.channel}`),this.client&&(e+=`&client=${this.client}`),this.libraries.length>0&&(e+=`&libraries=${this.libraries.join(",")}`),this.language&&(e+=`&language=${this.language}`),this.region&&(e+=`&region=${this.region}`),this.version&&(e+=`&v=${this.version}`),this.mapIds&&(e+=`&map_ids=${this.mapIds.join(",")}`),this.authReferrerPolicy&&(e+=`&auth_referrer_policy=${this.authReferrerPolicy}`),e}deleteScript(){const e=document.getElementById(this.id);e&&e.remove()}load(){return this.loadPromise()}loadPromise(){return new Promise((e,t)=>{this.loadCallback(i=>{i?t(i.error):e(window.google)})})}importLibrary(e){return this.execute(),google.maps.importLibrary(e)}loadCallback(e){this.callbacks.push(e),this.execute()}setScript(){var e,t;if(document.getElementById(this.id)){this.callback();return}const i={key:this.apiKey,channel:this.channel,client:this.client,libraries:this.libraries.length&&this.libraries,v:this.version,mapIds:this.mapIds,language:this.language,region:this.region,authReferrerPolicy:this.authReferrerPolicy};Object.keys(i).forEach(n=>!i[n]&&delete i[n]),!((t=(e=window==null?void 0:window.google)===null||e===void 0?void 0:e.maps)===null||t===void 0)&&t.importLibrary||(n=>{let o,a,l,c="The Google Maps JavaScript API",h="google",p="importLibrary",b="__ib__",w=document,y=window;y=y[h]||(y[h]={});const E=y.maps||(y.maps={}),j=new Set,k=new URLSearchParams,F=()=>o||(o=new Promise((v,A)=>N(this,void 0,void 0,function*(){var C;yield a=w.createElement("script"),a.id=this.id,k.set("libraries",[...j]+"");for(l in n)k.set(l.replace(/[A-Z]/g,$=>"_"+$[0].toLowerCase()),n[l]);k.set("callback",h+".maps."+b),a.src=this.url+"?"+k,E[b]=v,a.onerror=()=>o=A(Error(c+" could not load.")),a.nonce=this.nonce||((C=w.querySelector("script[nonce]"))===null||C===void 0?void 0:C.nonce)||"",w.head.append(a)})));E[p]?console.warn(c+" only loads once. Ignoring:",n):E[p]=(v,...A)=>j.add(v)&&F().then(()=>E[p](v,...A))})(i);const s=this.libraries.map(n=>this.importLibrary(n));s.length||s.push(this.importLibrary("core")),Promise.all(s).then(()=>this.callback(),n=>{const o=new ErrorEvent("error",{error:n});this.loadErrorCallback(o)})}reset(){this.deleteScript(),this.done=!1,this.loading=!1,this.errors=[],this.onerrorEvent=null}resetIfRetryingFailed(){this.failed&&this.reset()}loadErrorCallback(e){if(this.errors.push(e),this.errors.length<=this.retries){const t=this.errors.length*Math.pow(2,this.errors.length);console.error(`Failed to load Google Maps script, retrying in ${t} ms.`),setTimeout(()=>{this.deleteScript(),this.setScript()},t)}else this.onerrorEvent=e,this.callback()}callback(){this.done=!0,this.loading=!1,this.callbacks.forEach(e=>{e(this.onerrorEvent)}),this.callbacks=[]}execute(){if(this.resetIfRetryingFailed(),!this.loading)if(this.done)this.callback();else{if(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();return}this.loading=!0,this.setScript()}}}let q=null;async function S(r=[]){if(!window.SLEEK||!window.SLEEK.maps||!window.SLEEK.maps.googleMapsApiKey)throw new Error("Google Maps API key is not configured. Please set window.SLEEK.maps.googleMapsApiKey.");return q??(q=new d({apiKey:window.SLEEK.maps.googleMapsApiKey})),(await Promise.all(r.map(t=>q.importLibrary(t)))).reduce((t,i)=>({...t,...i}),{})}var m;class D extends HTMLElement{constructor(){super();M(this,m);this.map=null,g(this,m,void 0),this.markers=[],this.bounds=null}connectedCallback(){const t=this.attachShadow({mode:"open"});this.querySelectorAll("style").forEach(a=>{t.appendChild(a)});const i=t.appendChild(document.createElement("main"));i.style.display="block",i.style.width="100%",i.style.height="100%";const s=parseFloat(this.getAttribute("init-lat"))||47.816,n=parseFloat(this.getAttribute("init-lng"))||16.25,o=parseInt(this.getAttribute("zoom"))||14;this.style.display="block",g(this,m,S(["maps"]).then(({Map:a})=>{this.map=new a(i,{center:{lat:s,lng:n},zoom:o,mapId:"location-map",streetViewControl:!1}),this.map.addListener("rightclick",l=>{this.dispatchEvent(new CustomEvent("right-click",{detail:{lat:l.latLng.lat(),lng:l.latLng.lng()}}))}),this.bounds=new google.maps.LatLngBounds}).catch(console.error))}async setMarker(t,i=!1,s={}){await I(this,m);const{AdvancedMarkerElement:n,PinElement:o}=await S(["marker"]),a=new o({...s}),l=new n({position:t,map:this.map,gmpDraggable:i,content:a.element});return l.pin=a,this.markers.push(l),this.bounds??(this.bounds=new google.maps.LatLngBounds),this.bounds.extend(t),this.markers.length>1&&this.map.fitBounds(this.bounds),this.markers.length===1&&this.map.setCenter(t),l}panTo(t,i={}){this.map&&(this.map.panTo(t),i.keepZoom||this.map.setZoom(20))}}m=new WeakMap;customElements.define("google-map",D);var u;const P=class P extends HTMLElement{constructor(){super(...arguments);M(this,u);this.marker=null,this.infoWindow=null,g(this,u,null)}async connectedCallback(){let t=this.closest("google-map");for(;!t;)await new Promise(i=>setTimeout(i,100)),t=this.closest("google-map")}attributeChangedCallback(){if(!this.parentElement)return;const t=this.position;isNaN(t.lat)||isNaN(t.lng)||this.updateMarker(t).catch(console.error)}async updateMarker(t){this.marker=await this.getOrCreateMarker(t);try{this.marker&&this.hasAttribute("pin-options")&&Object.assign(this.marker.pin,JSON.parse(this.getAttribute("pin-options")))}catch(i){console.error("invalid pin-options",i)}}async getOrCreateMarker(t){if(I(this,u)&&await I(this,u),!this.marker){const i=this.closest("google-map");if(!i)return;await g(this,u,i.setMarker(t,this.getAttribute("draggable")==="true").then(async s=>{const{InfoWindow:n}=await S(["maps"]),o=this.querySelector('slot[name="info-window"]');o&&(o.style.display="none");const a=this.querySelector('slot[name="info-window-title"]');a&&(a.style.display="none");const l=o==null?void 0:o.innerHTML,c=(a==null?void 0:a.innerHTML)||void 0;let h;return c&&(h=document.createElement("div"),h.innerHTML=c),l&&(this.infoWindow=new n({content:l,headerContent:h}),s.addListener("click",()=>{this.openInfoWindow()})),s.addListener("dragend",()=>{this.dispatchEvent(new CustomEvent("change",{detail:this.marker.position})),queueMicrotask(()=>this.marker.position=this.position)}),s}).then(s=>(this.marker=s,s)).finally(()=>g(this,u,null)))}return this.marker.position=t,this.marker}get position(){return{lat:parseFloat(this.getAttribute("lat")),lng:parseFloat(this.getAttribute("lng"))}}openInfoWindow(){this.infoWindow&&this.marker&&this.infoWindow.open(this.marker.map,this.marker)}};u=new WeakMap,P.observedAttributes=["lat","lng","pin-options"];let L=P;customElements.define("google-map-marker",L);exports.GoogleMap=D;exports.GoogleMapMarker=L;exports.load=S;

package/dist/google-map.js

@@ -0,0 +1,356 @@
+var j = (r) => {
+  throw TypeError(r);
+};
+var K = (r, t, e) => t.has(r) || j("Cannot " + e);
+var I = (r, t, e) => (K(r, t, "read from private field"), e ? e.call(r) : t.get(r)), A = (r, t, e) => t.has(r) ? j("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), g = (r, t, e, i) => (K(r, t, "write to private field"), i ? i.call(r, e) : t.set(r, e), e);
+function $(r, t, e, i) {
+  function s(n) {
+    return n instanceof e ? n : new e(function(o) {
+      o(n);
+    });
+  }
+  return new (e || (e = Promise))(function(n, o) {
+    function a(h) {
+      try {
+        c(i.next(h));
+      } catch (p) {
+        o(p);
+      }
+    }
+    function l(h) {
+      try {
+        c(i.throw(h));
+      } catch (p) {
+        o(p);
+      }
+    }
+    function c(h) {
+      h.done ? n(h.value) : s(h.value).then(a, l);
+    }
+    c((i = i.apply(r, [])).next());
+  });
+}
+function N(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var C, T;
+function U() {
+  return T || (T = 1, C = function r(t, e) {
+    if (t === e) return !0;
+    if (t && e && typeof t == "object" && typeof e == "object") {
+      if (t.constructor !== e.constructor) return !1;
+      var i, s, n;
+      if (Array.isArray(t)) {
+        if (i = t.length, i != e.length) return !1;
+        for (s = i; s-- !== 0; )
+          if (!r(t[s], e[s])) return !1;
+        return !0;
+      }
+      if (t.constructor === RegExp) return t.source === e.source && t.flags === e.flags;
+      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === e.valueOf();
+      if (t.toString !== Object.prototype.toString) return t.toString() === e.toString();
+      if (n = Object.keys(t), i = n.length, i !== Object.keys(e).length) return !1;
+      for (s = i; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(e, n[s])) return !1;
+      for (s = i; s-- !== 0; ) {
+        var o = n[s];
+        if (!r(t[o], e[o])) return !1;
+      }
+      return !0;
+    }
+    return t !== t && e !== e;
+  }), C;
+}
+var x = U(), G = /* @__PURE__ */ N(x);
+const _ = "__googleMapsScriptId";
+var f;
+(function(r) {
+  r[r.INITIALIZED = 0] = "INITIALIZED", r[r.LOADING = 1] = "LOADING", r[r.SUCCESS = 2] = "SUCCESS", r[r.FAILURE = 3] = "FAILURE";
+})(f || (f = {}));
+class d {
+  /**
+   * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set
+   * using this library, instead the defaults are set by the Google Maps
+   * JavaScript API server.
+   *
+   * ```
+   * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
+   * ```
+   */
+  constructor({ apiKey: t, authReferrerPolicy: e, channel: i, client: s, id: n = _, language: o, libraries: a = [], mapIds: l, nonce: c, region: h, retries: p = 3, url: E = "https://maps.googleapis.com/maps/api/js", version: w }) {
+    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = t, this.authReferrerPolicy = e, this.channel = i, this.client = s, this.id = n || _, this.language = o, this.libraries = a, this.mapIds = l, this.nonce = c, this.region = h, this.retries = p, this.url = E, this.version = w, d.instance) {
+      if (!G(this.options, d.instance.options))
+        throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(d.instance.options)}`);
+      return d.instance;
+    }
+    d.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,
+      authReferrerPolicy: this.authReferrerPolicy
+    };
+  }
+  get status() {
+    return this.errors.length ? f.FAILURE : this.done ? f.SUCCESS : this.loading ? f.LOADING : f.INITIALIZED;
+  }
+  get failed() {
+    return this.done && !this.loading && this.errors.length >= this.retries + 1;
+  }
+  /**
+   * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].
+   *
+   * @ignore
+   * @deprecated
+   */
+  createUrl() {
+    let t = this.url;
+    return t += "?callback=__googleMapsCallback&loading=async", this.apiKey && (t += `&key=${this.apiKey}`), this.channel && (t += `&channel=${this.channel}`), this.client && (t += `&client=${this.client}`), this.libraries.length > 0 && (t += `&libraries=${this.libraries.join(",")}`), this.language && (t += `&language=${this.language}`), this.region && (t += `&region=${this.region}`), this.version && (t += `&v=${this.version}`), this.mapIds && (t += `&map_ids=${this.mapIds.join(",")}`), this.authReferrerPolicy && (t += `&auth_referrer_policy=${this.authReferrerPolicy}`), t;
+  }
+  deleteScript() {
+    const t = document.getElementById(this.id);
+    t && t.remove();
+  }
+  /**
+   * Load the Google Maps JavaScript API script and return a Promise.
+   * @deprecated, use importLibrary() instead.
+   */
+  load() {
+    return this.loadPromise();
+  }
+  /**
+   * Load the Google Maps JavaScript API script and return a Promise.
+   *
+   * @ignore
+   * @deprecated, use importLibrary() instead.
+   */
+  loadPromise() {
+    return new Promise((t, e) => {
+      this.loadCallback((i) => {
+        i ? e(i.error) : t(window.google);
+      });
+    });
+  }
+  importLibrary(t) {
+    return this.execute(), google.maps.importLibrary(t);
+  }
+  /**
+   * Load the Google Maps JavaScript API script with a callback.
+   * @deprecated, use importLibrary() instead.
+   */
+  loadCallback(t) {
+    this.callbacks.push(t), this.execute();
+  }
+  /**
+   * Set the script on document.
+   */
+  setScript() {
+    var t, e;
+    if (document.getElementById(this.id)) {
+      this.callback();
+      return;
+    }
+    const i = {
+      key: this.apiKey,
+      channel: this.channel,
+      client: this.client,
+      libraries: this.libraries.length && this.libraries,
+      v: this.version,
+      mapIds: this.mapIds,
+      language: this.language,
+      region: this.region,
+      authReferrerPolicy: this.authReferrerPolicy
+    };
+    Object.keys(i).forEach(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (n) => !i[n] && delete i[n]
+    ), !((e = (t = window == null ? void 0 : window.google) === null || t === void 0 ? void 0 : t.maps) === null || e === void 0) && e.importLibrary || ((n) => {
+      let o, a, l, c = "The Google Maps JavaScript API", h = "google", p = "importLibrary", E = "__ib__", w = document, y = window;
+      y = y[h] || (y[h] = {});
+      const b = y.maps || (y.maps = {}), R = /* @__PURE__ */ new Set(), k = new URLSearchParams(), D = () => (
+        // @ts-ignore
+        o || (o = new Promise((v, S) => $(this, void 0, void 0, function* () {
+          var L;
+          yield a = w.createElement("script"), a.id = this.id, k.set("libraries", [...R] + "");
+          for (l in n)
+            k.set(l.replace(/[A-Z]/g, (F) => "_" + F[0].toLowerCase()), n[l]);
+          k.set("callback", h + ".maps." + E), a.src = this.url + "?" + k, b[E] = v, a.onerror = () => o = S(Error(c + " could not load.")), a.nonce = this.nonce || ((L = w.querySelector("script[nonce]")) === null || L === void 0 ? void 0 : L.nonce) || "", w.head.append(a);
+        })))
+      );
+      b[p] ? console.warn(c + " only loads once. Ignoring:", n) : b[p] = (v, ...S) => R.add(v) && D().then(() => b[p](v, ...S));
+    })(i);
+    const s = this.libraries.map((n) => this.importLibrary(n));
+    s.length || s.push(this.importLibrary("core")), Promise.all(s).then(() => this.callback(), (n) => {
+      const o = new ErrorEvent("error", { error: n });
+      this.loadErrorCallback(o);
+    });
+  }
+  /**
+   * Reset the loader state.
+   */
+  reset() {
+    this.deleteScript(), this.done = !1, this.loading = !1, this.errors = [], this.onerrorEvent = null;
+  }
+  resetIfRetryingFailed() {
+    this.failed && this.reset();
+  }
+  loadErrorCallback(t) {
+    if (this.errors.push(t), this.errors.length <= this.retries) {
+      const e = this.errors.length * Math.pow(2, this.errors.length);
+      console.error(`Failed to load Google Maps script, retrying in ${e} ms.`), setTimeout(() => {
+        this.deleteScript(), this.setScript();
+      }, e);
+    } else
+      this.onerrorEvent = t, this.callback();
+  }
+  callback() {
+    this.done = !0, this.loading = !1, this.callbacks.forEach((t) => {
+      t(this.onerrorEvent);
+    }), this.callbacks = [];
+  }
+  execute() {
+    if (this.resetIfRetryingFailed(), !this.loading)
+      if (this.done)
+        this.callback();
+      else {
+        if (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();
+          return;
+        }
+        this.loading = !0, this.setScript();
+      }
+  }
+}
+let q = null;
+async function M(r = []) {
+  if (!window.SLEEK || !window.SLEEK.maps || !window.SLEEK.maps.googleMapsApiKey)
+    throw new Error("Google Maps API key is not configured. Please set window.SLEEK.maps.googleMapsApiKey.");
+  return q ?? (q = new d({
+    apiKey: window.SLEEK.maps.googleMapsApiKey
+  })), (await Promise.all(
+    r.map((e) => q.importLibrary(e))
+  )).reduce((e, i) => ({ ...e, ...i }), {});
+}
+var m;
+class W extends HTMLElement {
+  constructor() {
+    super();
+    A(this, m);
+    this.map = null, g(this, m, void 0), this.markers = [], this.bounds = null;
+  }
+  connectedCallback() {
+    const e = this.attachShadow({ mode: "open" });
+    this.querySelectorAll("style").forEach((a) => {
+      e.appendChild(a);
+    });
+    const i = e.appendChild(document.createElement("main"));
+    i.style.display = "block", i.style.width = "100%", i.style.height = "100%";
+    const s = parseFloat(this.getAttribute("init-lat")) || 47.816, n = parseFloat(this.getAttribute("init-lng")) || 16.25, o = parseInt(this.getAttribute("zoom")) || 14;
+    this.style.display = "block", g(this, m, M(["maps"]).then(({ Map: a }) => {
+      this.map = new a(i, {
+        center: { lat: s, lng: n },
+        zoom: o,
+        mapId: "location-map",
+        streetViewControl: !1
+      }), this.map.addListener("rightclick", (l) => {
+        this.dispatchEvent(
+          new CustomEvent(
+            "right-click",
+            { detail: { lat: l.latLng.lat(), lng: l.latLng.lng() } }
+          )
+        );
+      }), this.bounds = new google.maps.LatLngBounds();
+    }).catch(console.error));
+  }
+  async setMarker(e, i = !1, s = {}) {
+    await I(this, m);
+    const { AdvancedMarkerElement: n, PinElement: o } = await M(["marker"]), a = new o({ ...s }), l = new n({
+      position: e,
+      map: this.map,
+      gmpDraggable: i,
+      content: a.element
+    });
+    return l.pin = a, this.markers.push(l), this.bounds ?? (this.bounds = new google.maps.LatLngBounds()), this.bounds.extend(e), this.markers.length > 1 && this.map.fitBounds(this.bounds), this.markers.length === 1 && this.map.setCenter(e), l;
+  }
+  panTo(e, i = {}) {
+    this.map && (this.map.panTo(e), i.keepZoom || this.map.setZoom(20));
+  }
+}
+m = new WeakMap();
+customElements.define("google-map", W);
+var u;
+const P = class P extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    A(this, u);
+    this.marker = null, this.infoWindow = null, g(this, u, null);
+  }
+  async connectedCallback() {
+    let e = this.closest("google-map");
+    for (; !e; )
+      await new Promise((i) => setTimeout(i, 100)), e = this.closest("google-map");
+  }
+  attributeChangedCallback() {
+    if (!this.parentElement) return;
+    const e = this.position;
+    isNaN(e.lat) || isNaN(e.lng) || this.updateMarker(e).catch(console.error);
+  }
+  async updateMarker(e) {
+    this.marker = await this.getOrCreateMarker(e);
+    try {
+      this.marker && this.hasAttribute("pin-options") && Object.assign(this.marker.pin, JSON.parse(this.getAttribute("pin-options")));
+    } catch (i) {
+      console.error("invalid pin-options", i);
+    }
+  }
+  async getOrCreateMarker(e) {
+    if (I(this, u) && await I(this, u), !this.marker) {
+      const i = this.closest("google-map");
+      if (!i) return;
+      await g(this, u, i.setMarker(e, this.getAttribute("draggable") === "true").then(async (s) => {
+        const { InfoWindow: n } = await M(["maps"]), o = this.querySelector('slot[name="info-window"]');
+        o && (o.style.display = "none");
+        const a = this.querySelector('slot[name="info-window-title"]');
+        a && (a.style.display = "none");
+        const l = o == null ? void 0 : o.innerHTML, c = (a == null ? void 0 : a.innerHTML) || void 0;
+        let h;
+        return c && (h = document.createElement("div"), h.innerHTML = c), l && (this.infoWindow = new n({
+          content: l,
+          headerContent: h
+        }), s.addListener("click", () => {
+          this.openInfoWindow();
+        })), s.addListener("dragend", () => {
+          this.dispatchEvent(new CustomEvent("change", { detail: this.marker.position })), queueMicrotask(() => this.marker.position = this.position);
+        }), s;
+      }).then((s) => (this.marker = s, s)).finally(() => g(this, u, null)));
+    }
+    return this.marker.position = e, this.marker;
+  }
+  get position() {
+    return {
+      lat: parseFloat(this.getAttribute("lat")),
+      lng: parseFloat(this.getAttribute("lng"))
+    };
+  }
+  openInfoWindow() {
+    this.infoWindow && this.marker && this.infoWindow.open(this.marker.map, this.marker);
+  }
+};
+u = new WeakMap(), P.observedAttributes = ["lat", "lng", "pin-options"];
+let O = P;
+customElements.define("google-map-marker", O);
+export {
+  W as GoogleMap,
+  O as GoogleMapMarker,
+  M as load
+};

package/dist/main.d.ts

@@ -1,4 +1,7 @@
 export * from './utils.js';
+export declare function setup({ maps }: {
+    maps: any;
+}): void;
 export declare function loadCustomElements(mapping: CustomElementLoaderMapping, { resolveTagName, watch, }?: {
     resolveTagName?: (key: string) => string;
     watch?: boolean;

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,0BAA0B,EACnC,EACE,cAA6B,EAC7B,KAAY,GACb,GAAE;IAAE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,MAAM,CAmER;AAED,KAAK,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;AACxE,KAAK,MAAM,GAAG;IACZ,gBAAgB,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACjD,EAAE,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACnC,mBAAmB,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;IACvD,GAAG,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;CACxC,CAAA"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,GAAG,CAAA;CAAE,QAG5C;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,0BAA0B,EACnC,EACE,cAA6B,EAC7B,KAAY,GACb,GAAE;IAAE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,MAAM,CAmER;AAED,KAAK,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;AACxE,KAAK,MAAM,GAAG;IACZ,gBAAgB,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACjD,EAAE,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACnC,mBAAmB,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;IACvD,GAAG,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;CACxC,CAAA"}