@record-evolution/widget-mapbox 1.5.3 → 1.5.4

package/dist/widget-mapbox.js

@@ -34,21 +34,21 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$1 = globalThis,
-  e$2 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
-  s = Symbol(),
-  o$2 = new WeakMap();
+const t$3 = globalThis,
+  e$3 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
+  s$3 = Symbol(),
+  o$4 = new WeakMap();
 let n$3 = class n {
   constructor(t, e, o) {
-    if (this._$cssResult$ = !0, o !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = true, o !== s$3) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const s = this.t;
-    if (e$2 && void 0 === t) {
+    if (e$3 && void 0 === t) {
       const e = void 0 !== s && 1 === s.length;
-      e && (t = o$2.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$2.set(s, t));
+      e && (t = o$4.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$4.set(s, t));
     }
     return t;
   }
@@ -56,26 +56,26 @@ let n$3 = class n {
     return this.cssText;
   }
 };
-const r$3 = t => new n$3("string" == typeof t ? t : t + "", void 0, s),
-  i$2 = (t, ...e) => {
+const r$5 = t => new n$3("string" == typeof t ? t : t + "", void 0, s$3),
+  i$4 = (t, ...e) => {
     const o = 1 === t.length ? t[0] : e.reduce((e, s, o) => e + (t => {
-      if (!0 === t._$cssResult$) return t.cssText;
+      if (true === t._$cssResult$) return t.cssText;
       if ("number" == typeof t) return t;
       throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
     })(s) + t[o + 1], t[0]);
-    return new n$3(o, t, s);
+    return new n$3(o, t, s$3);
   },
   S$1 = (s, o) => {
-    if (e$2) s.adoptedStyleSheets = o.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet);else for (const e of o) {
+    if (e$3) s.adoptedStyleSheets = o.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet);else for (const e of o) {
       const o = document.createElement("style"),
-        n = t$1.litNonce;
+        n = t$3.litNonce;
       void 0 !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
     }
   },
-  c$2 = e$2 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
+  c$3 = e$3 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
     let e = "";
     for (const s of t.cssRules) e += s.cssText;
-    return r$3(e);
+    return r$5(e);
   })(t) : t;
 
 /**
@@ -84,23 +84,23 @@ const r$3 = t => new n$3("string" == typeof t ? t : t + "", void 0, s),
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const {
-    is: i$1,
-    defineProperty: e$1,
-    getOwnPropertyDescriptor: r$2,
-    getOwnPropertyNames: h$2,
-    getOwnPropertySymbols: o$1,
+    is: i$3,
+    defineProperty: e$2,
+    getOwnPropertyDescriptor: h$1,
+    getOwnPropertyNames: r$4,
+    getOwnPropertySymbols: o$3,
     getPrototypeOf: n$2
   } = Object,
-  a = globalThis,
-  c$1 = a.trustedTypes,
-  l = c$1 ? c$1.emptyScript : "",
-  p = a.reactiveElementPolyfillSupport,
-  d = (t, s) => t,
-  u = {
+  a$1 = globalThis,
+  c$2 = a$1.trustedTypes,
+  l$1 = c$2 ? c$2.emptyScript : "",
+  p$2 = a$1.reactiveElementPolyfillSupport,
+  d$1 = (t, s) => t,
+  u$3 = {
     toAttribute(t, s) {
       switch (s) {
         case Boolean:
-          t = t ? l : null;
+          t = t ? l$1 : null;
           break;
         case Object:
         case Array:
@@ -128,34 +128,35 @@ const {
       return i;
     }
   },
-  f$2 = (t, s) => !i$1(t, s),
-  y = {
-    attribute: !0,
+  f$1 = (t, s) => !i$3(t, s),
+  b = {
+    attribute: true,
     type: String,
-    converter: u,
-    reflect: !1,
-    hasChanged: f$2
+    converter: u$3,
+    reflect: false,
+    useDefault: false,
+    hasChanged: f$1
   };
-Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= new WeakMap();
-class b extends HTMLElement {
+Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= new WeakMap();
+let y$1 = class y extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = y) {
-    if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
+  static createProperty(t, s = b) {
+    if (s.state && (s.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = true), this.elementProperties.set(t, s), !s.noAccessor) {
       const i = Symbol(),
-        r = this.getPropertyDescriptor(t, i, s);
-      void 0 !== r && e$1(this.prototype, t, r);
+        h = this.getPropertyDescriptor(t, i, s);
+      void 0 !== h && e$2(this.prototype, t, h);
     }
   }
   static getPropertyDescriptor(t, s, i) {
     const {
       get: e,
-      set: h
-    } = r$2(this.prototype, t) ?? {
+      set: r
+    } = h$1(this.prototype, t) ?? {
       get() {
         return this[s];
       },
@@ -164,30 +165,28 @@ class b extends HTMLElement {
       }
     };
     return {
-      get() {
-        return e?.call(this);
-      },
+      get: e,
       set(s) {
-        const r = e?.call(this);
-        h.call(this, s), this.requestUpdate(t, r, i);
+        const h = e?.call(this);
+        r?.call(this, s), this.requestUpdate(t, h, i);
       },
-      configurable: !0,
-      enumerable: !0
+      configurable: true,
+      enumerable: true
     };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? y;
+    return this.elementProperties.get(t) ?? b;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(d("elementProperties"))) return;
+    if (this.hasOwnProperty(d$1("elementProperties"))) return;
     const t = n$2(this);
     t.finalize(), void 0 !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(d("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+    if (this.hasOwnProperty(d$1("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
       const t = this.properties,
-        s = [...h$2(t), ...o$1(t)];
+        s = [...r$4(t), ...o$3(t)];
       for (const i of s) this.createProperty(i, t[i]);
     }
     const t = this[Symbol.metadata];
@@ -206,16 +205,16 @@ class b extends HTMLElement {
     const i = [];
     if (Array.isArray(s)) {
       const e = new Set(s.flat(1 / 0).reverse());
-      for (const s of e) i.unshift(c$2(s));
-    } else void 0 !== s && i.push(c$2(s));
+      for (const s of e) i.unshift(c$3(s));
+    } else void 0 !== s && i.push(c$3(s));
     return i;
   }
   static _$Eu(t, s) {
     const i = s.attribute;
-    return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+    return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
   }
   constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
   }
   _$Ev() {
     this._$ES = new Promise(t => this.enableUpdating = t), this._$AL = new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(t => t(this));
@@ -237,7 +236,7 @@ class b extends HTMLElement {
     return S$1(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(t => t.hostConnected?.());
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach(t => t.hostConnected?.());
   }
   enableUpdating(t) {}
   disconnectedCallback() {
@@ -246,12 +245,12 @@ class b extends HTMLElement {
   attributeChangedCallback(t, s, i) {
     this._$AK(t, i);
   }
-  _$EC(t, s) {
+  _$ET(t, s) {
     const i = this.constructor.elementProperties.get(t),
       e = this.constructor._$Eu(t, i);
-    if (void 0 !== e && !0 === i.reflect) {
-      const r = (void 0 !== i.converter?.toAttribute ? i.converter : u).toAttribute(s, i.type);
-      this._$Em = t, null == r ? this.removeAttribute(e) : this.setAttribute(e, r), this._$Em = null;
+    if (void 0 !== e && true === i.reflect) {
+      const h = (void 0 !== i.converter?.toAttribute ? i.converter : u$3).toAttribute(s, i.type);
+      this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
     }
   }
   _$AK(t, s) {
@@ -259,24 +258,30 @@ class b extends HTMLElement {
       e = i._$Eh.get(t);
     if (void 0 !== e && this._$Em !== e) {
       const t = i.getPropertyOptions(e),
-        r = "function" == typeof t.converter ? {
+        h = "function" == typeof t.converter ? {
           fromAttribute: t.converter
-        } : void 0 !== t.converter?.fromAttribute ? t.converter : u;
-      this._$Em = e, this[e] = r.fromAttribute(s, t.type), this._$Em = null;
+        } : void 0 !== t.converter?.fromAttribute ? t.converter : u$3;
+      this._$Em = e, this[e] = h.fromAttribute(s, t.type) ?? this._$Ej?.get(e) ?? null, this._$Em = null;
     }
   }
   requestUpdate(t, s, i) {
     if (void 0 !== t) {
-      if (i ??= this.constructor.getPropertyOptions(t), !(i.hasChanged ?? f$2)(this[t], s)) return;
-      this.P(t, s, i);
-    }
-    !1 === this.isUpdatePending && (this._$ES = this._$ET());
-  }
-  P(t, s, i) {
-    this._$AL.has(t) || this._$AL.set(t, s), !0 === i.reflect && this._$Em !== t && (this._$Ej ??= new Set()).add(t);
-  }
-  async _$ET() {
-    this.isUpdatePending = !0;
+      const e = this.constructor,
+        h = this[t];
+      if (i ??= e.getPropertyOptions(t), !((i.hasChanged ?? f$1)(h, s) || i.useDefault && i.reflect && h === this._$Ej?.get(t) && !this.hasAttribute(e._$Eu(t, i)))) return;
+      this.C(t, s, i);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t, s, {
+    useDefault: i,
+    reflect: e,
+    wrapped: h
+  }, r) {
+    i && !(this._$Ej ??= new Map()).has(t) && (this._$Ej.set(t, r ?? s ?? this[t]), true !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), true === e && this._$Em !== t && (this._$Eq ??= new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
     try {
       await this._$ES;
     } catch (t) {
@@ -296,23 +301,29 @@ class b extends HTMLElement {
         this._$Ep = void 0;
       }
       const t = this.constructor.elementProperties;
-      if (t.size > 0) for (const [s, i] of t) !0 !== i.wrapped || this._$AL.has(s) || void 0 === this[s] || this.P(s, this[s], i);
+      if (t.size > 0) for (const [s, i] of t) {
+        const {
+            wrapped: t
+          } = i,
+          e = this[s];
+        true !== t || this._$AL.has(s) || void 0 === e || this.C(s, void 0, i, e);
+      }
     }
-    let t = !1;
+    let t = false;
     const s = this._$AL;
     try {
-      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EU();
+      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EM();
     } catch (s) {
-      throw t = !1, this._$EU(), s;
+      throw t = false, this._$EM(), s;
     }
     t && this._$AE(s);
   }
   willUpdate(t) {}
   _$AE(t) {
-    this._$EO?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    this._$EO?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
   }
-  _$EU() {
-    this._$AL = new Map(), this.isUpdatePending = !1;
+  _$EM() {
+    this._$AL = new Map(), this.isUpdatePending = false;
   }
   get updateComplete() {
     return this.getUpdateComplete();
@@ -321,149 +332,149 @@ class b extends HTMLElement {
     return this._$ES;
   }
   shouldUpdate(t) {
-    return !0;
+    return true;
   }
   update(t) {
-    this._$Ej &&= this._$Ej.forEach(t => this._$EC(t, this[t])), this._$EU();
+    this._$Eq &&= this._$Eq.forEach(t => this._$ET(t, this[t])), this._$EM();
   }
   updated(t) {}
   firstUpdated(t) {}
-}
-b.elementStyles = [], b.shadowRootOptions = {
+};
+y$1.elementStyles = [], y$1.shadowRootOptions = {
   mode: "open"
-}, b[d("elementProperties")] = new Map(), b[d("finalized")] = new Map(), p?.({
-  ReactiveElement: b
-}), (a.reactiveElementVersions ??= []).push("2.0.4");
+}, y$1[d$1("elementProperties")] = new Map(), y$1[d$1("finalized")] = new Map(), p$2?.({
+  ReactiveElement: y$1
+}), (a$1.reactiveElementVersions ??= []).push("2.1.0");
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n$1 = globalThis,
-  c = n$1.trustedTypes,
-  h$1 = c ? c.createPolicy("lit-html", {
+const t$2 = globalThis,
+  i$2 = t$2.trustedTypes,
+  s$2 = i$2 ? i$2.createPolicy("lit-html", {
     createHTML: t => t
   }) : void 0,
-  f$1 = "$lit$",
-  v = `lit$${Math.random().toFixed(9).slice(2)}$`,
-  m = "?" + v,
-  _ = `<${m}>`,
-  w = document,
-  lt$1 = () => w.createComment(""),
-  st = t => null === t || "object" != typeof t && "function" != typeof t,
-  g = Array.isArray,
-  $ = t => g(t) || "function" == typeof t?.[Symbol.iterator],
-  x = "[ \t\n\f\r]",
-  T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
-  E = /-->/g,
-  k = />/g,
-  O = RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
-  S = /'/g,
-  j = /"/g,
-  M = /^(?:script|style|textarea|title)$/i,
-  P = t => (i, ...s) => ({
+  e$1 = "$lit$",
+  h = `lit$${Math.random().toFixed(9).slice(2)}$`,
+  o$2 = "?" + h,
+  n$1 = `<${o$2}>`,
+  r$3 = document,
+  l = () => r$3.createComment(""),
+  c$1 = t => null === t || "object" != typeof t && "function" != typeof t,
+  a = Array.isArray,
+  u$2 = t => a(t) || "function" == typeof t?.[Symbol.iterator],
+  d = "[ \t\n\f\r]",
+  f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
+  v$1 = /-->/g,
+  _ = />/g,
+  m$1 = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
+  p$1 = /'/g,
+  g = /"/g,
+  $ = /^(?:script|style|textarea|title)$/i,
+  y = t => (i, ...s) => ({
     _$litType$: t,
     strings: i,
     values: s
   }),
-  ke = P(1),
-  R = Symbol.for("lit-noChange"),
-  D = Symbol.for("lit-nothing"),
-  V = new WeakMap(),
-  I = w.createTreeWalker(w, 129);
-function N(t, i) {
-  if (!g(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== h$1 ? h$1.createHTML(i) : i;
+  x = y(1),
+  T = Symbol.for("lit-noChange"),
+  E = Symbol.for("lit-nothing"),
+  A = new WeakMap(),
+  C = r$3.createTreeWalker(r$3, 129);
+function P(t, i) {
+  if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s$2 ? s$2.createHTML(i) : i;
 }
-const U = (t, i) => {
+const V = (t, i) => {
   const s = t.length - 1,
-    e = [];
-  let h,
-    o = 2 === i ? "<svg>" : 3 === i ? "<math>" : "",
-    n = T;
+    o = [];
+  let r,
+    l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "",
+    c = f;
   for (let i = 0; i < s; i++) {
     const s = t[i];
-    let r,
-      l,
-      c = -1,
-      a = 0;
-    for (; a < s.length && (n.lastIndex = a, l = n.exec(s), null !== l);) a = n.lastIndex, n === T ? "!--" === l[1] ? n = E : void 0 !== l[1] ? n = k : void 0 !== l[2] ? (M.test(l[2]) && (h = RegExp("</" + l[2], "g")), n = O) : void 0 !== l[3] && (n = O) : n === O ? ">" === l[0] ? (n = h ?? T, c = -1) : void 0 === l[1] ? c = -2 : (c = n.lastIndex - l[2].length, r = l[1], n = void 0 === l[3] ? O : '"' === l[3] ? j : S) : n === j || n === S ? n = O : n === E || n === k ? n = T : (n = O, h = void 0);
-    const u = n === O && t[i + 1].startsWith("/>") ? " " : "";
-    o += n === T ? s + _ : c >= 0 ? (e.push(r), s.slice(0, c) + f$1 + s.slice(c) + v + u) : s + v + (-2 === c ? i : u);
-  }
-  return [N(t, o + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")), e];
+    let a,
+      u,
+      d = -1,
+      y = 0;
+    for (; y < s.length && (c.lastIndex = y, u = c.exec(s), null !== u);) y = c.lastIndex, c === f ? "!--" === u[1] ? c = v$1 : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m$1) : void 0 !== u[3] && (c = m$1) : c === m$1 ? ">" === u[0] ? (c = r ?? f, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m$1 : '"' === u[3] ? g : p$1) : c === g || c === p$1 ? c = m$1 : c === v$1 || c === _ ? c = f : (c = m$1, r = void 0);
+    const x = c === m$1 && t[i + 1].startsWith("/>") ? " " : "";
+    l += c === f ? s + n$1 : d >= 0 ? (o.push(a), s.slice(0, d) + e$1 + s.slice(d) + h + x) : s + h + (-2 === d ? i : x);
+  }
+  return [P(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")), o];
 };
-class B {
+class N {
   constructor({
     strings: t,
-    _$litType$: i
-  }, s) {
-    let e;
+    _$litType$: s
+  }, n) {
+    let r;
     this.parts = [];
-    let h = 0,
-      o = 0;
-    const n = t.length - 1,
-      r = this.parts,
-      [l, a] = U(t, i);
-    if (this.el = B.createElement(l, s), I.currentNode = this.el.content, 2 === i || 3 === i) {
+    let c = 0,
+      a = 0;
+    const u = t.length - 1,
+      d = this.parts,
+      [f, v] = V(t, s);
+    if (this.el = N.createElement(f, n), C.currentNode = this.el.content, 2 === s || 3 === s) {
       const t = this.el.content.firstChild;
       t.replaceWith(...t.childNodes);
     }
-    for (; null !== (e = I.nextNode()) && r.length < n;) {
-      if (1 === e.nodeType) {
-        if (e.hasAttributes()) for (const t of e.getAttributeNames()) if (t.endsWith(f$1)) {
-          const i = a[o++],
-            s = e.getAttribute(t).split(v),
-            n = /([.?@])?(.*)/.exec(i);
-          r.push({
+    for (; null !== (r = C.nextNode()) && d.length < u;) {
+      if (1 === r.nodeType) {
+        if (r.hasAttributes()) for (const t of r.getAttributeNames()) if (t.endsWith(e$1)) {
+          const i = v[a++],
+            s = r.getAttribute(t).split(h),
+            e = /([.?@])?(.*)/.exec(i);
+          d.push({
             type: 1,
-            index: h,
-            name: n[2],
+            index: c,
+            name: e[2],
             strings: s,
-            ctor: "." === n[1] ? Y : "?" === n[1] ? Z : "@" === n[1] ? q : G
-          }), e.removeAttribute(t);
-        } else t.startsWith(v) && (r.push({
+            ctor: "." === e[1] ? H : "?" === e[1] ? I : "@" === e[1] ? L : k
+          }), r.removeAttribute(t);
+        } else t.startsWith(h) && (d.push({
           type: 6,
-          index: h
-        }), e.removeAttribute(t));
-        if (M.test(e.tagName)) {
-          const t = e.textContent.split(v),
-            i = t.length - 1;
-          if (i > 0) {
-            e.textContent = c ? c.emptyScript : "";
-            for (let s = 0; s < i; s++) e.append(t[s], lt$1()), I.nextNode(), r.push({
+          index: c
+        }), r.removeAttribute(t));
+        if ($.test(r.tagName)) {
+          const t = r.textContent.split(h),
+            s = t.length - 1;
+          if (s > 0) {
+            r.textContent = i$2 ? i$2.emptyScript : "";
+            for (let i = 0; i < s; i++) r.append(t[i], l()), C.nextNode(), d.push({
               type: 2,
-              index: ++h
+              index: ++c
             });
-            e.append(t[i], lt$1());
+            r.append(t[s], l());
           }
         }
-      } else if (8 === e.nodeType) if (e.data === m) r.push({
+      } else if (8 === r.nodeType) if (r.data === o$2) d.push({
         type: 2,
-        index: h
+        index: c
       });else {
         let t = -1;
-        for (; -1 !== (t = e.data.indexOf(v, t + 1));) r.push({
+        for (; -1 !== (t = r.data.indexOf(h, t + 1));) d.push({
           type: 7,
-          index: h
-        }), t += v.length - 1;
+          index: c
+        }), t += h.length - 1;
       }
-      h++;
+      c++;
     }
   }
   static createElement(t, i) {
-    const s = w.createElement("template");
+    const s = r$3.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function z(t, i, s = t, e) {
-  if (i === R) return i;
-  let h = void 0 !== e ? s.o?.[e] : s.l;
-  const o = st(i) ? void 0 : i._$litDirective$;
-  return h?.constructor !== o && (h?._$AO?.(!1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? (s.o ??= [])[e] = h : s.l = h), void 0 !== h && (i = z(t, h._$AS(t, i.values), h, e)), i;
+function S(t, i, s = t, e) {
+  if (i === T) return i;
+  let h = void 0 !== e ? s._$Co?.[e] : s._$Cl;
+  const o = c$1(i) ? void 0 : i._$litDirective$;
+  return h?.constructor !== o && (h?._$AO?.(false), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? (s._$Co ??= [])[e] = h : s._$Cl = h), void 0 !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
 }
-class F {
+let M$1 = class M {
   constructor(t, i) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
   }
@@ -480,32 +491,32 @@ class F {
         },
         parts: s
       } = this._$AD,
-      e = (t?.creationScope ?? w).importNode(i, !0);
-    I.currentNode = e;
-    let h = I.nextNode(),
+      e = (t?.creationScope ?? r$3).importNode(i, true);
+    C.currentNode = e;
+    let h = C.nextNode(),
       o = 0,
       n = 0,
-      r = s[0];
-    for (; void 0 !== r;) {
-      if (o === r.index) {
+      l = s[0];
+    for (; void 0 !== l;) {
+      if (o === l.index) {
         let i;
-        2 === r.type ? i = new et$1(h, h.nextSibling, this, t) : 1 === r.type ? i = new r.ctor(h, r.name, r.strings, this, t) : 6 === r.type && (i = new K(h, this, t)), this._$AV.push(i), r = s[++n];
+        2 === l.type ? i = new R(h, h.nextSibling, this, t) : 1 === l.type ? i = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i = new z(h, this, t)), this._$AV.push(i), l = s[++n];
       }
-      o !== r?.index && (h = I.nextNode(), o++);
+      o !== l?.index && (h = C.nextNode(), o++);
     }
-    return I.currentNode = w, e;
+    return C.currentNode = r$3, e;
   }
   p(t) {
     let i = 0;
     for (const s of this._$AV) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
   }
-}
-let et$1 = class et {
+};
+class R {
   get _$AU() {
-    return this._$AM?._$AU ?? this.v;
+    return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, i, s, e) {
-    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this.v = e?.isConnected ?? !0;
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = e?.isConnected ?? true;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -519,7 +530,7 @@ let et$1 = class et {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = z(this, t, i), st(t) ? t === D || null == t || "" === t ? (this._$AH !== D && this._$AR(), this._$AH = D) : t !== this._$AH && t !== R && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : $(t) ? this.k(t) : this._(t);
+    t = S(this, t, i), c$1(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u$2(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -528,43 +539,43 @@ let et$1 = class et {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== D && st(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+    this._$AH !== E && c$1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$3.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const {
         values: i,
         _$litType$: s
       } = t,
-      e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = B.createElement(N(s.h, s.h[0]), this.options)), s);
+      e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === e) this._$AH.p(i);else {
-      const t = new F(e, this),
+      const t = new M$1(e, this),
         s = t.u(this.options);
       t.p(i), this.T(s), this._$AH = t;
     }
   }
   _$AC(t) {
-    let i = V.get(t.strings);
-    return void 0 === i && V.set(t.strings, i = new B(t)), i;
+    let i = A.get(t.strings);
+    return void 0 === i && A.set(t.strings, i = new N(t)), i;
   }
   k(t) {
-    g(this._$AH) || (this._$AH = [], this._$AR());
+    a(this._$AH) || (this._$AH = [], this._$AR());
     const i = this._$AH;
     let s,
       e = 0;
-    for (const h of t) e === i.length ? i.push(s = new et(this.O(lt$1()), this.O(lt$1()), this, this.options)) : s = i[e], s._$AI(h), e++;
+    for (const h of t) e === i.length ? i.push(s = new R(this.O(l()), this.O(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
     e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
   }
   _$AR(t = this._$AA.nextSibling, i) {
-    for (this._$AP?.(!1, !0, i); t && t !== this._$AB;) {
+    for (this._$AP?.(false, true, i); t && t !== this._$AB;) {
       const i = t.nextSibling;
       t.remove(), t = i;
     }
   }
   setConnected(t) {
-    void 0 === this._$AM && (this.v = t, this._$AP?.(t));
+    void 0 === this._$AM && (this._$Cv = t, this._$AP?.(t));
   }
-};
-class G {
+}
+class k {
   get tagName() {
     return this.element.tagName;
   }
@@ -572,54 +583,54 @@ class G {
     return this._$AM._$AU;
   }
   constructor(t, i, s, e, h) {
-    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = D;
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = E;
   }
   _$AI(t, i = this, s, e) {
     const h = this.strings;
-    let o = !1;
-    if (void 0 === h) t = z(this, t, i, 0), o = !st(t) || t !== this._$AH && t !== R, o && (this._$AH = t);else {
+    let o = false;
+    if (void 0 === h) t = S(this, t, i, 0), o = !c$1(t) || t !== this._$AH && t !== T, o && (this._$AH = t);else {
       const e = t;
       let n, r;
-      for (t = h[0], n = 0; n < h.length - 1; n++) r = z(this, e[s + n], i, n), r === R && (r = this._$AH[n]), o ||= !st(r) || r !== this._$AH[n], r === D ? t = D : t !== D && (t += (r ?? "") + h[n + 1]), this._$AH[n] = r;
+      for (t = h[0], n = 0; n < h.length - 1; n++) r = S(this, e[s + n], i, n), r === T && (r = this._$AH[n]), o ||= !c$1(r) || r !== this._$AH[n], r === E ? t = E : t !== E && (t += (r ?? "") + h[n + 1]), this._$AH[n] = r;
     }
     o && !e && this.j(t);
   }
   j(t) {
-    t === D ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Y extends G {
+class H extends k {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === D ? void 0 : t;
+    this.element[this.name] = t === E ? void 0 : t;
   }
 }
-class Z extends G {
+class I extends k {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== D);
+    this.element.toggleAttribute(this.name, !!t && t !== E);
   }
 }
-class q extends G {
+class L extends k {
   constructor(t, i, s, e, h) {
     super(t, i, s, e, h), this.type = 5;
   }
   _$AI(t, i = this) {
-    if ((t = z(this, t, i, 0) ?? D) === R) return;
+    if ((t = S(this, t, i, 0) ?? E) === T) return;
     const s = this._$AH,
-      e = t === D && s !== D || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive,
-      h = t !== D && (s === D || e);
+      e = t === E && s !== E || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive,
+      h = t !== E && (s === E || e);
     e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class K {
+class z {
   constructor(t, i, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
   }
@@ -627,33 +638,19 @@ class K {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    z(this, t);
+    S(this, t);
   }
 }
-const si = {
-    M: f$1,
-    P: v,
-    A: m,
-    C: 1,
-    L: U,
-    R: F,
-    D: $,
-    V: z,
-    I: et$1,
-    H: G,
-    N: Z,
-    U: q,
-    B: Y,
-    F: K
-  },
-  Re = n$1.litHtmlPolyfillSupport;
-Re?.(B, et$1), (n$1.litHtmlVersions ??= []).push("3.2.0");
-const Q = (t, i, s) => {
+const Z = {
+    I: R},
+  j = t$2.litHtmlPolyfillSupport;
+j?.(N, R), (t$2.litHtmlVersions ??= []).push("3.3.0");
+const B = (t, i, s) => {
   const e = s?.renderBefore ?? i;
   let h = e._$litPart$;
   if (void 0 === h) {
     const t = s?.renderBefore ?? null;
-    e._$litPart$ = h = new et$1(i.insertBefore(lt$1(), t), t, void 0, s ?? {});
+    e._$litPart$ = h = new R(i.insertBefore(l(), t), t, void 0, s ?? {});
   }
   return h._$AI(t), h;
 };
@@ -663,38 +660,39 @@ const Q = (t, i, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class h extends b {
+const s$1 = globalThis;
+let i$1 = class i extends y$1 {
   constructor() {
     super(...arguments), this.renderOptions = {
       host: this
-    }, this.o = void 0;
+    }, this._$Do = void 0;
   }
   createRenderRoot() {
     const t = super.createRenderRoot();
     return this.renderOptions.renderBefore ??= t.firstChild, t;
   }
   update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this.o = Q(e, this.renderRoot, this.renderOptions);
+    const r = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
-    super.connectedCallback(), this.o?.setConnected(!0);
+    super.connectedCallback(), this._$Do?.setConnected(true);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.o?.setConnected(!1);
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
   }
   render() {
-    return R;
+    return T;
   }
-}
-h._$litElement$ = !0, h["finalized"] = !0, globalThis.litElementHydrateSupport?.({
-  LitElement: h
+};
+i$1._$litElement$ = true, i$1["finalized"] = true, s$1.litElementHydrateSupport?.({
+  LitElement: i$1
 });
-const f = globalThis.litElementPolyfillSupport;
-f?.({
-  LitElement: h
+const o$1 = s$1.litElementPolyfillSupport;
+o$1?.({
+  LitElement: i$1
 });
-(globalThis.litElementVersions ??= []).push("4.1.0");
+(s$1.litElementVersions ??= []).push("4.2.0");
 
 /**
  * @license
@@ -702,19 +700,19 @@ f?.({
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const o = {
-    attribute: !0,
+    attribute: true,
     type: String,
-    converter: u,
-    reflect: !1,
-    hasChanged: f$2
+    converter: u$3,
+    reflect: false,
+    hasChanged: f$1
   },
-  r$1 = (t = o, e, r) => {
+  r$2 = (t = o, e, r) => {
     const {
       kind: n,
       metadata: i
     } = r;
     let s = globalThis.litPropertyMetadata.get(i);
-    if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = new Map()), s.set(r.name, t), "accessor" === n) {
+    if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = new Map()), "setter" === n && ((t = Object.create(t)).wrapped = true), s.set(r.name, t), "accessor" === n) {
       const {
         name: o
       } = r;
@@ -724,7 +722,7 @@ const o = {
           e.set.call(this, r), this.requestUpdate(o, n, t);
         },
         init(e) {
-          return void 0 !== e && this.P(o, void 0, t), e;
+          return void 0 !== e && this.C(o, void 0, t, e), e;
         }
       };
     }
@@ -740,12 +738,9 @@ const o = {
     throw Error("Unsupported decorator location: " + n);
   };
 function n(t) {
-  return (e, o) => "object" == typeof o ? r$1(t, e, o) : ((t, e, o) => {
+  return (e, o) => "object" == typeof o ? r$2(t, e, o) : ((t, e, o) => {
     const r = e.hasOwnProperty(o);
-    return e.constructor.createProperty(o, r ? {
-      ...t,
-      wrapped: !0
-    } : t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
+    return e.constructor.createProperty(o, t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
   })(t, e, o);
 }
 
@@ -754,11 +749,11 @@ function n(t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function r(r) {
+function r$1(r) {
   return n({
     ...r,
-    state: !0,
-    attribute: !1
+    state: true,
+    attribute: false
   });
 }
 
@@ -767,14 +762,8 @@ function r(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t = {
-    ATTRIBUTE: 1,
-    CHILD: 2,
-    PROPERTY: 3,
-    BOOLEAN_ATTRIBUTE: 4,
-    EVENT: 5,
-    ELEMENT: 6
-  },
+const t$1 = {
+    CHILD: 2},
   e = t => (...e) => ({
     _$litDirective$: t,
     values: e
@@ -785,7 +774,7 @@ class i {
     return this._$AM._$AU;
   }
   _$AT(t, e, i) {
-    this.t = t, this._$AM = e, this.i = i;
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
   }
   _$AS(t, e) {
     return this.update(t, e);
@@ -801,40 +790,40 @@ class i {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const {
-    I: et
-  } = si,
-  lt = () => document.createComment(""),
-  at = (o, t, i) => {
-    const n = o._$AA.parentNode,
-      e = void 0 === t ? o._$AB : t._$AA;
-    if (void 0 === i) {
-      const t = n.insertBefore(lt(), e),
-        l = n.insertBefore(lt(), e);
-      i = new et(t, l, o, o.options);
+    I: t
+  } = Z,
+  s = () => document.createComment(""),
+  r = (o, i, n) => {
+    const e = o._$AA.parentNode,
+      l = void 0 === i ? o._$AB : i._$AA;
+    if (void 0 === n) {
+      const i = e.insertBefore(s(), l),
+        c = e.insertBefore(s(), l);
+      n = new t(i, c, o, o.options);
     } else {
-      const t = i._$AB.nextSibling,
-        l = i._$AM,
-        c = l !== o;
+      const t = n._$AB.nextSibling,
+        i = n._$AM,
+        c = i !== o;
       if (c) {
         let t;
-        i._$AQ?.(o), i._$AM = o, void 0 !== i._$AP && (t = o._$AU) !== l._$AU && i._$AP(t);
+        n._$AQ?.(o), n._$AM = o, void 0 !== n._$AP && (t = o._$AU) !== i._$AU && n._$AP(t);
       }
-      if (t !== e || c) {
-        let o = i._$AA;
+      if (t !== l || c) {
+        let o = n._$AA;
         for (; o !== t;) {
           const t = o.nextSibling;
-          n.insertBefore(o, e), o = t;
+          e.insertBefore(o, l), o = t;
         }
       }
     }
-    return i;
+    return n;
   },
-  ct = (o, t, i = o) => (o._$AI(t, i), o),
-  ht = {},
-  dt = (o, t = ht) => o._$AH = t,
-  ut = o => o._$AH,
-  pt = o => {
-    o._$AP?.(!1, !0);
+  v = (o, t, i = o) => (o._$AI(t, i), o),
+  u$1 = {},
+  m = (o, t = u$1) => o._$AH = t,
+  p = o => o._$AH,
+  M = o => {
+    o._$AP?.(false, true);
     let t = o._$AA;
     const i = o._$AB.nextSibling;
     for (; t !== i;) {
@@ -848,14 +837,14 @@ const {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Jt = (e, s, t) => {
+const u = (e, s, t) => {
     const r = new Map();
     for (let l = s; l <= t; l++) r.set(e[l], l);
     return r;
   },
-  Qt = e(class extends i {
+  c = e(class extends i {
     constructor(e) {
-      if (super(e), e.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
+      if (super(e), e.type !== t$1.CHILD) throw Error("repeat() can only be used in text expressions");
     }
     dt(e, s, t) {
       let r;
@@ -872,41 +861,41 @@ const Jt = (e, s, t) => {
     render(e, s, t) {
       return this.dt(e, s, t).values;
     }
-    update(e, [s, t, r]) {
-      const l = ut(e),
+    update(s, [t, r$1, c]) {
+      const d = p(s),
         {
-          values: o,
-          keys: i
-        } = this.dt(s, t, r);
-      if (!Array.isArray(l)) return this.ut = i, o;
-      const n = this.ut ??= [],
-        f = [];
-      let u,
-        c,
-        d = 0,
-        p = l.length - 1,
-        a = 0,
-        h = o.length - 1;
-      for (; d <= p && a <= h;) if (null === l[d]) d++;else if (null === l[p]) p--;else if (n[d] === i[a]) f[a] = ct(l[d], o[a]), d++, a++;else if (n[p] === i[h]) f[h] = ct(l[p], o[h]), p--, h--;else if (n[d] === i[h]) f[h] = ct(l[d], o[h]), at(e, f[h + 1], l[d]), d++, h--;else if (n[p] === i[a]) f[a] = ct(l[p], o[a]), at(e, l[d], l[p]), p--, a++;else if (void 0 === u && (u = Jt(i, a, h), c = Jt(n, d, p)), u.has(n[d])) {
-        if (u.has(n[p])) {
-          const s = c.get(i[a]),
-            t = void 0 !== s ? l[s] : null;
+          values: p$1,
+          keys: a
+        } = this.dt(t, r$1, c);
+      if (!Array.isArray(d)) return this.ut = a, p$1;
+      const h = this.ut ??= [],
+        v$1 = [];
+      let m$1,
+        y,
+        x = 0,
+        j = d.length - 1,
+        k = 0,
+        w = p$1.length - 1;
+      for (; x <= j && k <= w;) if (null === d[x]) x++;else if (null === d[j]) j--;else if (h[x] === a[k]) v$1[k] = v(d[x], p$1[k]), x++, k++;else if (h[j] === a[w]) v$1[w] = v(d[j], p$1[w]), j--, w--;else if (h[x] === a[w]) v$1[w] = v(d[x], p$1[w]), r(s, v$1[w + 1], d[x]), x++, w--;else if (h[j] === a[k]) v$1[k] = v(d[j], p$1[k]), r(s, d[x], d[j]), j--, k++;else if (void 0 === m$1 && (m$1 = u(a, k, w), y = u(h, x, j)), m$1.has(h[x])) {
+        if (m$1.has(h[j])) {
+          const e = y.get(a[k]),
+            t = void 0 !== e ? d[e] : null;
           if (null === t) {
-            const s = at(e, l[d]);
-            ct(s, o[a]), f[a] = s;
-          } else f[a] = ct(t, o[a]), at(e, l[d], t), l[s] = null;
-          a++;
-        } else pt(l[p]), p--;
-      } else pt(l[d]), d++;
-      for (; a <= h;) {
-        const s = at(e, f[h + 1]);
-        ct(s, o[a]), f[a++] = s;
+            const e = r(s, d[x]);
+            v(e, p$1[k]), v$1[k] = e;
+          } else v$1[k] = v(t, p$1[k]), r(s, d[x], t), d[e] = null;
+          k++;
+        } else M(d[j]), j--;
+      } else M(d[x]), x++;
+      for (; k <= w;) {
+        const e = r(s, v$1[w + 1]);
+        v(e, p$1[k]), v$1[k++] = e;
       }
-      for (; d <= p;) {
-        const e = l[d++];
-        null !== e && pt(e);
+      for (; x <= j;) {
+        const e = d[x++];
+        null !== e && M(e);
       }
-      return this.ut = i, dt(e, f), R;
+      return this.ut = a, m(s, v$1), T;
     }
   });
 
@@ -2089,14 +2078,14 @@ function validateWCAG2Parms(parms) {
   };
 }
 
-class WidgetMapbox extends h {
+class WidgetMapbox extends i$1 {
     constructor() {
         super();
         this.map = undefined;
         this.dataSets = [];
         this.dataSources = new Map();
         this.colors = new Map();
-        this.version = '1.5.3';
+        this.version = '1.5.4';
         this.mapLoaded = false;
         this.imageList = [];
         this.resizeObserver = new ResizeObserver(() => {
@@ -2112,9 +2101,18 @@ class WidgetMapbox extends h {
         }
     }
     update(changedProperties) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (changedProperties.has('inputData')) {
             this.transformInputData();
         }
+        if (changedProperties.has('theme')) {
+            const cssTextColor = getComputedStyle(this).getPropertyValue('--re-text-color').trim();
+            const cssBgColor = getComputedStyle(this).getPropertyValue('--re-background-color').trim();
+            this.themeBgColor = cssBgColor || ((_b = (_a = this.theme) === null || _a === void 0 ? void 0 : _a.theme_object) === null || _b === void 0 ? void 0 : _b.backgroundColor);
+            this.themeTitleColor = cssTextColor || ((_f = (_e = (_d = (_c = this.theme) === null || _c === void 0 ? void 0 : _c.theme_object) === null || _d === void 0 ? void 0 : _d.title) === null || _e === void 0 ? void 0 : _e.textStyle) === null || _f === void 0 ? void 0 : _f.color);
+            this.themeSubtitleColor =
+                cssTextColor || ((_k = (_j = (_h = (_g = this.theme) === null || _g === void 0 ? void 0 : _g.theme_object) === null || _h === void 0 ? void 0 : _h.title) === null || _j === void 0 ? void 0 : _j.subtextStyle) === null || _k === void 0 ? void 0 : _k.color) || this.themeTitleColor;
+        }
         super.update(changedProperties);
     }
     firstUpdated() {
@@ -2575,20 +2573,29 @@ class WidgetMapbox extends h {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return ke `
+        return x `
             <link
                 href="https://api.mapbox.com/mapbox-gl-js/v${mapboxgl.version}/mapbox-gl.css"
                 rel="stylesheet"
             />
-            <div class="wrapper">
+            <div
+                class="wrapper"
+                style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
+            >
                 <header class="paging" ?active=${((_a = this.inputData) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.inputData) === null || _b === void 0 ? void 0 : _b.subTitle)}>
                     <div class="title">
                         <h3 class="paging" ?active=${(_c = this.inputData) === null || _c === void 0 ? void 0 : _c.title}>${(_d = this.inputData) === null || _d === void 0 ? void 0 : _d.title}</h3>
-                        <p class="paging" ?active=${(_e = this.inputData) === null || _e === void 0 ? void 0 : _e.subTitle}>${(_f = this.inputData) === null || _f === void 0 ? void 0 : _f.subTitle}</p>
+                        <p
+                            class="paging"
+                            ?active=${(_e = this.inputData) === null || _e === void 0 ? void 0 : _e.subTitle}
+                            style="color: ${this.themeSubtitleColor}"
+                        >
+                            ${(_f = this.inputData) === null || _f === void 0 ? void 0 : _f.subTitle}
+                        </p>
                     </div>
                     <div class="legend paging" ?active=${(_g = this === null || this === void 0 ? void 0 : this.inputData) === null || _g === void 0 ? void 0 : _g.showLegend}>
-                        ${Qt(this.dataSets, (ds) => ds.label, (ds) => {
-            return ke `
+                        ${c(this.dataSets, (ds) => ds.label, (ds) => {
+            return x `
                                     <div class="label">
                                         <div
                                             style="background: ${ds.color}; width: 24px; height: 12px;"
@@ -2605,12 +2612,10 @@ class WidgetMapbox extends h {
         `;
     }
 }
-WidgetMapbox.styles = i$2 `
+WidgetMapbox.styles = i$4 `
         :host {
             display: block;
-            color: var(--re-bar-text-color, #000);
             font-family: sans-serif;
-            padding: 16px;
             box-sizing: border-box;
             margin: auto;
         }
@@ -2645,6 +2650,8 @@ WidgetMapbox.styles = i$2 `
         .wrapper {
             display: flex;
             flex-direction: column;
+            box-sizing: border-box;
+            padding: 16px;
             height: 100%;
             width: 100%;
         }
@@ -2675,7 +2682,6 @@ WidgetMapbox.styles = i$2 `
 
         .no-data {
             font-size: 20px;
-            color: var(--re-text-color, #000);
             display: flex;
             height: 100%;
             width: 100%;
@@ -2688,18 +2694,30 @@ __decorate([
     n({ type: Object })
 ], WidgetMapbox.prototype, "inputData", void 0);
 __decorate([
-    r()
+    n({ type: Object })
+], WidgetMapbox.prototype, "theme", void 0);
+__decorate([
+    r$1()
 ], WidgetMapbox.prototype, "map", void 0);
 __decorate([
-    r()
+    r$1()
 ], WidgetMapbox.prototype, "dataSets", void 0);
 __decorate([
-    r()
+    r$1()
 ], WidgetMapbox.prototype, "dataSources", void 0);
 __decorate([
-    r()
+    r$1()
 ], WidgetMapbox.prototype, "colors", void 0);
-window.customElements.define('widget-mapbox-1.5.3', WidgetMapbox);
+__decorate([
+    r$1()
+], WidgetMapbox.prototype, "themeBgColor", void 0);
+__decorate([
+    r$1()
+], WidgetMapbox.prototype, "themeTitleColor", void 0);
+__decorate([
+    r$1()
+], WidgetMapbox.prototype, "themeSubtitleColor", void 0);
+window.customElements.define('widget-mapbox-1.5.4', WidgetMapbox);
 
 export { WidgetMapbox };
 //# sourceMappingURL=widget-mapbox.js.map