@maptiler/sdk 1.2.0 → 2.0.0

package/dist/maptiler-sdk.mjs

@@ -1,11 +1,110 @@
-import maplibregl__default from 'maplibre-gl';
-export * from 'maplibre-gl';
+import maplibregl, { addProtocol as addProtocol$1 } from 'maplibre-gl';
 import { Base64 } from 'js-base64';
 import EventEmitter from 'events';
-import { config as config$1, MapStyle, mapStylePresetList, expandMapStyle, MapStyleVariant, ReferenceMapStyle, geolocation } from '@maptiler/client';
-export { LanguageGeocoding, MapStyle, MapStyleVariant, ReferenceMapStyle, ServiceError, coordinates, data, geocoding, geolocation, staticMaps } from '@maptiler/client';
+import { config as config$2, MapStyle, mapStylePresetList, expandMapStyle, MapStyleVariant, ReferenceMapStyle, geolocation } from '@maptiler/client';
+export { LanguageGeocoding, MapStyle, MapStyleVariant, ReferenceMapStyle, ServiceError, bufferToPixelDataBrowser, circumferenceAtLatitude, coordinates, data, elevation, expandMapStyle, geocoding, geolocation, getAutoLanguageGeocoding, getBufferToPixelDataParser, getTileCache, mapStylePresetList, math, misc, staticMaps, styleToStyle } from '@maptiler/client';
 import { v4 } from 'uuid';
 
+var name = "@maptiler/sdk";
+var version = "2.0.0";
+var description = "The Javascript & TypeScript map SDK tailored for MapTiler Cloud";
+var module = "dist/maptiler-sdk.mjs";
+var types = "dist/maptiler-sdk.d.ts";
+var style = "dist/maptiler-sdk.css";
+var type = "module";
+var exports = {
+	".": {
+		"import": "./dist/maptiler-sdk.mjs",
+		types: "./dist/maptiler-sdk.d.ts"
+	},
+	"./dist/maptiler-sdk.css": {
+		"import": "./dist/maptiler-sdk.css"
+	},
+	"./style.css": {
+		"import": "./dist/maptiler-sdk.css"
+	}
+};
+var keywords = [
+	"maptiler",
+	"map",
+	"sdk",
+	"webmap",
+	"cloud",
+	"webGL",
+	"maplibre"
+];
+var homepage = "https://docs.maptiler.com/sdk-js/";
+var license = "BSD-3-Clause";
+var repository = {
+	type: "git",
+	url: "https://github.com/maptiler/maptiler-sdk-js.git"
+};
+var scripts = {
+	build: "rm -rf dist/* && NODE_ENV=production rollup -c",
+	dev: "rm -rf dist/* && NODE_ENV=development rollup -c -w",
+	"format:fix": "prettier --write \"src/**/*.{js,ts,tsx}\"",
+	format: "prettier -c \"src/**/*.{js,ts,tsx}\"",
+	"lint:fix": "eslint --fix \"src/**/*.{js,ts}\"",
+	lint: "eslint \"src/**/*.{js,ts}\"",
+	doc: "rm -rf docs/* && typedoc --out docs && cp -r images docs/",
+	prepare: "npm run format:fix && npm run lint:fix && npm run build && npm run test",
+	"test:dev": "vitest dev",
+	test: "vitest run"
+};
+var author = "MapTiler";
+var devDependencies = {
+	"@rollup/plugin-commonjs": "^24.1.0",
+	"@rollup/plugin-json": "^6.0.0",
+	"@rollup/plugin-node-resolve": "^15.0.2",
+	"@types/uuid": "^9.0.2",
+	"@types/xmldom": "^0.1.31",
+	"@typescript-eslint/eslint-plugin": "^6.9.0",
+	"@typescript-eslint/parser": "^6.9.0",
+	eslint: "^8.52.0",
+	"eslint-config-prettier": "^9.0.0",
+	"eslint-plugin-prettier": "^5.0.1",
+	prettier: "^3.0.3",
+	rollup: "^3.20.6",
+	"rollup-plugin-copy-merge": "^1.0.0",
+	"rollup-plugin-dts": "^5.3.0",
+	"rollup-plugin-esbuild": "^5.0.0",
+	"rollup-plugin-node-globals": "^1.4.0",
+	"rollup-plugin-shell": "^1.0.9",
+	"rollup-plugin-string": "^3.0.0",
+	"rollup-plugin-swc": "^0.2.1",
+	serve: "^14.2.0",
+	terser: "^5.17.1",
+	typedoc: "^0.24.8",
+	typescript: "^5.1.6",
+	vitest: "^0.34.2",
+	xmldom: "^0.6.0"
+};
+var dependencies = {
+	"@maptiler/client": "^1.8.1",
+	events: "^3.3.0",
+	"js-base64": "^3.7.4",
+	"maplibre-gl": "4.1.2",
+	uuid: "^9.0.0"
+};
+var packagejson = {
+	name: name,
+	version: version,
+	description: description,
+	module: module,
+	types: types,
+	style: style,
+	type: type,
+	exports: exports,
+	keywords: keywords,
+	homepage: homepage,
+	license: license,
+	repository: repository,
+	scripts: scripts,
+	author: author,
+	devDependencies: devDependencies,
+	dependencies: dependencies
+};
+
 const Language = {
   /**
    * The visitor language mode concatenates the prefered language from the user settings and the "default name".
@@ -160,10 +259,10 @@ const defaults = {
 };
 Object.freeze(defaults);
 
-var __defProp$b = Object.defineProperty;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$8 = (obj, key, value) => {
-  __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$a = Object.defineProperty;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$7 = (obj, key, value) => {
+  __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 const MAPTILER_SESSION_ID = v4();
@@ -173,12 +272,12 @@ class SdkConfig extends EventEmitter {
     /**
      * The primary language. By default, the language of the web browser is used.
      */
-    __publicField$8(this, "primaryLanguage", defaults.primaryLanguage);
+    __publicField$7(this, "primaryLanguage", defaults.primaryLanguage);
     /**
      * The secondary language, to overwrite the default language defined in the map style.
      * This settings is highly dependant on the style compatibility and may not work in most cases.
      */
-    __publicField$8(this, "secondaryLanguage");
+    __publicField$7(this, "secondaryLanguage");
     /**
      * Setting on whether of not the SDK runs with a session logic.
      * A "session" is started at the initialization of the SDK and finished when the browser
@@ -186,15 +285,21 @@ class SdkConfig extends EventEmitter {
      * When `session` is enabled (default: true), the extra URL param `mtsid` is added to queries
      * on the MapTiler Cloud API. This allows MapTiler to enable "session based billing".
      */
-    __publicField$8(this, "session", true);
+    __publicField$7(this, "session", true);
+    /**
+     * Enables client-side caching of requests for tiles and fonts.
+     * The cached requests persist multiple browser sessions and will be reused when possible.
+     * Works only for requests to the MapTiler Cloud API when sessions are enabled.
+     */
+    __publicField$7(this, "caching", true);
     /**
      * Unit to be used
      */
-    __publicField$8(this, "_unit", "metric");
+    __publicField$7(this, "_unit", "metric");
     /**
      * MapTiler Cloud API key
      */
-    __publicField$8(this, "_apiKey", "");
+    __publicField$7(this, "_apiKey", "");
   }
   /**
    * Set the unit system
@@ -214,7 +319,7 @@ class SdkConfig extends EventEmitter {
    */
   set apiKey(k) {
     this._apiKey = k;
-    config$1.apiKey = k;
+    config$2.apiKey = k;
     this.emit("apiKey", k);
   }
   /**
@@ -227,35 +332,35 @@ class SdkConfig extends EventEmitter {
    * Set a the custom fetch function to replace the default one
    */
   set fetch(f) {
-    config$1.fetch = f;
+    config$2.fetch = f;
   }
   /**
    * Get the fetch fucntion
    */
   get fetch() {
-    return config$1.fetch;
+    return config$2.fetch;
   }
 }
