@mapvx/web-js 1.2.3-dev.3 → 1.2.3

package/dist/umd/index.js

@@ -5748,6 +5748,7 @@ __webpack_require__.d(__webpack_exports__, {
   initializeSDK: () => (/* reexport */ initializeSDK),
   injectPreconnects: () => (/* reexport */ injectPreconnects),
   isBasicWithIcon: () => (/* reexport */ isBasicWithIcon),
+  isBasicWithImageUrl: () => (/* reexport */ isBasicWithImageUrl),
   isBasicWithLogo: () => (/* reexport */ isBasicWithLogo),
   isMapVxRequestHostname: () => (/* reexport */ isMapVxRequestHostname),
   isValidCircleConfig: () => (/* reexport */ isValidCircleConfig),
@@ -5755,8 +5756,106 @@ __webpack_require__.d(__webpack_exports__, {
   loadStyles: () => (/* binding */ loadStyles)
 });
 
-;// ./src/infrastructure/cache/LRUCache.ts
+;// ./src/infrastructure/cache/cacheConfig.ts
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Cache configuration types and defaults
+ * Defines the configuration options for the caching system
+ * @module cacheConfig
+ */
+
+/**
+ * Cache types available in the SDK
+ * @group Configuration
+ */
+
+/**
+ * Configuration for a single cache instance
+ * @group Configuration
+ */
+
+/**
+ * Configuration for the CacheManager
+ * @group Configuration
+ */
+
+/**
+ * Default maximum storage size: 5MB
+ */
+var DEFAULT_MAX_STORAGE_BYTES = 5 * 1024 * 1024;
+
+/**
+ * Default cache configurations per type
+ * These values balance memory usage with performance
+ */
+var DEFAULT_CACHE_CONFIGS = {
+  places: {
+    maxItems: 500,
+    ttlMs: 30 * 60 * 1000,
+    // 30 minutes
+    persistenceKey: "mvx_places"
+  },
+  routes: {
+    maxItems: 100,
+    ttlMs: 5 * 60 * 1000,
+    // 5 minutes
+    persistenceKey: "mvx_routes"
+  },
+  accessibleRoutes: {
+    maxItems: 100,
+    ttlMs: 5 * 60 * 1000,
+    // 5 minutes
+    persistenceKey: "mvx_accessible_routes"
+  },
+  configurations: {
+    maxItems: 10,
+    ttlMs: 60 * 60 * 1000,
+    // 1 hour
+    persistenceKey: "mvx_configurations"
+  },
+  categories: {
+    maxItems: 20,
+    ttlMs: 60 * 60 * 1000,
+    // 1 hour
+    persistenceKey: "mvx_categories"
+  },
+  vehicles: {
+    maxItems: 50,
+    ttlMs: 60 * 1000,
+    // 1 minute
+    persistenceKey: "mvx_vehicles"
+  },
+  stops: {
+    maxItems: 100,
+    ttlMs: 60 * 1000,
+    // 1 minute
+    persistenceKey: "mvx_stops"
+  },
+  subPlaces: {
+    maxItems: 200,
+    ttlMs: 15 * 60 * 1000,
+    // 15 minutes
+    persistenceKey: "mvx_subplaces"
+  }
+};
+
+/**
+ * Merges user config with defaults for a specific cache type
+ * @param cacheType - The type of cache
+ * @param userConfig - Optional user-provided configuration
+ * @returns Complete cache configuration
+ */
+function getCacheConfig(cacheType, userConfig) {
+  var defaultConfig = DEFAULT_CACHE_CONFIGS[cacheType];
+  return _objectSpread(_objectSpread({}, defaultConfig), userConfig);
+}
+;// ./src/infrastructure/cache/LRUCache.ts
+function LRUCache_typeof(o) { "@babel/helpers - typeof"; return LRUCache_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, LRUCache_typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
@@ -5765,11 +5864,11 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, LRUCache_toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function LRUCache_defineProperty(e, r, t) { return (r = LRUCache_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function LRUCache_toPropertyKey(t) { var i = LRUCache_toPrimitive(t, "string"); return "symbol" == LRUCache_typeof(i) ? i : i + ""; }
+function LRUCache_toPrimitive(t, r) { if ("object" != LRUCache_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != LRUCache_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * Internal cache entry structure
  */
@@ -5796,10 +5895,10 @@ var LRUCache = /*#__PURE__*/function () {
   function LRUCache(config) {
     _classCallCheck(this, LRUCache);
     // Hit rate tracking
-    _defineProperty(this, "hits", 0);
-    _defineProperty(this, "misses", 0);
+    LRUCache_defineProperty(this, "hits", 0);
+    LRUCache_defineProperty(this, "misses", 0);
     // Monotonic counter for LRU ordering (avoids issues with same-millisecond operations)
-    _defineProperty(this, "accessCounter", 0);
+    LRUCache_defineProperty(this, "accessCounter", 0);
     this.cache = new Map();
     this.maxItems = config.maxItems;
     this.ttlMs = config.ttlMs;
@@ -5967,104 +6066,6 @@ var LRUCache = /*#__PURE__*/function () {
     }
   }]);
 }();
-;// ./src/infrastructure/cache/cacheConfig.ts
-function cacheConfig_typeof(o) { "@babel/helpers - typeof"; return cacheConfig_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, cacheConfig_typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { cacheConfig_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function cacheConfig_defineProperty(e, r, t) { return (r = cacheConfig_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function cacheConfig_toPropertyKey(t) { var i = cacheConfig_toPrimitive(t, "string"); return "symbol" == cacheConfig_typeof(i) ? i : i + ""; }
-function cacheConfig_toPrimitive(t, r) { if ("object" != cacheConfig_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != cacheConfig_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * Cache configuration types and defaults
- * Defines the configuration options for the caching system
- * @module cacheConfig
- */
-
-/**
- * Cache types available in the SDK
- * @group Configuration
- */
-
-/**
- * Configuration for a single cache instance
- * @group Configuration
- */
-
-/**
- * Configuration for the CacheManager
- * @group Configuration
- */
-
-/**
- * Default maximum storage size: 5MB
- */
-var DEFAULT_MAX_STORAGE_BYTES = 5 * 1024 * 1024;
-
-/**
- * Default cache configurations per type
- * These values balance memory usage with performance
- */
-var DEFAULT_CACHE_CONFIGS = {
-  places: {
-    maxItems: 500,
-    ttlMs: 30 * 60 * 1000,
-    // 30 minutes
-    persistenceKey: "mvx_places"
-  },
-  routes: {
-    maxItems: 100,
-    ttlMs: 5 * 60 * 1000,
-    // 5 minutes
-    persistenceKey: "mvx_routes"
-  },
-  accessibleRoutes: {
-    maxItems: 100,
-    ttlMs: 5 * 60 * 1000,
-    // 5 minutes
-    persistenceKey: "mvx_accessible_routes"
-  },
-  configurations: {
-    maxItems: 10,
-    ttlMs: 60 * 60 * 1000,
-    // 1 hour
-    persistenceKey: "mvx_configurations"
-  },
-  categories: {
-    maxItems: 20,
-    ttlMs: 60 * 60 * 1000,
-    // 1 hour
-    persistenceKey: "mvx_categories"
-  },
-  vehicles: {
-    maxItems: 50,
-    ttlMs: 60 * 1000,
-    // 1 minute
-    persistenceKey: "mvx_vehicles"
-  },
-  stops: {
-    maxItems: 100,
-    ttlMs: 60 * 1000,
-    // 1 minute
-    persistenceKey: "mvx_stops"
-  },
-  subPlaces: {
-    maxItems: 200,
-    ttlMs: 15 * 60 * 1000,
-    // 15 minutes
-    persistenceKey: "mvx_subplaces"
-  }
-};
-
-/**
- * Merges user config with defaults for a specific cache type
- * @param cacheType - The type of cache
- * @param userConfig - Optional user-provided configuration
- * @returns Complete cache configuration
- */
-function getCacheConfig(cacheType, userConfig) {
-  var defaultConfig = DEFAULT_CACHE_CONFIGS[cacheType];
-  return _objectSpread(_objectSpread({}, defaultConfig), userConfig);
-}
 ;// ./src/infrastructure/cache/PersistentCache.ts
 function PersistentCache_typeof(o) { "@babel/helpers - typeof"; return PersistentCache_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, PersistentCache_typeof(o); }
 function PersistentCache_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = PersistentCache_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -6798,7 +6799,7 @@ var rollbar_umd_min_default = /*#__PURE__*/__webpack_require__.n(rollbar_umd_min
 // version placeholder is replaced with the package version by
 // scripts/inject-build-defines.js. The access token falls back to the MapVX
 // SDK-web Rollbar project token when none is injected at build time.
-var SDK_VERSION =  true ? "1.2.3-dev.3" : 0;
+var SDK_VERSION =  true ? "1.2.3" : 0;
 var ACCESS_TOKEN =  false ? 0 : "28279d52df43411ebd138c2bee0ab1df";
 var _rollbarConfig = {
   accessToken: ACCESS_TOKEN,
@@ -6845,7 +6846,7 @@ function logger_toPrimitive(t, r) { if ("object" != logger_typeof(t) || !t) retu
 // by scripts/inject-build-defines.js. The Countly key falls back to the
 // MapVX key when none is injected at build time.
 var IS_DEBUG =  true ? false : 0;
-var logger_SDK_VERSION =  true ? "1.2.3-dev.3" : 0;
+var logger_SDK_VERSION =  true ? "1.2.3" : 0;
 var COUNTLY_API_KEY =  false ? 0 : "f0c8d3b96d336e857a8628f49dd1baf7d7add0e9";
 var logger_countly = {
   apiKey: COUNTLY_API_KEY,
@@ -7222,7 +7223,7 @@ var userLocationDataUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w
  * Generates a data URL for the route animation icon SVG with customizable appearance.
  *
  * @param config - Optional configuration for the icon appearance.
- * @param config.backgroundColor - The background color of the circle (default: "#0076B6").
+ * @param config.backgroundColor - The background color of the circle (default: "#276EF1").
  * @param config.arrowColor - The color of the arrow (default: "#FFFFFF").
  * @param config.arrowWidth - The stroke width of the arrow path in pixels (default: 0).
  * @param config.borderWidth - The border width of the circle in pixels (default: 0).
@@ -7254,7 +7255,7 @@ var userLocationDataUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w
  */
 function createRouteAnimationIconDataUrl(config) {
   var _config$backgroundCol, _config$arrowColor, _config$arrowWidth, _config$borderWidth, _config$borderColor, _config$blur;
-  var backgroundColor = (_config$backgroundCol = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _config$backgroundCol !== void 0 ? _config$backgroundCol : "#0076B6";
+  var backgroundColor = (_config$backgroundCol = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _config$backgroundCol !== void 0 ? _config$backgroundCol : "#276EF1";
   var arrowColor = (_config$arrowColor = config === null || config === void 0 ? void 0 : config.arrowColor) !== null && _config$arrowColor !== void 0 ? _config$arrowColor : "#FFFFFF";
   var arrowWidth = (_config$arrowWidth = config === null || config === void 0 ? void 0 : config.arrowWidth) !== null && _config$arrowWidth !== void 0 ? _config$arrowWidth : 0;
   var borderWidth = (_config$borderWidth = config === null || config === void 0 ? void 0 : config.borderWidth) !== null && _config$borderWidth !== void 0 ? _config$borderWidth : 0;
@@ -7273,7 +7274,7 @@ function createRouteAnimationIconDataUrl(config) {
   var filterId = blur > 0 ? "blurFilter" : "";
   var filterDef = blur > 0 ? "<defs><filter id=\"".concat(filterId, "\"><feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"").concat(blur, "\"/></filter></defs>") : "";
   var filterAttr = blur > 0 ? "filter=\"url(#".concat(filterId, ")\"") : "";
-  var svg = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 40 40\" style=\"enable-background:new 0 0 40 40;\" xml:space=\"preserve\">\n".concat(filterDef, "\n<g ").concat(filterAttr, ">\n\t<circle cx=\"20\" cy=\"20\" r=\"20\" style=\"").concat(circleStyle).concat(circleStroke, "\"/>\n\t<path style=\"").concat(arrowStyle).concat(arrowStroke, "\" d=\"M12.4,29.7c-0.2,0.1-0.4,0.1-0.6,0.1c-0.2,0-0.4-0.1-0.5-0.3c-0.2-0.1-0.2-0.3-0.3-0.5c0-0.2,0-0.4,0.1-0.6\n\t\tl8.2-17.8c0.2-0.4,0.5-0.6,0.9-0.6c0.4,0,0.7,0.2,0.9,0.6l7.9,17.9c0.1,0.2,0.1,0.4,0.1,0.6c0,0.2-0.1,0.4-0.3,0.5\n\t\tc-0.1,0.1-0.3,0.2-0.5,0.3c-0.2,0-0.4,0-0.6-0.1L20,26.5L12.4,29.7z M13.9,27l6.1-2.6l6.1,2.7l-6-13.8L13.9,27z\"/>\n</g>\n</svg>");
+  var svg = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n".concat(filterDef, "\n<g ").concat(filterAttr, ">\n\t<circle cx=\"15\" cy=\"15\" r=\"15\" style=\"").concat(circleStyle).concat(circleStroke, "\"/>\n\t<path style=\"").concat(arrowStyle).concat(arrowStroke, "\" d=\"M16.4471 7.26386C16.2568 6.80696 15.808 6.51052 15.3131 6.51052C14.8181 6.51052 14.3693 6.80696 14.179 7.26386L8.52211 20.7533C8.29366 21.2972 8.48404 21.9227 8.97085 22.2518C9.45767 22.5809 10.1104 22.5156 10.5265 22.0995L15.3131 17.3129L20.0996 22.0995C20.5157 22.5156 21.1657 22.5782 21.6553 22.2518C22.1448 21.9254 22.3325 21.2972 22.104 20.7533L16.4471 7.26386Z\"/>\n</g>\n</svg>");
 
   // Encode the SVG as a data URL
   var encodedSvg = encodeURIComponent(svg);
@@ -7281,7 +7282,7 @@ function createRouteAnimationIconDataUrl(config) {
 }
 
 /**
- * Default route animation icon data URL with blue background (#0076B6) and white arrow (#FFFFFF).
+ * Default route animation icon data URL with blue background (#276EF1) and white arrow (#FFFFFF).
  * This constant is maintained for backward compatibility.
  *
  * @example
@@ -7403,6 +7404,10 @@ function getBoundingBox(points) {
   return [southwest, northeast];
 }
 ;// ./src/domain/models/marker.ts
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || marker_unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return marker_arrayLikeToArray(r); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == marker_typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
@@ -7411,6 +7416,9 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 function marker_typeof(o) { "@babel/helpers - typeof"; return marker_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, marker_typeof(o); }
+function marker_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = marker_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function marker_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return marker_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? marker_arrayLikeToArray(r, a) : void 0; } }
+function marker_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function marker_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function marker_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, marker_toPropertyKey(o.key), o); } }
 function marker_createClass(e, r, t) { return r && marker_defineProperties(e.prototype, r), t && marker_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -7514,82 +7522,104 @@ var MarkerUtils = /*#__PURE__*/function () {
      * ```
      */
     function createMarkerElement(marker) {
-      var _marker$iconPropertie, _marker$iconPropertie2, _marker$iconPropertie3, _marker$iconPropertie4;
       var markerContainer = document.createElement("div");
-
-      // Configure specific marker dimensions
-      var iconWidth = (_marker$iconPropertie = (_marker$iconPropertie2 = marker.iconProperties) === null || _marker$iconPropertie2 === void 0 ? void 0 : _marker$iconPropertie2.width) !== null && _marker$iconPropertie !== void 0 ? _marker$iconPropertie : 40;
-      var iconHeight = (_marker$iconPropertie3 = (_marker$iconPropertie4 = marker.iconProperties) === null || _marker$iconPropertie4 === void 0 ? void 0 : _marker$iconPropertie4.height) !== null && _marker$iconPropertie3 !== void 0 ? _marker$iconPropertie3 : 40;
-
-      // Apply base class
       markerContainer.className = "mapvx-marker";
-
-      // Configure classes and dimensions based on text presence
-      if (marker.text) {
-        // If text exists, adjust layout according to position
-        switch (marker.textPosition) {
-          case TextPosition.top:
-          case TextPosition.bottom:
-            markerContainer.classList.add("text-column");
-            markerContainer.style.width = "".concat(Math.max(iconWidth, 200), "px");
-            markerContainer.style.height = "auto";
-            break;
-          case TextPosition.left:
-          case TextPosition.right:
-          default:
-            markerContainer.classList.add("text-row");
-            markerContainer.style.width = "auto";
-            markerContainer.style.height = "".concat(iconHeight, "px");
-            break;
+      this.applyContainerLayout(markerContainer, marker);
+      var _iterator = marker_createForOfIteratorHelper(this.createMarkerChildren(marker)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          markerContainer.appendChild(child);
         }
-      } else {
-        // No text, use fixed icon dimensions as in official example
-        markerContainer.classList.add("no-text");
-        markerContainer.style.width = "".concat(iconWidth, "px");
-        markerContainer.style.height = "".concat(iconHeight, "px");
-      }
-      markerContainer.addEventListener("click", function () {
-        var _marker$onClick;
-        (_marker$onClick = marker.onClick) === null || _marker$onClick === void 0 || _marker$onClick.call(marker);
-      });
-      if (marker.element) {
-        markerContainer.appendChild(marker.element);
-        return this.setAndCreateText(marker, markerContainer, "".concat(iconHeight, "px"), "".concat(iconWidth, "px"));
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
+      return markerContainer;
+    }
 
-      // Create elements in correct order according to textPosition
-      var iconElement = this.createIconElement(marker, iconWidth, iconHeight);
-      var textElement = marker.text ? this.createTextContainer(typeof marker.text === "string" ? this.createTextElement(marker.text, marker.textProperties) : marker.text, marker.textPosition) : null;
+    /**
+     * Applies the marker container's own classes and box size from a config.
+     * Shared by {@link createMarkerElement} and {@link MarkerAttribute.updateIcon}
+     * so create and update stay in sync (single source of truth for which state
+     * classes exist and how the anchored box is sized). It is idempotent, so it
+     * also resets stale state when reused to update an existing element.
+     *
+     * @param container - The `.mapvx-marker` element to configure
+     * @param marker - Marker configuration
+     */
+  }, {
+    key: "applyContainerLayout",
+    value: function applyContainerLayout(container, marker) {
+      // Reset the state classes we own (no-op on a fresh element).
+      container.classList.remove("no-text", "interactive");
 
-      // Add elements in correct order
-      if (marker.textPosition === TextPosition.top || marker.textPosition === TextPosition.left) {
-        if (textElement) markerContainer.appendChild(textElement);
-        markerContainer.appendChild(iconElement);
+      // The container box equals the icon box so the out-of-flow label never
+      // displaces the icon from the coordinate MapLibre anchors. A caller-
+      // provided `element` owns its own size, so we let the box size to it.
+      if (marker.element) {
+        container.style.width = "";
+        container.style.height = "";
       } else {
-        markerContainer.appendChild(iconElement);
-        if (textElement) markerContainer.appendChild(textElement);
+        var _marker$iconPropertie, _marker$iconPropertie2, _marker$iconPropertie3, _marker$iconPropertie4;
+        var iconWidth = (_marker$iconPropertie = (_marker$iconPropertie2 = marker.iconProperties) === null || _marker$iconPropertie2 === void 0 ? void 0 : _marker$iconPropertie2.width) !== null && _marker$iconPropertie !== void 0 ? _marker$iconPropertie : 40;
+        var iconHeight = (_marker$iconPropertie3 = (_marker$iconPropertie4 = marker.iconProperties) === null || _marker$iconPropertie4 === void 0 ? void 0 : _marker$iconPropertie4.height) !== null && _marker$iconPropertie3 !== void 0 ? _marker$iconPropertie3 : 40;
+        container.style.width = "".concat(iconWidth, "px");
+        container.style.height = "".concat(iconHeight, "px");
+      }
+      if (!marker.text) {
+        container.classList.add("no-text");
+      }
+
+      // Only flag the marker interactive when it actually handles clicks: this
+      // flips the out-of-flow label's pointer-events to auto (see styles.css)
+      // so the label is hit-testable, while non-clickable labels stay
+      // click-through and never block the map.
+      if (marker.onClick) {
+        container.classList.add("interactive");
       }
-      return markerContainer;
     }
 
     /**
-     * Sets up text positioning and styling for the marker.
+     * Builds the in-order children for a marker container: the icon (or the
+     * caller-provided element) followed by the optional out-of-flow label. DOM
+     * order is irrelevant for placement — the .text-container position classes
+     * (top/bottom/left/right) lay the label out around the icon.
      *
-     * @param markerConfig - Configuration object containing text properties
-     * @param container - Container element where text will be added
-     * @param iconHeight - Height of the icon for positioning calculations
-     * @param iconWidth - Width of the icon for positioning calculations
-     * @returns Container element with properly positioned text
+     * @param marker - Marker configuration
+     * @returns The child elements to append to the container
      */
   }, {
-    key: "setAndCreateText",
-    value: function setAndCreateText(markerConfig, container, iconHeight, iconWidth) {
-      if (markerConfig.text) {
-        var textElement = typeof markerConfig.text === "string" ? this.createTextElement(markerConfig.text, markerConfig.textProperties) : markerConfig.text;
-        var textContainer = this.createTextContainer(textElement, markerConfig.textPosition);
-        container.appendChild(textContainer);
+    key: "createMarkerChildren",
+    value: function createMarkerChildren(marker) {
+      var children = [];
+      if (marker.element) {
+        children.push(marker.element);
+      } else {
+        var _marker$iconPropertie5, _marker$iconPropertie6, _marker$iconPropertie7, _marker$iconPropertie8;
+        var iconWidth = (_marker$iconPropertie5 = (_marker$iconPropertie6 = marker.iconProperties) === null || _marker$iconPropertie6 === void 0 ? void 0 : _marker$iconPropertie6.width) !== null && _marker$iconPropertie5 !== void 0 ? _marker$iconPropertie5 : 40;
+        var iconHeight = (_marker$iconPropertie7 = (_marker$iconPropertie8 = marker.iconProperties) === null || _marker$iconPropertie8 === void 0 ? void 0 : _marker$iconPropertie8.height) !== null && _marker$iconPropertie7 !== void 0 ? _marker$iconPropertie7 : 40;
+        children.push(this.createIconElement(marker, iconWidth, iconHeight));
       }
-      return container;
+      if (marker.text) {
+        children.push(this.buildTextContainer(marker));
+      }
+      return children;
+    }
+
+    /**
+     * Builds the positioned label container for a marker.
+     *
+     * @param marker - Marker configuration; `text` is assumed to be set
+     * @returns The `.text-container` element ready to append
+     */
+  }, {
+    key: "buildTextContainer",
+    value: function buildTextContainer(marker) {
+      var textElement = typeof marker.text === "string" ? this.createTextElement(marker.text, marker.textProperties) : marker.text;
+      return this.createTextContainer(textElement, marker.textPosition);
     }
 
     /**
@@ -7623,7 +7653,8 @@ var MarkerUtils = /*#__PURE__*/function () {
 
     /**
      * Creates a text container with proper positioning using CSS classes.
-     * Uses natural block/flex layout without absolute positioning.
+     * The container is absolutely positioned (out of flow) so the label
+     * never grows the marker's anchored box.
      *
      * @param textElement - The text element to contain
      * @param textPosition - Desired position relative to the icon
@@ -7675,11 +7706,11 @@ var MarkerUtils = /*#__PURE__*/function () {
   }, {
     key: "createIcon",
     value: function createIcon(marker) {
-      var _marker$iconPropertie5, _marker$iconPropertie6, _marker$iconPropertie7, _marker$iconPropertie8;
+      var _marker$iconPropertie9, _marker$iconPropertie0, _marker$iconPropertie1, _marker$iconPropertie10;
       var image = document.createElement("img");
       image.src = typeof marker.icon == "string" ? marker.icon : "";
-      image.width = (_marker$iconPropertie5 = (_marker$iconPropertie6 = marker.iconProperties) === null || _marker$iconPropertie6 === void 0 ? void 0 : _marker$iconPropertie6.width) !== null && _marker$iconPropertie5 !== void 0 ? _marker$iconPropertie5 : 40;
-      image.height = (_marker$iconPropertie7 = (_marker$iconPropertie8 = marker.iconProperties) === null || _marker$iconPropertie8 === void 0 ? void 0 : _marker$iconPropertie8.height) !== null && _marker$iconPropertie7 !== void 0 ? _marker$iconPropertie7 : 40;
+      image.width = (_marker$iconPropertie9 = (_marker$iconPropertie0 = marker.iconProperties) === null || _marker$iconPropertie0 === void 0 ? void 0 : _marker$iconPropertie0.width) !== null && _marker$iconPropertie9 !== void 0 ? _marker$iconPropertie9 : 40;
+      image.height = (_marker$iconPropertie1 = (_marker$iconPropertie10 = marker.iconProperties) === null || _marker$iconPropertie10 === void 0 ? void 0 : _marker$iconPropertie10.height) !== null && _marker$iconPropertie1 !== void 0 ? _marker$iconPropertie1 : 40;
       image.style.objectFit = "contain";
       image.style.filter = "drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))";
       return image;
@@ -7748,6 +7779,12 @@ var MarkerAttribute = /*#__PURE__*/function (_Marker) {
    * Used for indoor navigation and floor-specific marker management.
    */
 
+  /**
+   * Current click handler for the marker. Stored on the instance (rather than
+   * captured in the DOM listener's closure) so {@link updateIcon} can swap it
+   * without leaving the original handler attached to MapLibre's element.
+   */
+
   /**
    * Constructs a new `MarkerAttribute` object with the specified properties.
    *
@@ -7773,6 +7810,14 @@ var MarkerAttribute = /*#__PURE__*/function (_Marker) {
       anchor: (_markerConfig$anchor = markerConfig.anchor) !== null && _markerConfig$anchor !== void 0 ? _markerConfig$anchor : "center",
       offset: [0, 0]
     }]);
+
+    // Route clicks through an instance-level handler so the latest onClick is
+    // always invoked, even after updateIcon replaces the marker content.
+    _this._userOnClick = markerConfig.onClick;
+    _this._element.addEventListener("click", function () {
+      var _this$_userOnClick, _this2;
+      return (_this$_userOnClick = (_this2 = _this)._userOnClick) === null || _this$_userOnClick === void 0 ? void 0 : _this$_userOnClick.call(_this2);
+    });
     _this.setLngLat([markerConfig.coordinate.lng, markerConfig.coordinate.lat]);
     _this.setRotationAlignment((_markerConfig$rotatio = markerConfig.rotationAlignment) !== null && _markerConfig$rotatio !== void 0 ? _markerConfig$rotatio : "viewport");
     _this.setPitchAlignment("viewport");
@@ -7820,19 +7865,16 @@ var MarkerAttribute = /*#__PURE__*/function (_Marker) {
   }, {
     key: "updateIcon",
     value: function updateIcon(marker) {
-      var _marker$rotationAlign;
-      if (marker.element) {
-        this._element.innerHTML = "";
-        this._element.appendChild(marker.element);
-      } else {
-        var markerElement = MarkerUtils.createMarkerElement(marker);
-        var oldMarkerContent = this._element.querySelector("div");
-        var newMarkerContent = markerElement.querySelector("div");
-        if (newMarkerContent) {
-          var _oldMarkerContent$par;
-          oldMarkerContent === null || oldMarkerContent === void 0 || (_oldMarkerContent$par = oldMarkerContent.parentElement) === null || _oldMarkerContent$par === void 0 || _oldMarkerContent$par.replaceChild(newMarkerContent, oldMarkerContent);
-        }
-      }
+      var _this$_element, _marker$rotationAlign;
+      // Reconfigure the element MapLibre already holds in place, rather than
+      // building a throwaway element and grafting pieces of it. MapLibre owns the
+      // element's other classes and inline styles (transform, position), which
+      // must survive the update; we only reset our own classes/size and swap the
+      // children. Both create and update go through the same MarkerUtils helpers,
+      // so they cannot drift apart.
+      MarkerUtils.applyContainerLayout(this._element, marker);
+      (_this$_element = this._element).replaceChildren.apply(_this$_element, _toConsumableArray(MarkerUtils.createMarkerChildren(marker)));
+      this._userOnClick = marker.onClick;
       this.setRotationAlignment((_marker$rotationAlign = marker.rotationAlignment) !== null && _marker$rotationAlign !== void 0 ? _marker$rotationAlign : "viewport");
       this.setPitchAlignment("viewport");
       if (typeof marker.rotation === "number") {
@@ -8143,10 +8185,10 @@ nav_functions_defineProperty(NavFunctions, "EARTH_RADIUS", 6378000);
 function routeController_typeof(o) { "@babel/helpers - typeof"; return routeController_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, routeController_typeof(o); }
 function routeController_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function routeController_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? routeController_ownKeys(Object(t), !0).forEach(function (r) { routeController_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : routeController_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || routeController_unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return routeController_arrayLikeToArray(r); }
+function routeController_toConsumableArray(r) { return routeController_arrayWithoutHoles(r) || routeController_iterableToArray(r) || routeController_unsupportedIterableToArray(r) || routeController_nonIterableSpread(); }
+function routeController_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function routeController_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function routeController_arrayWithoutHoles(r) { if (Array.isArray(r)) return routeController_arrayLikeToArray(r); }
 function routeController_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = routeController_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function routeController_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return routeController_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? routeController_arrayLikeToArray(r, a) : void 0; } }
 function routeController_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -8521,7 +8563,7 @@ var RouteController = /*#__PURE__*/function () {
           throw new Error("Error: position array has different length than colors array");
         }
         var stops = createStops(positionsToUse, colors);
-        var gradient = ["interpolate", ["linear"], ["line-progress"]].concat(_toConsumableArray(stops));
+        var gradient = ["interpolate", ["linear"], ["line-progress"]].concat(routeController_toConsumableArray(stops));
         return {
           "line-color": null,
           "line-gradient": gradient,
@@ -8768,7 +8810,7 @@ var RouteController = /*#__PURE__*/function () {
       this.removeSourcesAndLayersForRoute(instance);
       this.routes["delete"](instance.id);
       if (this.lastAddedRouteId === instance.id) {
-        var remaining = _toConsumableArray(this.routes.keys());
+        var remaining = routeController_toConsumableArray(this.routes.keys());
         this.lastAddedRouteId = remaining.length > 0 ? remaining[remaining.length - 1] : undefined;
       }
     }
@@ -8803,7 +8845,7 @@ var RouteController = /*#__PURE__*/function () {
   }, {
     key: "getRouteIds",
     value: function getRouteIds() {
-      return _toConsumableArray(this.routes.keys());
+      return routeController_toConsumableArray(this.routes.keys());
     }
   }, {
     key: "internalPause",
@@ -9533,6 +9575,16 @@ function InternalDrawRouteConfiguration(config) {
 /**
  * Interface that represent a place with their id.
  * @group Routes
+ * @example
+ * ```typescript
+ * // Resolve an internal alias that is reused across several malls by
+ * // pinning the building (and, optionally, the floor) it belongs to.
+ * const origin: IdLocation = {
+ *   id: "store-204",      // integrator alias, may repeat across buildings
+ *   buildingId: "mall-santiago",
+ *   floorId: "level-2",   // takes precedence over `level`
+ * }
+ * ```
  */
 
 /**
@@ -9587,11 +9639,11 @@ var InternalAnimationDrawingConfig = /*#__PURE__*/function () {
     animation_classCallCheck(this, InternalAnimationDrawingConfig);
     this.aheadPathStyle = (_data$aheadPathStyle = data.aheadPathStyle) !== null && _data$aheadPathStyle !== void 0 ? _data$aheadPathStyle : {
       type: "Solid",
-      color: "#757575"
+      color: "#0C0C0C"
     };
     this.behindPathStyle = (_data$behindPathStyle = data.behindPathStyle) !== null && _data$behindPathStyle !== void 0 ? _data$behindPathStyle : {
       type: "Solid",
-      color: "#0076B6"
+      color: "#276EF1"
     };
     this.polylineWidth = (_data$polylineWidth = data.polylineWidth) !== null && _data$polylineWidth !== void 0 ? _data$polylineWidth : 10;
     if (data.routeIcon != null) {
@@ -11749,19 +11801,109 @@ var Requester = /*#__PURE__*/function () {
       function fetchAnySubPlaces(_x20, _x21) {
         return _fetchAnySubPlaces.apply(this, arguments);
       }
-      return fetchAnySubPlaces;
-    }()
+      return fetchAnySubPlaces;
+    }()
+    /**
+     * Build the cleaned query parameters for a route request.
+     *
+     * Resolves both the origin (`from*`) and destination (`to*`) sides of the route
+     * from the provided configuration. For {@link IdLocation} endpoints this also
+     * forwards the building (`fromBuilding`/`toBuilding`) and floor
+     * (`fromFloor`/`toFloor`) so internal aliases that are reused across buildings
+     * can be disambiguated. Parameters that resolve to `null`/`undefined` are dropped.
+     * @param routeConfig The route configuration to translate into query params.
+     * @returns The cleaned query parameters ready to be appended to the request URL.
+     */
+    )
+  }, {
+    key: "buildRouteParams",
+    value: function buildRouteParams(routeConfig) {
+      var params = {
+        fromLatLng: undefined,
+        fromBuilding: undefined,
+        fromFloor: undefined,
+        toLatLng: undefined,
+        toBuilding: undefined,
+        toFloor: undefined,
+        fromPlaceId: undefined,
+        toPlaceId: undefined,
+        travelMode: TransportationMode.walking,
+        reducedMobility: routeConfig.preferAccessibleRoute ? 1 : 0,
+        announceFormat: routeConfig.announceFormat,
+        userBearing: routeConfig.userBearing,
+        lang: this.lang,
+        unitSystem: routeConfig.unitSystem
+      };
+      if ("id" in routeConfig.initialLocation) {
+        var _routeConfig$initialL = routeConfig.initialLocation,
+          id = _routeConfig$initialL.id,
+          buildingId = _routeConfig$initialL.buildingId,
+          floorId = _routeConfig$initialL.floorId,
+          level = _routeConfig$initialL.level;
+        params.fromPlaceId = id;
+        if (buildingId !== undefined) {
+          params.fromBuilding = buildingId;
+        }
+        if (floorId !== undefined) {
+          params.fromFloor = floorId;
+        } else if (level !== undefined) {
+          params.fromFloor = level;
+        }
+      } else {
+        var _routeConfig$initialL2 = routeConfig.initialLocation,
+          lat = _routeConfig$initialL2.lat,
+          lng = _routeConfig$initialL2.lng,
+          _floorId = _routeConfig$initialL2.floorId,
+          placeId = _routeConfig$initialL2.placeId;
+        params.fromLatLng = "".concat(lat, ",").concat(lng);
+        params.fromFloor = _floorId;
+        params.fromBuilding = placeId;
+      }
+      if ("id" in routeConfig.finalLocation) {
+        var _routeConfig$finalLoc = routeConfig.finalLocation,
+          _id = _routeConfig$finalLoc.id,
+          _buildingId = _routeConfig$finalLoc.buildingId,
+          _floorId2 = _routeConfig$finalLoc.floorId,
+          _level = _routeConfig$finalLoc.level;
+        params.toPlaceId = _id;
+        if (_buildingId !== undefined) {
+          params.toBuilding = _buildingId;
+        }
+        if (_floorId2 !== undefined) {
+          params.toFloor = _floorId2;
+        } else if (_level !== undefined) {
+          params.toFloor = _level;
+        }
+      } else {
+        var _routeConfig$finalLoc2 = routeConfig.finalLocation,
+          _lat = _routeConfig$finalLoc2.lat,
+          _lng = _routeConfig$finalLoc2.lng,
+          _floorId3 = _routeConfig$finalLoc2.floorId,
+          _placeId = _routeConfig$finalLoc2.placeId;
+        params.toLatLng = "".concat(_lat, ",").concat(_lng);
+        params.toFloor = _floorId3;
+        params.toBuilding = _placeId;
+      }
+      var cleanParams = {};
+      for (var key in params) {
+        var value = params[key];
+        if (value != null) {
+          cleanParams[key] = value;
+        }
+      }
+      return cleanParams;
+    }
+
     /**
      * To obtain the route
      * @param routeConfig
      * @returns
      */
-    )
   }, {
     key: "fetchRoute",
     value: (function () {
       var _fetchRoute = requester_asyncToGenerator(/*#__PURE__*/requester_regenerator().m(function _callee10(routeConfig, token) {
-        var options, params, _routeConfig$initialL, lat, lng, floorId, placeId, _routeConfig$finalLoc, _lat, _lng, _floorId, _placeId, cleanParams, key, value;
+        var options, cleanParams;
         return requester_regenerator().w(function (_context10) {
           while (1) switch (_context10.n) {
             case 0:
@@ -11772,51 +11914,7 @@ var Requester = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(token)
                 }
               };
-              params = {
-                fromLatLng: undefined,
-                fromBuilding: undefined,
-                fromFloor: undefined,
-                toLatLng: undefined,
-                toBuilding: undefined,
-                toFloor: undefined,
-                fromPlaceId: undefined,
-                toPlaceId: undefined,
-                travelMode: TransportationMode.walking,
-                reducedMobility: routeConfig.preferAccessibleRoute ? 1 : 0,
-                announceFormat: routeConfig.announceFormat,
-                userBearing: routeConfig.userBearing,
-                lang: this.lang,
-                unitSystem: routeConfig.unitSystem
-              };
-              if ("id" in routeConfig.initialLocation) {
-                params.fromPlaceId = routeConfig.initialLocation.id;
-                if (routeConfig.initialLocation.level !== undefined) {
-                  params.fromFloor = routeConfig.initialLocation.level;
-                }
-              } else {
-                _routeConfig$initialL = routeConfig.initialLocation, lat = _routeConfig$initialL.lat, lng = _routeConfig$initialL.lng, floorId = _routeConfig$initialL.floorId, placeId = _routeConfig$initialL.placeId;
-                params.fromLatLng = "".concat(lat, ",").concat(lng);
-                params.fromFloor = floorId;
-                params.fromBuilding = placeId;
-              }
-              if ("id" in routeConfig.finalLocation) {
-                params.toPlaceId = routeConfig.finalLocation.id;
-                if (routeConfig.finalLocation.level !== undefined) {
-                  params.toFloor = routeConfig.finalLocation.level;
-                }
-              } else {
-                _routeConfig$finalLoc = routeConfig.finalLocation, _lat = _routeConfig$finalLoc.lat, _lng = _routeConfig$finalLoc.lng, _floorId = _routeConfig$finalLoc.floorId, _placeId = _routeConfig$finalLoc.placeId;
-                params.toLatLng = "".concat(_lat, ",").concat(_lng);
-                params.toFloor = _floorId;
-                params.toBuilding = _placeId;
-              }
-              cleanParams = {};
-              for (key in params) {
-                value = params[key];
-                if (value != null) {
-                  cleanParams[key] = value;
-                }
-              }
+              cleanParams = this.buildRouteParams(routeConfig);
               return _context10.a(2, this.fetchFromUrl(this.routeBaseUrl + "route", cleanParams, options));
           }
         }, _callee10, this);
@@ -11836,7 +11934,7 @@ var Requester = /*#__PURE__*/function () {
     key: "fetchRouteV2",
     value: (function () {
       var _fetchRouteV = requester_asyncToGenerator(/*#__PURE__*/requester_regenerator().m(function _callee11(routeConfig, token) {
-        var options, params, _routeConfig$initialL2, lat, lng, floorId, placeId, _routeConfig$finalLoc2, _lat2, _lng2, _floorId2, _placeId2, cleanParams, key, value;
+        var options, cleanParams;
         return requester_regenerator().w(function (_context11) {
           while (1) switch (_context11.n) {
             case 0:
@@ -11847,51 +11945,7 @@ var Requester = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(token)
                 }
               };
-              params = {
-                fromLatLng: undefined,
-                fromBuilding: undefined,
-                fromFloor: undefined,
-                toLatLng: undefined,
-                toBuilding: undefined,
-                toFloor: undefined,
-                fromPlaceId: undefined,
-                toPlaceId: undefined,
-                travelMode: TransportationMode.walking,
-                reducedMobility: routeConfig.preferAccessibleRoute ? 1 : 0,
-                announceFormat: routeConfig.announceFormat,
-                userBearing: routeConfig.userBearing,
-                lang: this.lang,
-                unitSystem: routeConfig.unitSystem
-              };
-              if ("id" in routeConfig.initialLocation) {
-                params.fromPlaceId = routeConfig.initialLocation.id;
-                if (routeConfig.initialLocation.level !== undefined) {
-                  params.fromFloor = routeConfig.initialLocation.level;
-                }
-              } else {
-                _routeConfig$initialL2 = routeConfig.initialLocation, lat = _routeConfig$initialL2.lat, lng = _routeConfig$initialL2.lng, floorId = _routeConfig$initialL2.floorId, placeId = _routeConfig$initialL2.placeId;
-                params.fromLatLng = "".concat(lat, ",").concat(lng);
-                params.fromFloor = floorId;
-                params.fromBuilding = placeId;
-              }
-              if ("id" in routeConfig.finalLocation) {
-                params.toPlaceId = routeConfig.finalLocation.id;
-                if (routeConfig.finalLocation.level !== undefined) {
-                  params.toFloor = routeConfig.finalLocation.level;
-                }
-              } else {
-                _routeConfig$finalLoc2 = routeConfig.finalLocation, _lat2 = _routeConfig$finalLoc2.lat, _lng2 = _routeConfig$finalLoc2.lng, _floorId2 = _routeConfig$finalLoc2.floorId, _placeId2 = _routeConfig$finalLoc2.placeId;
-                params.toLatLng = "".concat(_lat2, ",").concat(_lng2);
-                params.toFloor = _floorId2;
-                params.toBuilding = _placeId2;
-              }
-              cleanParams = {};
-              for (key in params) {
-                value = params[key];
-                if (value != null) {
-                  cleanParams[key] = value;
-                }
-              }
+              cleanParams = this.buildRouteParams(routeConfig);
               return _context11.a(2, this.fetchFromUrl(this.routeBaseUrl + "v2/route", cleanParams, options));
           }
         }, _callee11, this);
@@ -15226,7 +15280,7 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
     value: function updateRouteProgress(routeId, position) {
       var behindStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
         type: "Solid",
-        color: "#757575"
+        color: "#276EF1"
       };
       try {
         var behindConfig = new InternalDrawRouteConfiguration({
@@ -16940,13 +16994,29 @@ var InternalMapVXSDK = /*#__PURE__*/function (_Loggeable) {
  * @group Utils
  */
 
+/**
+ * Represents a category containing a image url.
+ * @group Utils
+ */
+
 /**
  * Represents a category containing an icon.
  * @group Utils
  */
 
 /**
- * Represents a basic category containing a logo or an icon.
+ * Holds the basic information of a category: its `id`, `name` and an optional `description`.
+ *
+ * A category may optionally carry a graphical representation, but it is not required.
+ * Depending on the available asset, a `BasicCategory` can be one of:
+ *
+ * - {@link BasicWithLogo} — the category provides a logo image (URL).
+ * - {@link BasicWithIcon} — the category provides a Font Awesome icon name (and optional style).
+ * - {@link BasicWithImageUrl} — the category provides an image URL for its icon.
+ * - {@link Basic} — the category carries no graphical information at all.
+ *
+ * Use the {@link isBasicWithLogo}, {@link isBasicWithIcon} and {@link isBasicWithImageUrl}
+ * type guards to narrow a `BasicCategory` and safely access its graphical asset.
  * @group Utils
  */
 
@@ -17000,132 +17070,36 @@ var InternalMapVXSDK = /*#__PURE__*/function (_Loggeable) {
  */
 
 /**
- * Checks if the category is a basic with logo.
- *  @group Utils
- * @param category
- * @returns
+ * Checks if the category carries a logo image.
+ * @group Utils
+ * @param category - The category to inspect.
+ * @returns `true` if the category exposes a non-empty `logo` URL, narrowing it to {@link BasicWithLogo}.
  */
 function isBasicWithLogo(category) {
-  return category.logo !== undefined;
+  var input = category;
+  return input.logo != null && input.logo !== "";
 }
 
 /**
- * Checks if the category is a basic with icon.
+ * Checks if the category carries a Font Awesome icon.
  * @group Utils
- * @param category
- * @returns
+ * @param category - The category to inspect.
+ * @returns `true` if the category exposes a non-empty `icon` name, narrowing it to {@link BasicWithIcon}.
  */
 function isBasicWithIcon(category) {
-  return category.icon !== undefined;
-}
-;// ./src/utils/update-css.ts
-function update_css_slicedToArray(r, e) { return update_css_arrayWithHoles(r) || update_css_iterableToArrayLimit(r, e) || update_css_unsupportedIterableToArray(r, e) || update_css_nonIterableRest(); }
-function update_css_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function update_css_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return update_css_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? update_css_arrayLikeToArray(r, a) : void 0; } }
-function update_css_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function update_css_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function update_css_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-/**
- * Load a CSS customization of a project.
- *
- * This function create a new HTML Style Element and add it to the current document.
- * Also activate the customization adding the first theme name to the body of the document.
- *
- * @group Utils
- * @param data The CSS customization data.
- */
-function loadCustomization(data) {
-  var style = document.createElement("style");
-  style.textContent = "";
-  for (var _i = 0, _Object$entries = Object.entries(data); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = update_css_slicedToArray(_Object$entries[_i], 2),
-      themeName = _Object$entries$_i[0],
-      themeData = _Object$entries$_i[1];
-    var cssClass = loadTheme(themeName, themeData);
-    style.textContent += cssClass;
-  }
-  document.head.appendChild(style);
-  var firstThemeName = Object.keys(data).at(0);
-  if (firstThemeName != null) {
-    document.body.classList.add(firstThemeName);
-  }
+  var input = category;
+  return input.icon != null && input.icon !== "";
 }
 
 /**
- * Process a theme.
- *
- * @group Utils
- * @param themeName The name of the Theme.
- * @param themeData The data of the Theme.
- * @returns A string with the processed theme to use on a CSS file.
- */
-function loadTheme(themeName, themeData) {
-  var cssClass = ".".concat(themeName, " {\n");
-  var definitions = themeData.definitions;
-  if (definitions != null) {
-    cssClass = loadDefinitions(definitions, cssClass);
-  }
-  for (var _i2 = 0, _Object$entries2 = Object.entries((_themeData$screens = themeData.screens) !== null && _themeData$screens !== void 0 ? _themeData$screens : {}); _i2 < _Object$entries2.length; _i2++) {
-    var _themeData$screens;
-    var _Object$entries2$_i = update_css_slicedToArray(_Object$entries2[_i2], 2),
-      screenName = _Object$entries2$_i[0],
-      screenData = _Object$entries2$_i[1];
-    for (var _i3 = 0, _Object$entries3 = Object.entries(screenData); _i3 < _Object$entries3.length; _i3++) {
-      var _Object$entries3$_i = update_css_slicedToArray(_Object$entries3[_i3], 2),
-        componentName = _Object$entries3$_i[0],
-        componentData = _Object$entries3$_i[1];
-      for (var _i4 = 0, _Object$entries4 = Object.entries(componentData); _i4 < _Object$entries4.length; _i4++) {
-        var _Object$entries4$_i = update_css_slicedToArray(_Object$entries4[_i4], 2),
-          elementName = _Object$entries4$_i[0],
-          elementData = _Object$entries4$_i[1];
-        for (var _i5 = 0, _Object$entries5 = Object.entries(elementData); _i5 < _Object$entries5.length; _i5++) {
-          var _Object$entries5$_i = update_css_slicedToArray(_Object$entries5[_i5], 2),
-            propertyName = _Object$entries5$_i[0],
-            propertyValue = _Object$entries5$_i[1];
-          cssClass += "  --".concat(screenName, "-").concat(componentName, "-").concat(elementName, "-").concat(propertyName, ": ").concat(propertyValue, ";\n");
-        }
-      }
-    }
-  }
-  cssClass += "}\n";
-  return cssClass;
-}
-/**
- * Process the definitions of a theme.
- *
+ * Checks if the category carries an image URL.
  * @group Utils
- * @param definitions The definitions of the theme.
- * @param cssClass The string object that will contain the processed theme
- * @returns The cssClass string mutated with the processed definitions.
+ * @param category - The category to inspect.
+ * @returns `true` if the category exposes a non-empty `imageUrl`, narrowing it to {@link BasicWithImageUrl}.
  */
-function loadDefinitions(definitions, cssClass) {
-  for (var _i6 = 0, _Object$entries6 = Object.entries((_definitions$colors = definitions.colors) !== null && _definitions$colors !== void 0 ? _definitions$colors : {}); _i6 < _Object$entries6.length; _i6++) {
-    var _definitions$colors;
-    var _Object$entries6$_i = update_css_slicedToArray(_Object$entries6[_i6], 2),
-      colorName = _Object$entries6$_i[0],
-      colorData = _Object$entries6$_i[1];
-    for (var _i7 = 0, _Object$entries7 = Object.entries(colorData); _i7 < _Object$entries7.length; _i7++) {
-      var _Object$entries7$_i = update_css_slicedToArray(_Object$entries7[_i7], 2),
-        colorIntensity = _Object$entries7$_i[0],
-        colorValue = _Object$entries7$_i[1];
-      cssClass += "  --definitions-colors-".concat(colorName, "-").concat(colorIntensity, ": ").concat(colorValue, ";\n");
-    }
-  }
-  for (var _i8 = 0, _Object$entries8 = Object.entries((_definitions$shadows = definitions.shadows) !== null && _definitions$shadows !== void 0 ? _definitions$shadows : {}); _i8 < _Object$entries8.length; _i8++) {
-    var _definitions$shadows;
-    var _Object$entries8$_i = update_css_slicedToArray(_Object$entries8[_i8], 2),
-      shadowName = _Object$entries8$_i[0],
-      shadowValue = _Object$entries8$_i[1];
-    cssClass += "  --definitions-shadows-".concat(shadowName, ": ").concat(shadowValue, ";\n");
-  }
-  for (var _i9 = 0, _Object$entries9 = Object.entries((_definitions$textFont = definitions.textFonts) !== null && _definitions$textFont !== void 0 ? _definitions$textFont : {}); _i9 < _Object$entries9.length; _i9++) {
-    var _definitions$textFont;
-    var _Object$entries9$_i = update_css_slicedToArray(_Object$entries9[_i9], 2),
-      fontName = _Object$entries9$_i[0],
-      fontValue = _Object$entries9$_i[1];
-    cssClass += "  --definitions-textFonts-".concat(fontName, ": ").concat(fontValue, ";\n");
-  }
-  return cssClass;
+function isBasicWithImageUrl(category) {
+  var input = category;
+  return input.imageUrl != null && input.imageUrl !== "";
 }
 ;// ./src/utils/opening-hours-helper.ts
 function opening_hours_helper_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = opening_hours_helper_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -18267,6 +18241,115 @@ function normalizeOrigin(raw) {
     return null;
   }
 }
+;// ./src/utils/update-css.ts
+function update_css_slicedToArray(r, e) { return update_css_arrayWithHoles(r) || update_css_iterableToArrayLimit(r, e) || update_css_unsupportedIterableToArray(r, e) || update_css_nonIterableRest(); }
+function update_css_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function update_css_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return update_css_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? update_css_arrayLikeToArray(r, a) : void 0; } }
+function update_css_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function update_css_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function update_css_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * Load a CSS customization of a project.
+ *
+ * This function create a new HTML Style Element and add it to the current document.
+ * Also activate the customization adding the first theme name to the body of the document.
+ *
+ * @group Utils
+ * @param data The CSS customization data.
+ */
+function loadCustomization(data) {
+  var style = document.createElement("style");
+  style.textContent = "";
+  for (var _i = 0, _Object$entries = Object.entries(data); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = update_css_slicedToArray(_Object$entries[_i], 2),
+      themeName = _Object$entries$_i[0],
+      themeData = _Object$entries$_i[1];
+    var cssClass = loadTheme(themeName, themeData);
+    style.textContent += cssClass;
+  }
+  document.head.appendChild(style);
+  var firstThemeName = Object.keys(data).at(0);
+  if (firstThemeName != null) {
+    document.body.classList.add(firstThemeName);
+  }
+}
+
+/**
+ * Process a theme.
+ *
+ * @group Utils
+ * @param themeName The name of the Theme.
+ * @param themeData The data of the Theme.
+ * @returns A string with the processed theme to use on a CSS file.
+ */
+function loadTheme(themeName, themeData) {
+  var cssClass = ".".concat(themeName, " {\n");
+  var definitions = themeData.definitions;
+  if (definitions != null) {
+    cssClass = loadDefinitions(definitions, cssClass);
+  }
+  for (var _i2 = 0, _Object$entries2 = Object.entries((_themeData$screens = themeData.screens) !== null && _themeData$screens !== void 0 ? _themeData$screens : {}); _i2 < _Object$entries2.length; _i2++) {
+    var _themeData$screens;
+    var _Object$entries2$_i = update_css_slicedToArray(_Object$entries2[_i2], 2),
+      screenName = _Object$entries2$_i[0],
+      screenData = _Object$entries2$_i[1];
+    for (var _i3 = 0, _Object$entries3 = Object.entries(screenData); _i3 < _Object$entries3.length; _i3++) {
+      var _Object$entries3$_i = update_css_slicedToArray(_Object$entries3[_i3], 2),
+        componentName = _Object$entries3$_i[0],
+        componentData = _Object$entries3$_i[1];
+      for (var _i4 = 0, _Object$entries4 = Object.entries(componentData); _i4 < _Object$entries4.length; _i4++) {
+        var _Object$entries4$_i = update_css_slicedToArray(_Object$entries4[_i4], 2),
+          elementName = _Object$entries4$_i[0],
+          elementData = _Object$entries4$_i[1];
+        for (var _i5 = 0, _Object$entries5 = Object.entries(elementData); _i5 < _Object$entries5.length; _i5++) {
+          var _Object$entries5$_i = update_css_slicedToArray(_Object$entries5[_i5], 2),
+            propertyName = _Object$entries5$_i[0],
+            propertyValue = _Object$entries5$_i[1];
+          cssClass += "  --".concat(screenName, "-").concat(componentName, "-").concat(elementName, "-").concat(propertyName, ": ").concat(propertyValue, ";\n");
+        }
+      }
+    }
+  }
+  cssClass += "}\n";
+  return cssClass;
+}
+/**
+ * Process the definitions of a theme.
+ *
+ * @group Utils
+ * @param definitions The definitions of the theme.
+ * @param cssClass The string object that will contain the processed theme
+ * @returns The cssClass string mutated with the processed definitions.
+ */
+function loadDefinitions(definitions, cssClass) {
+  for (var _i6 = 0, _Object$entries6 = Object.entries((_definitions$colors = definitions.colors) !== null && _definitions$colors !== void 0 ? _definitions$colors : {}); _i6 < _Object$entries6.length; _i6++) {
+    var _definitions$colors;
+    var _Object$entries6$_i = update_css_slicedToArray(_Object$entries6[_i6], 2),
+      colorName = _Object$entries6$_i[0],
+      colorData = _Object$entries6$_i[1];
+    for (var _i7 = 0, _Object$entries7 = Object.entries(colorData); _i7 < _Object$entries7.length; _i7++) {
+      var _Object$entries7$_i = update_css_slicedToArray(_Object$entries7[_i7], 2),
+        colorIntensity = _Object$entries7$_i[0],
+        colorValue = _Object$entries7$_i[1];
+      cssClass += "  --definitions-colors-".concat(colorName, "-").concat(colorIntensity, ": ").concat(colorValue, ";\n");
+    }
+  }
+  for (var _i8 = 0, _Object$entries8 = Object.entries((_definitions$shadows = definitions.shadows) !== null && _definitions$shadows !== void 0 ? _definitions$shadows : {}); _i8 < _Object$entries8.length; _i8++) {
+    var _definitions$shadows;
+    var _Object$entries8$_i = update_css_slicedToArray(_Object$entries8[_i8], 2),
+      shadowName = _Object$entries8$_i[0],
+      shadowValue = _Object$entries8$_i[1];
+    cssClass += "  --definitions-shadows-".concat(shadowName, ": ").concat(shadowValue, ";\n");
+  }
+  for (var _i9 = 0, _Object$entries9 = Object.entries((_definitions$textFont = definitions.textFonts) !== null && _definitions$textFont !== void 0 ? _definitions$textFont : {}); _i9 < _Object$entries9.length; _i9++) {
+    var _definitions$textFont;
+    var _Object$entries9$_i = update_css_slicedToArray(_Object$entries9[_i9], 2),
+      fontName = _Object$entries9$_i[0],
+      fontValue = _Object$entries9$_i[1];
+    cssClass += "  --definitions-textFonts-".concat(fontName, ": ").concat(fontValue, ";\n");
+  }
+  return cssClass;
+}
 ;// ./src/index.ts
 // ─── Domain Ports (interfaces) ───────────────────────────────────────────────