-const config = new SdkConfig();
+const config$1 = new SdkConfig();
 
-class LogoControl extends maplibregl__default.LogoControl {
+class LogoControl extends maplibregl.LogoControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-var __defProp$a = Object.defineProperty;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$7 = (obj, key, value) => {
-  __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$9 = Object.defineProperty;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$6 = (obj, key, value) => {
+  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class MaptilerLogoControl extends LogoControl {
   constructor(options = {}) {
     var _a, _b;
     super(options);
-    __publicField$7(this, "logoURL", "");
-    __publicField$7(this, "linkURL", "");
+    __publicField$6(this, "logoURL", "");
+    __publicField$6(this, "linkURL", "");
     this.logoURL = (_a = options.logoURL) != null ? _a : defaults.maptilerLogoURL;
     this.linkURL = (_b = options.linkURL) != null ? _b : defaults.maptilerURL;
   }
@@ -290,25 +395,151 @@ class MaptilerLogoControl extends LogoControl {
   }
 }
 
-var __defProp$9 = Object.defineProperty;
+var __async$2 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const LOCAL_CACHE_PROTOCOL_SOURCE = "localcache_source";
+const LOCAL_CACHE_PROTOCOL_DATA = "localcache";
+const LOCAL_CACHE_NAME = "maptiler_sdk";
+const CACHE_LIMIT_ITEMS = 1e3;
+const CACHE_LIMIT_CHECK_INTERVAL = 100;
+function localCacheTransformRequest(reqUrl, resourceType) {
+  if (config$1.caching && config$1.session && reqUrl.host === defaults.maptilerApiHost) {
+    if (resourceType == "Source") {
+      return reqUrl.href.replace(
+        "https://",
+        `${LOCAL_CACHE_PROTOCOL_SOURCE}://`
+      );
+    } else if (resourceType == "Tile" || resourceType == "Glyphs") {
+      return reqUrl.href.replace("https://", `${LOCAL_CACHE_PROTOCOL_DATA}://`);
+    }
+  }
+  return reqUrl.href;
+}
+let cacheInstance;
+function getCache() {
+  return __async$2(this, null, function* () {
+    if (!cacheInstance) {
+      cacheInstance = yield caches.open(LOCAL_CACHE_NAME);
+    }
+    return cacheInstance;
+  });
+}
+let cachePutCounter = 0;
+function limitCache() {
+  return __async$2(this, null, function* () {
+    const cache = yield getCache();
+    const keys = yield cache.keys();
+    const toPurge = keys.slice(0, Math.max(keys.length - CACHE_LIMIT_ITEMS, 0));
+    for (const key of toPurge) {
+      cache.delete(key);
+    }
+  });
+}
+function registerLocalCacheProtocol() {
+  addProtocol$1(
+    LOCAL_CACHE_PROTOCOL_SOURCE,
+    (params, abortController) => __async$2(this, null, function* () {
+      if (!params.url)
+        throw new Error("");
+      params.url = params.url.replace(
+        `${LOCAL_CACHE_PROTOCOL_SOURCE}://`,
+        "https://"
+      );
+      const requestInit = params;
+      requestInit.signal = abortController.signal;
+      const response = yield fetch(params.url, requestInit);
+      const json = yield response.json();
+      json.tiles[0] += "&last-modified=" + response.headers.get("Last-Modified");
+      return {
+        data: json,
+        cacheControl: response.headers.get("Cache-Control"),
+        expires: response.headers.get("Expires")
+      };
+    })
+  );
+  addProtocol$1(
+    LOCAL_CACHE_PROTOCOL_DATA,
+    (params, abortController) => __async$2(this, null, function* () {
+      if (!params.url)
+        throw new Error("");
+      params.url = params.url.replace(
+        `${LOCAL_CACHE_PROTOCOL_DATA}://`,
+        "https://"
+      );
+      const url = new URL(params.url);
+      const cacheableUrl = new URL(url);
+      cacheableUrl.searchParams.delete("mtsid");
+      cacheableUrl.searchParams.delete("key");
+      const cacheKey = cacheableUrl.toString();
+      const fetchableUrl = new URL(url);
+      fetchableUrl.searchParams.delete("last-modified");
+      const fetchUrl = fetchableUrl.toString();
+      const respond = (response) => __async$2(this, null, function* () {
+        return {
+          data: yield response.arrayBuffer(),
+          cacheControl: response.headers.get("Cache-Control"),
+          expires: response.headers.get("Expires")
+        };
+      });
+      const cache = yield getCache();
+      const cacheMatch = yield cache.match(cacheKey);
+      if (cacheMatch) {
+        return respond(cacheMatch);
+      } else {
+        const requestInit = params;
+        requestInit.signal = abortController.signal;
+        const response = yield fetch(fetchUrl, requestInit);
+        if (response.status >= 200 && response.status < 300) {
+          cache.put(cacheKey, response.clone()).catch(() => {
+          });
+          if (++cachePutCounter > CACHE_LIMIT_CHECK_INTERVAL) {
+            limitCache();
+            cachePutCounter = 0;
+          }
+        }
+        return respond(response);
+      }
+    })
+  );
+}
+
+var __defProp$8 = Object.defineProperty;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
+      __defNormalProp$8(a, prop, b[prop]);
   if (__getOwnPropSymbols$5)
     for (var prop of __getOwnPropSymbols$5(b)) {
       if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
 function enableRTL() {
-  if (maplibregl__default.getRTLTextPluginStatus() === "unavailable") {
-    maplibregl__default.setRTLTextPlugin(
+  if (maplibregl.getRTLTextPluginStatus() === "unavailable") {
+    maplibregl.setRTLTextPlugin(
       defaults.rtlPluginURL,
       (err) => {
         if (err)
@@ -339,7 +570,7 @@ function DOMremove(node) {
     node.parentNode.removeChild(node);
   }
 }
-function maptilerCloudTransformRequest(url, _resourceType) {
+function maptilerCloudTransformRequest(url, resourceType) {
   let reqUrl = null;
   try {
     reqUrl = new URL(url);
@@ -350,14 +581,14 @@ function maptilerCloudTransformRequest(url, _resourceType) {
   }
   if (reqUrl.host === defaults.maptilerApiHost) {
     if (!reqUrl.searchParams.has("key")) {
-      reqUrl.searchParams.append("key", config.apiKey);
+      reqUrl.searchParams.append("key", config$1.apiKey);
     }
-    if (config.session) {
+    if (config$1.session) {
       reqUrl.searchParams.append("mtsid", MAPTILER_SESSION_ID);
     }
   }
   return {
-    url: reqUrl.href
+    url: localCacheTransformRequest(reqUrl, resourceType)
   };
 }
 function combineTransformRequest(userDefinedRTF) {
@@ -365,10 +596,10 @@ function combineTransformRequest(userDefinedRTF) {
     var _a;
     if (userDefinedRTF !== void 0) {
       const rp = userDefinedRTF(url, resourceType);
-      const rp2 = maptilerCloudTransformRequest((_a = rp == null ? void 0 : rp.url) != null ? _a : "");
+      const rp2 = maptilerCloudTransformRequest((_a = rp == null ? void 0 : rp.url) != null ? _a : "", resourceType);
       return __spreadValues$5(__spreadValues$5({}, rp), rp2);
     } else {
-      return maptilerCloudTransformRequest(url);
+      return maptilerCloudTransformRequest(url, resourceType);
     }
   };
 }
@@ -407,17 +638,17 @@ function styleToStyle(style) {
   return style;
 }
 
-var __defProp$8 = Object.defineProperty;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$7 = Object.defineProperty;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class MaptilerTerrainControl {
   constructor() {
-    __publicField$6(this, "_map");
-    __publicField$6(this, "_container");
-    __publicField$6(this, "_terrainButton");
+    __publicField$5(this, "_map");
+    __publicField$5(this, "_container");
+    __publicField$5(this, "_terrainButton");
     bindAll(["_toggleTerrain", "_updateTerrainIcon"], this);
   }
   onAdd(map) {
@@ -457,27 +688,27 @@ class MaptilerTerrainControl {
     if (this._map.hasTerrain()) {
       this._terrainButton.classList.add("maplibregl-ctrl-terrain-enabled");
       this._terrainButton.title = this._map._getUIString(
-        "TerrainControl.disableTerrain"
+        "TerrainControl.Disable"
       );
     } else {
       this._terrainButton.classList.add("maplibregl-ctrl-terrain");
       this._terrainButton.title = this._map._getUIString(
-        "TerrainControl.enableTerrain"
+        "TerrainControl.Enable"
       );
     }
   }
 }
 
-class NavigationControl extends maplibregl__default.NavigationControl {
+class NavigationControl extends maplibregl.NavigationControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$5 = (obj, key, value) => {
-  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$6 = Object.defineProperty;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class MaptilerNavigationControl extends NavigationControl {
@@ -490,7 +721,7 @@ class MaptilerNavigationControl extends NavigationControl {
     /**
      * Overloading: Limit how flat the compass icon can get
      */
-    __publicField$5(this, "_rotateCompassArrow", () => {
+    __publicField$4(this, "_rotateCompassArrow", () => {
       const rotate = this.options.visualizePitch ? `scale(${Math.min(
         1.5,
         1 / Math.pow(
@@ -529,49 +760,49 @@ class MaptilerNavigationControl extends NavigationControl {
   }
 }
 
-class GeolocateControl extends maplibregl__default.GeolocateControl {
+class GeolocateControl extends maplibregl.GeolocateControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-var __defProp$6 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
 var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
 var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
+      __defNormalProp$5(a, prop, b[prop]);
   if (__getOwnPropSymbols$4)
     for (var prop of __getOwnPropSymbols$4(b)) {
       if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-const Marker$1 = maplibregl__default.Marker;
-const LngLat$1 = maplibregl__default.LngLat;
-const LngLatBounds$1 = maplibregl__default.LngLatBounds;
+const Marker$1 = maplibregl.Marker;
+const LngLat$1 = maplibregl.LngLat;
+const LngLatBounds$1 = maplibregl.LngLatBounds;
 class MaptilerGeolocateControl extends GeolocateControl {
   constructor() {
     super(...arguments);
-    __publicField$4(this, "lastUpdatedCenter", new LngLat$1(0, 0));
+    __publicField$3(this, "lastUpdatedCenter", new LngLat$1(0, 0));
     /**
      * Update the camera location to center on the current position
      *
      * @param {Position} position the Geolocation API Position
      * @private
      */
-    __publicField$4(this, "_updateCamera", (position) => {
+    __publicField$3(this, "_updateCamera", (position) => {
       var _a, _b, _c;
       const center = new LngLat$1(
         position.coords.longitude,
@@ -615,7 +846,7 @@ class MaptilerGeolocateControl extends GeolocateControl {
         this.lastUpdatedCenter = this._map.getCenter();
       });
     });
-    __publicField$4(this, "_setupUI", (supported) => {
+    __publicField$3(this, "_setupUI", (supported) => {
       this.lastUpdatedCenter = this._map.getCenter();
       this._container.addEventListener(
         "contextmenu",
@@ -684,7 +915,7 @@ class MaptilerGeolocateControl extends GeolocateControl {
         });
       }
     });
-    __publicField$4(this, "_onZoom", () => {
+    __publicField$3(this, "_onZoom", () => {
       if (this.options.showUserLocation && this.options.showAccuracyCircle) {
         this._updateCircleRadius();
       }
@@ -711,45 +942,45 @@ class MaptilerGeolocateControl extends GeolocateControl {
   }
 }
 
-class AttributionControl extends maplibregl__default.AttributionControl {
+class AttributionControl extends maplibregl.AttributionControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-class ScaleControl extends maplibregl__default.ScaleControl {
+class ScaleControl extends maplibregl.ScaleControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-class FullscreenControl extends maplibregl__default.FullscreenControl {
+class FullscreenControl extends maplibregl.FullscreenControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$4 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
 var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
 var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
+      __defNormalProp$4(a, prop, b[prop]);
   if (__getOwnPropSymbols$3)
     for (var prop of __getOwnPropSymbols$3(b)) {
       if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -781,7 +1012,7 @@ class Minimap {
     __privateAdd(this, _setParentBounds);
     __privateAdd(this, _syncMaps);
     __privateAdd(this, _options, void 0);
-    __publicField$3(this, "map");
+    __publicField$2(this, "map");
     __privateAdd(this, _parentMap, void 0);
     __privateAdd(this, _container, void 0);
     __privateAdd(this, _canvasContainer, void 0);
@@ -1013,27 +1244,27 @@ syncMaps_fn = function() {
   };
 };
 
-var __defProp$4 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
 var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
 var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
+      __defNormalProp$3(a, prop, b[prop]);
   if (__getOwnPropSymbols$2)
     for (var prop of __getOwnPropSymbols$2(b)) {
       if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __async$1 = (__this, __arguments, generator) => {
@@ -1060,15 +1291,15 @@ const GeolocationType = {
   POINT: "POINT",
   COUNTRY: "COUNTRY"
 };
-class Map extends maplibregl__default.Map {
+class Map extends maplibregl.Map {
   constructor(options) {
     var _a, _b, _c;
     if (options.apiKey) {
-      config.apiKey = options.apiKey;
+      config$1.apiKey = options.apiKey;
     }
     const style = styleToStyle(options.style);
     const hashPreConstructor = location.hash;
-    if (!config.apiKey) {
+    if (!config$1.apiKey) {
       console.warn(
         "MapTiler Cloud API key is not set. Visit https://maptiler.com and try Cloud for free!"
       );
@@ -1078,15 +1309,19 @@ class Map extends maplibregl__default.Map {
       maplibreLogo: false,
       transformRequest: combineTransformRequest(options.transformRequest)
     }));
-    __publicField$2(this, "isTerrainEnabled", false);
-    __publicField$2(this, "terrainExaggeration", 1);
-    __publicField$2(this, "primaryLanguage");
-    __publicField$2(this, "terrainGrowing", false);
-    __publicField$2(this, "terrainFlattening", false);
-    __publicField$2(this, "minimap");
-    __publicField$2(this, "forceLanguageUpdate");
-    __publicField$2(this, "languageAlwaysBeenStyle");
-    this.primaryLanguage = (_a = options.language) != null ? _a : config.primaryLanguage;
+    __publicField$1(this, "isTerrainEnabled", false);
+    __publicField$1(this, "terrainExaggeration", 1);
+    __publicField$1(this, "primaryLanguage");
+    __publicField$1(this, "terrainGrowing", false);
+    __publicField$1(this, "terrainFlattening", false);
+    __publicField$1(this, "minimap");
+    __publicField$1(this, "forceLanguageUpdate");
+    __publicField$1(this, "languageAlwaysBeenStyle");
+    __publicField$1(this, "isReady", false);
+    if (config$1.caching) {
+      registerLocalCacheProtocol();
+    }
+    this.primaryLanguage = (_a = options.language) != null ? _a : config$1.primaryLanguage;
     this.forceLanguageUpdate = this.primaryLanguage === Language.STYLE || this.primaryLanguage === Language.STYLE_LOCK ? false : true;
     this.languageAlwaysBeenStyle = this.primaryLanguage === Language.STYLE;
     this.terrainExaggeration = (_b = options.terrainExaggeration) != null ? _b : this.terrainExaggeration;
@@ -1175,7 +1410,7 @@ class Map extends maplibregl__default.Map {
           possibleSources[0].url
         );
         if (!styleUrl.searchParams.has("key")) {
-          styleUrl.searchParams.append("key", config.apiKey);
+          styleUrl.searchParams.append("key", config$1.apiKey);
         }
         const tileJsonRes = yield fetch(styleUrl.href);
         tileJsonContent = yield tileJsonRes.json();
@@ -1201,9 +1436,9 @@ class Map extends maplibregl__default.Map {
       }
       if (options.scaleControl) {
         const position = options.scaleControl === true || options.scaleControl === void 0 ? "bottom-right" : options.scaleControl;
-        const scaleControl = new ScaleControl({ unit: config.unit });
+        const scaleControl = new ScaleControl({ unit: config$1.unit });
         this.addControl(scaleControl, position);
-        config.on("unit", (unit) => {
+        config$1.on("unit", (unit) => {
           scaleControl.setUnit(unit);
         });
       }
@@ -1239,11 +1474,13 @@ class Map extends maplibregl__default.Map {
         const position = options.fullscreenControl === true || options.fullscreenControl === void 0 ? "top-right" : options.fullscreenControl;
         this.addControl(new FullscreenControl({}), position);
       }
+      this.isReady = true;
+      this.fire("ready", { target: this });
     }));
     let loadEventTriggered = false;
     let terrainEventTriggered = false;
     let terrainEventData;
-    this.once("load", () => {
+    this.once("ready", () => {
       loadEventTriggered = true;
       if (terrainEventTriggered) {
         this.fire("loadWithTerrain", terrainEventData);
@@ -1348,6 +1585,26 @@ class Map extends maplibregl__default.Map {
       });
     });
   }
+  /**
+   * Awaits for _this_ Map instance to be "ready" and returns a Promise to the Map.
+   * If _this_ Map instance is already ready, the Promise is resolved directly,
+   * otherwise, it is resolved as a result of the "ready" event.
+   * A map instance is "ready" when all the controls that can be managed by the contructor are
+   * dealt with. This happens after the "load" event, due to the asynchronous nature
+   * of some built-in controls.
+   */
+  onReadyAsync() {
+    return __async$1(this, null, function* () {
+      return new Promise((resolve) => {
+        if (this.isReady) {
+          return resolve(this);
+        }
+        this.once("ready", () => {
+          resolve(this);
+        });
+      });
+    });
+  }
   /**
    * Awaits for _this_ Map instance to be "loaded" as well as with terrain being non-null for the first time
    * and returns a Promise to the Map.
@@ -1358,7 +1615,7 @@ class Map extends maplibregl__default.Map {
   onLoadWithTerrainAsync() {
     return __async$1(this, null, function* () {
       return new Promise((resolve) => {
-        if (this.loaded() && this.terrain) {
+        if (this.isReady && this.terrain) {
           return resolve(this);
         }
         this.once("loadWithTerrain", () => {
@@ -1652,7 +1909,23 @@ class Map extends maplibregl__default.Map {
       ];
     }
     const { layers } = this.getStyle();
-    for (const { id, layout } of layers) {
+    for (const genericLayer of layers) {
+      if (genericLayer.type !== "symbol") {
+        continue;
+      }
+      const layer = genericLayer;
+      const source = this.getSource(layer.source);
+      if (!source) {
+        continue;
+      }
+      if (!("url" in source && typeof source.url === "string")) {
+        continue;
+      }
+      const sourceURL = new URL(source.url);
+      if (sourceURL.host !== defaults.maptilerApiHost) {
+        continue;
+      }
+      const { id, layout } = layer;
       if (!layout) {
         continue;
       }
@@ -1884,7 +2157,7 @@ class Map extends maplibregl__default.Map {
    * that do not directly have access to the SDK configuration but do have access to a Map instance.
    */
   getSdkConfig() {
-    return config;
+    return config$1;
   }
   /**
    * Get the MapTiler session ID. Convenient to dispatch to externaly built component
@@ -1909,383 +2182,119 @@ class Map extends maplibregl__default.Map {
     super.setTransformRequest(combineTransformRequest(transformRequest));
     return this;
   }
-  /**
-   * Loads an image. This is an async equivalent of `Map.loadImage`
-   */
-  loadImageAsync(url) {
-    return __async$1(this, null, function* () {
-      return new Promise((resolve, reject) => {
-        this.loadImage(
-          url,
-          (error, image) => {
-            if (error) {
-              reject(error);
-              return;
-            }
-            resolve(image);
-          }
-        );
-      });
-    });
-  }
 }
 
-class Marker extends maplibregl__default.Marker {
+class Marker extends maplibregl.Marker {
   addTo(map) {
     return super.addTo(map);
   }
 }
 
-class Popup extends maplibregl__default.Popup {
+class Popup extends maplibregl.Popup {
   addTo(map) {
     return super.addTo(map);
   }
 }
 
-class Style extends maplibregl__default.Style {
+class Style extends maplibregl.Style {
   constructor(map, options = {}) {
     super(map, options);
   }
 }
 
-class CanvasSource extends maplibregl__default.CanvasSource {
+class CanvasSource extends maplibregl.CanvasSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class GeoJSONSource extends maplibregl__default.GeoJSONSource {
+class GeoJSONSource extends maplibregl.GeoJSONSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class ImageSource extends maplibregl__default.ImageSource {
+class ImageSource extends maplibregl.ImageSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class RasterTileSource extends maplibregl__default.RasterTileSource {
+class RasterTileSource extends maplibregl.RasterTileSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class RasterDEMTileSource extends maplibregl__default.RasterDEMTileSource {
+class RasterDEMTileSource extends maplibregl.RasterDEMTileSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class VectorTileSource extends maplibregl__default.VectorTileSource {
+class VectorTileSource extends maplibregl.VectorTileSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class VideoSource extends maplibregl__default.VideoSource {
+class VideoSource extends maplibregl.VideoSource {
   onAdd(map) {
     super.onAdd(map);
   }
 }
 
-class TerrainControl extends maplibregl__default.TerrainControl {
+class TerrainControl extends maplibregl.TerrainControl {
   onAdd(map) {
     return super.onAdd(map);
   }
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class Point {
-  constructor(x, y) {
-    __publicField$1(this, "x");
-    __publicField$1(this, "y");
-    this.x = x;
-    this.y = y;
-  }
-  _matMult(m) {
-    const x = m[0] * this.x + m[1] * this.y;
-    const y = m[2] * this.x + m[3] * this.y;
-    this.x = x;
-    this.y = y;
-    return this;
-  }
-  _add(p) {
-    this.x += p.x;
-    this.y += p.y;
-    return this;
-  }
-  _sub(p) {
-    this.x -= p.x;
-    this.y -= p.y;
-    return this;
-  }
-  _mult(k) {
-    this.x *= k;
-    this.y *= k;
-    return this;
-  }
-  _div(k) {
-    this.x /= k;
-    this.y /= k;
-    return this;
-  }
-  _multByPoint(p) {
-    this.x *= p.x;
-    this.y *= p.y;
-    return this;
-  }
-  _divByPoint(p) {
-    this.x /= p.x;
-    this.y /= p.y;
-    return this;
-  }
-  _unit() {
-    this._div(this.mag());
-    return this;
-  }
-  _perp() {
-    const y = this.y;
-    this.y = this.x;
-    this.x = -y;
-    return this;
-  }
-  _rotate(angle) {
-    const cos = Math.cos(angle);
-    const sin = Math.sin(angle);
-    const x = cos * this.x - sin * this.y;
-    const y = sin * this.x + cos * this.y;
-    this.x = x;
-    this.y = y;
-    return this;
-  }
-  _rotateAround(angle, p) {
-    const cos = Math.cos(angle);
-    const sin = Math.sin(angle);
-    const x = p.x + cos * (this.x - p.x) - sin * (this.y - p.y);
-    const y = p.y + sin * (this.x - p.x) + cos * (this.y - p.y);
-    this.x = x;
-    this.y = y;
-    return this;
-  }
-  _round() {
-    this.x = Math.round(this.x);
-    this.y = Math.round(this.y);
-    return this;
-  }
-  /**
-   * Clone this point, returning a new point that can be modified
-   * without affecting the old one.
-   * @return {Point} the clone
-   */
-  clone() {
-    return new Point(this.x, this.y);
-  }
-  /**
-   * Add this point's x & y coordinates to another point,
-   * yielding a new point.
-   * @param {Point} p the other point
-   * @return {Point} output point
-   */
-  add(p) {
-    return this.clone()._add(p);
-  }
-  /**
-   * Subtract this point's x & y coordinates to from point,
-   * yielding a new point.
-   * @param {Point} p the other point
-   * @return {Point} output point
-   */
-  sub(p) {
-    return this.clone()._sub(p);
-  }
-  /**
-   * Multiply this point's x & y coordinates by point,
-   * yielding a new point.
-   * @param {Point} p the other point
-   * @return {Point} output point
-   */
-  multByPoint(p) {
-    return this.clone()._multByPoint(p);
-  }
-  /**
-   * Divide this point's x & y coordinates by point,
-   * yielding a new point.
-   * @param {Point} p the other point
-   * @return {Point} output point
-   */
-  divByPoint(p) {
-    return this.clone()._divByPoint(p);
-  }
-  /**
-   * Multiply this point's x & y coordinates by a factor,
-   * yielding a new point.
-   * @param {Number} k factor
-   * @return {Point} output point
-   */
-  mult(k) {
-    return this.clone()._mult(k);
-  }
-  /**
-   * Divide this point's x & y coordinates by a factor,
-   * yielding a new point.
-   * @param {Point} k factor
-   * @return {Point} output point
-   */
-  div(k) {
-    return this.clone()._div(k);
-  }
-  /**
-   * Rotate this point around the 0, 0 origin by an angle a,
-   * given in radians
-   * @param {Number} a angle to rotate around, in radians
-   * @return {Point} output point
-   */
-  rotate(a) {
-    return this.clone()._rotate(a);
-  }
-  /**
-   * Rotate this point around p point by an angle a,
-   * given in radians
-   * @param {Number} a angle to rotate around, in radians
-   * @param {Point} p Point to rotate around
-   * @return {Point} output point
-   */
-  rotateAround(a, p) {
-    return this.clone()._rotateAround(a, p);
-  }
-  /**
-   * Multiply this point by a 4x1 transformation matrix
-   * @param {Array<Number>} m transformation matrix
-   * @return {Point} output point
-   */
-  matMult(m) {
-    return this.clone()._matMult(m);
-  }
-  /**
-   * Calculate this point but as a unit vector from 0, 0, meaning
-   * that the distance from the resulting point to the 0, 0
-   * coordinate will be equal to 1 and the angle from the resulting
-   * point to the 0, 0 coordinate will be the same as before.
-   * @return {Point} unit vector point
-   */
-  unit() {
-    return this.clone()._unit();
-  }
-  /**
-   * Compute a perpendicular point, where the new y coordinate
-   * is the old x coordinate and the new x coordinate is the old y
-   * coordinate multiplied by -1
-   * @return {Point} perpendicular point
-   */
-  perp() {
-    return this.clone()._perp();
-  }
-  /**
-   * Return a version of this point with the x & y coordinates
-   * rounded to integers.
-   * @return {Point} rounded point
-   */
-  round() {
-    return this.clone()._round();
-  }
-  /**
-   * Return the magnitude of this point: this is the Euclidean
-   * distance from the 0, 0 coordinate to this point's x and y
-   * coordinates.
-   * @return {Number} magnitude
-   */
-  mag() {
-    return Math.sqrt(this.x * this.x + this.y * this.y);
+class BoxZoomHandler extends maplibregl.BoxZoomHandler {
+  constructor(map, options) {
+    super(map, options);
   }
-  /**
-   * Judge whether this point is equal to another point, returning
-   * true or false.
-   * @param {Point} other the other point
-   * @return {boolean} whether the points are equal
-   */
-  equals(other) {
-    return this.x === other.x && this.y === other.y;
+}
+
+class ScrollZoomHandler extends maplibregl.ScrollZoomHandler {
+  constructor(map, triggerRenderFrame) {
+    super(map, triggerRenderFrame);
   }
-  /**
-   * Calculate the distance from this point to another point
-   * @param {Point} p the other point
-   * @return {Number} distance
-   */
-  dist(p) {
-    return Math.sqrt(this.distSqr(p));
+}
+
+class CooperativeGesturesHandler extends maplibregl.CooperativeGesturesHandler {
+  constructor(map, options) {
+    super(map, options);
   }
-  /**
-   * Calculate the distance from this point to another point,
-   * without the square root step. Useful if you're comparing
-   * relative distances.
-   * @param {Point} p the other point
-   * @return {Number} distance
-   */
-  distSqr(p) {
-    const dx = p.x - this.x;
-    const dy = p.y - this.y;
-    return dx * dx + dy * dy;
+}
+
+class KeyboardHandler extends maplibregl.KeyboardHandler {
+  constructor(map) {
+    super(map);
   }
-  /**
-   * Get the angle from the 0, 0 coordinate to this point, in radians
-   * coordinates.
-   * @return {Number} angle
-   */
-  angle() {
-    return Math.atan2(this.y, this.x);
+}
+
+class TwoFingersTouchPitchHandler extends maplibregl.TwoFingersTouchPitchHandler {
+  constructor(map) {
+    super(map);
   }
-  /**
-   * Get the angle from this point to another point, in radians
-   * @param {Point} b the other point
-   * @return {Number} angle
-   */
-  angleTo(b) {
-    return Math.atan2(this.y - b.y, this.x - b.x);
+}
+
+class MapWheelEvent extends maplibregl.MapWheelEvent {
+  constructor(type, map, originalEvent) {
+    super(type, map, originalEvent);
   }
-  /**
-   * Get the angle between this point and another point, in radians
-   * @param {Point} b the other point
-   * @return {Number} angle
-   */
-  angleWith(b) {
-    return this.angleWithSep(b.x, b.y);
-  }
-  /*
-   * Find the angle of the two vectors, solving the formula for
-   * the cross product a x b = |a||b|sin(θ) for θ.
-   * @param {Number} x the x-coordinate
-   * @param {Number} y the y-coordinate
-   * @return {Number} the angle in radians
-   */
-  angleWithSep(x, y) {
-    return Math.atan2(this.x * y - this.y * x, this.x * x + this.y * y);
+}
+
+class MapTouchEvent extends maplibregl.MapTouchEvent {
+  constructor(type, map, originalEvent) {
+    super(type, map, originalEvent);
   }
-  /**
-   * Construct a point from an array if necessary, otherwise if the input
-   * is already a Point, or an unknown type, return it unchanged
-   * @param {Array<number> | Point} a any kind of input value
-   * @return {Point} constructed point, or passed-through value.
-   * @example
-   * // this
-   * var point = Point.convert([0, 1]);
-   * // is equivalent to
-   * var point = new Point(0, 1);
-   */
-  static convert(a) {
-    if (a instanceof Point) {
-      return a;
-    }
-    if (Array.isArray(a)) {
-      return new Point(a[0], a[1]);
-    }
-    return a;
+}
+
+class MapMouseEvent extends maplibregl.MapMouseEvent {
+  constructor(type, map, originalEvent, data = {}) {
+    super(type, map, originalEvent, data);
   }
 }
 
@@ -4200,7 +4209,7 @@ function addPolyline(_0, _1) {
     let data = options.data;
     if (typeof data === "string") {
       if (isUUID(data)) {
-        data = `https://api.maptiler.com/data/${options.data}/features.json?key=${config.apiKey}`;
+        data = `https://api.maptiler.com/data/${options.data}/features.json?key=${config$1.apiKey}`;
       } else if (((_a = data.split(".").pop()) == null ? void 0 : _a.toLowerCase().trim()) === "gpx") {
         const res = yield fetch(data, fetchOptions);
         const gpxStr = yield res.text();
@@ -4324,7 +4333,7 @@ function addPolygon(map, options) {
   if (options.data && !map.getSource(sourceId)) {
     let data = options.data;
     if (typeof data === "string" && isUUID(data)) {
-      data = `https://api.maptiler.com/data/${data}/features.json?key=${config.apiKey}`;
+      data = `https://api.maptiler.com/data/${data}/features.json?key=${config$1.apiKey}`;
     }
     map.addSource(sourceId, {
       type: "geojson",
@@ -4415,24 +4424,13 @@ function addPolygon(map, options) {
     if (map.hasImage(pattern)) {
       addLayers(pattern);
     } else {
-      map.loadImage(
-        pattern,
-        // (error?: Error | null, image?: HTMLImageElement | ImageBitmap | null, expiry?: ExpiryData | null)
-        (error, image) => {
-          if (error) {
-            console.error("Could not load the pattern image.", error.message);
-            return addLayers();
-          }
-          if (!image) {
-            console.error(
-              `An image cannot be created from the pattern URL ${pattern}.`
-            );
-            return addLayers();
-          }
-          map.addImage(pattern, image);
-          addLayers(pattern);
-        }
-      );
+      map.loadImage(pattern).then((value) => {
+        map.addImage(pattern, value.data);
+        addLayers(pattern);
+      }).catch((err) => {
+        console.error("Could not load the pattern image.", err.message);
+        return addLayers();
+      });
     }
   } else {
     addLayers();
@@ -4492,7 +4490,7 @@ function addPoint(map, options) {
   if (options.data && !map.getSource(sourceId)) {
     let data = options.data;
     if (typeof data === "string" && isUUID(data)) {
-      data = `https://api.maptiler.com/data/${data}/features.json?key=${config.apiKey}`;
+      data = `https://api.maptiler.com/data/${data}/features.json?key=${config$1.apiKey}`;
     }
     map.addSource(sourceId, {
       type: "geojson",
@@ -4758,7 +4756,7 @@ function addHeatmap(map, options) {
   if (options.data && !map.getSource(sourceId)) {
     let data = options.data;
     if (typeof data === "string" && isUUID(data)) {
-      data = `https://api.maptiler.com/data/${data}/features.json?key=${config.apiKey}`;
+      data = `https://api.maptiler.com/data/${data}/features.json?key=${config$1.apiKey}`;
     }
     map.addSource(sourceId, {
       type: "geojson",
@@ -4804,31 +4802,60 @@ const {
   AJAXError,
   prewarm,
   clearPrewarmedResources,
-  version,
-  workerCount,
-  maxParallelImageRequests,
-  workerUrl,
   addProtocol,
-  removeProtocol
-} = maplibregl__default;
-const MapMLGL = maplibregl__default.Map;
-const MarkerMLGL = maplibregl__default.Marker;
-const PopupMLGL = maplibregl__default.Popup;
-const StyleMLGL = maplibregl__default.Style;
-const CanvasSourceMLGL = maplibregl__default.CanvasSource;
-const GeoJSONSourceMLGL = maplibregl__default.GeoJSONSource;
-const ImageSourceMLGL = maplibregl__default.ImageSource;
-const RasterTileSourceMLGL = maplibregl__default.RasterTileSource;
-const RasterDEMTileSourceMLGL = maplibregl__default.RasterDEMTileSource;
-const VectorTileSourceMLGL = maplibregl__default.VectorTileSource;
-const VideoSourceMLGL = maplibregl__default.VideoSource;
-maplibregl__default.NavigationControl;
-maplibregl__default.GeolocateControl;
-maplibregl__default.AttributionControl;
-maplibregl__default.LogoControl;
-maplibregl__default.ScaleControl;
-maplibregl__default.FullscreenControl;
-maplibregl__default.TerrainControl;
+  removeProtocol,
+  Hash,
+  Point,
+  config,
+  EdgeInsets,
+  DragRotateHandler,
+  DragPanHandler,
+  TwoFingersTouchZoomRotateHandler,
+  DoubleClickZoomHandler,
+  TwoFingersTouchZoomHandler,
+  TwoFingersTouchRotateHandler,
+  getWorkerCount,
+  setWorkerCount,
+  getMaxParallelImageRequests,
+  setMaxParallelImageRequests,
+  getWorkerUrl,
+  setWorkerUrl,
+  addSourceType,
+  importScriptInWorkers
+} = maplibregl;
+function getVersion() {
+  return packagejson.version;
+}
+function getMapLibreVersion() {
+  return maplibregl.getVersion();
+}
+console.log("maplibregl", maplibregl);
+const MapMLGL = maplibregl.Map;
+const MarkerMLGL = maplibregl.Marker;
+const PopupMLGL = maplibregl.Popup;
+const StyleMLGL = maplibregl.Style;
+const CanvasSourceMLGL = maplibregl.CanvasSource;
+const GeoJSONSourceMLGL = maplibregl.GeoJSONSource;
+const ImageSourceMLGL = maplibregl.ImageSource;
+const RasterTileSourceMLGL = maplibregl.RasterTileSource;
+const RasterDEMTileSourceMLGL = maplibregl.RasterDEMTileSource;
+const VectorTileSourceMLGL = maplibregl.VectorTileSource;
+const VideoSourceMLGL = maplibregl.VideoSource;
+maplibregl.NavigationControl;
+maplibregl.GeolocateControl;
+maplibregl.AttributionControl;
+maplibregl.LogoControl;
+maplibregl.ScaleControl;
+maplibregl.FullscreenControl;
+maplibregl.TerrainControl;
+const BoxZoomHandlerMLGL = maplibregl.BoxZoomHandler;
+const ScrollZoomHandlerMLGL = maplibregl.ScrollZoomHandler;
+const CooperativeGesturesHandlerMLGL = maplibregl.CooperativeGesturesHandler;
+const KeyboardHandlerMLGL = maplibregl.KeyboardHandler;
+const TwoFingersTouchPitchHandlerMLGL = maplibregl.TwoFingersTouchPitchHandler;
+const MapWheelEventMLGL = maplibregl.MapWheelEvent;
+const MapTouchEventMLGL = maplibregl.MapTouchEvent;
+const MapMouseEventMLGL = maplibregl.MapMouseEvent;
 
-export { AJAXError, AttributionControl, CanvasSource, CanvasSourceMLGL, ColorRamp, ColorRampCollection, Evented, FullscreenControl, GeoJSONSource, GeoJSONSourceMLGL, GeolocateControl, GeolocationType, ImageSource, ImageSourceMLGL, Language, LngLat, LngLatBounds, LogoControl, Map, MapMLGL, MaptilerGeolocateControl, MaptilerLogoControl, MaptilerNavigationControl, MaptilerTerrainControl, Marker, MarkerMLGL, MercatorCoordinate, NavigationControl, Point, Popup, PopupMLGL, RasterDEMTileSource, RasterDEMTileSourceMLGL, RasterTileSource, RasterTileSourceMLGL, ScaleControl, SdkConfig, Style, StyleMLGL, TerrainControl, VectorTileSource, VectorTileSourceMLGL, VideoSource, VideoSourceMLGL, addProtocol, clearPrewarmedResources, config, getRTLTextPluginStatus, gpx, gpxOrKml, hasChildNodeWithName, helpers, kml, maxParallelImageRequests, prewarm, removeProtocol, setRTLTextPlugin, str2xml, version, workerCount, workerUrl, xml2str };
+export { AJAXError, AttributionControl, BoxZoomHandler, BoxZoomHandlerMLGL, CanvasSource, CanvasSourceMLGL, ColorRamp, ColorRampCollection, CooperativeGesturesHandler, CooperativeGesturesHandlerMLGL, DoubleClickZoomHandler, DragPanHandler, DragRotateHandler, EdgeInsets, Evented, FullscreenControl, GeoJSONSource, GeoJSONSourceMLGL, GeolocateControl, GeolocationType, Hash, ImageSource, ImageSourceMLGL, KeyboardHandler, KeyboardHandlerMLGL, Language, LngLat, LngLatBounds, LogoControl, Map, MapMLGL, MapMouseEvent, MapMouseEventMLGL, MapTouchEvent, MapTouchEventMLGL, MapWheelEvent, MapWheelEventMLGL, MaptilerGeolocateControl, MaptilerLogoControl, MaptilerNavigationControl, MaptilerTerrainControl, Marker, MarkerMLGL, MercatorCoordinate, NavigationControl, Point, Popup, PopupMLGL, RasterDEMTileSource, RasterDEMTileSourceMLGL, RasterTileSource, RasterTileSourceMLGL, ScaleControl, ScrollZoomHandler, ScrollZoomHandlerMLGL, SdkConfig, Style, StyleMLGL, TerrainControl, TwoFingersTouchPitchHandler, TwoFingersTouchPitchHandlerMLGL, TwoFingersTouchRotateHandler, TwoFingersTouchZoomHandler, TwoFingersTouchZoomRotateHandler, VectorTileSource, VectorTileSourceMLGL, VideoSource, VideoSourceMLGL, addProtocol, addSourceType, clearPrewarmedResources, config$1 as config, config as configMLGL, getBrowserLanguage, getMapLibreVersion, getMaxParallelImageRequests, getRTLTextPluginStatus, getVersion, getWorkerCount, getWorkerUrl, gpx, gpxOrKml, hasChildNodeWithName, helpers, importScriptInWorkers, isLanguageSupported, kml, prewarm, removeProtocol, setMaxParallelImageRequests, setRTLTextPlugin, setWorkerCount, setWorkerUrl, str2xml, xml2str };
 //# sourceMappingURL=maptiler-sdk.mjs.map