@record-evolution/widget-overlay 1.0.11 → 1.0.13

package/dist/widget-overlay.js

@@ -18,11 +18,11 @@ let _t = class {
   }
 };
 const Pt = (r) => new _t(typeof r == "string" ? r : r + "", void 0, K), bt = (r, ...t) => {
-  const e = r.length === 1 ? r[0] : t.reduce(((s, i, o) => s + ((n) => {
-    if (n._$cssResult$ === !0) return n.cssText;
-    if (typeof n == "number") return n;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + r[o + 1]), r[0]);
+  const e = r.length === 1 ? r[0] : t.reduce(((s, i, n) => s + ((o) => {
+    if (o._$cssResult$ === !0) return o.cssText;
+    if (typeof o == "number") return o;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(i) + r[n + 1]), r[0]);
   return new _t(e, r, K);
 }, Ut = (r, t) => {
   if (J) r.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
@@ -79,14 +79,14 @@ let E = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: o } = Mt(this.prototype, t) ?? { get() {
+    const { get: i, set: n } = Mt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(n) {
-      this[e] = n;
+    }, set(o) {
+      this[e] = o;
     } };
-    return { get: i, set(n) {
+    return { get: i, set(o) {
       const h = i?.call(this);
-      o?.call(this, n), this.requestUpdate(t, h, s);
+      n?.call(this, o), this.requestUpdate(t, h, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -162,27 +162,27 @@ let E = class extends HTMLElement {
   _$ET(t, e) {
     const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
     if (i !== void 0 && s.reflect === !0) {
-      const o = (s.converter?.toAttribute !== void 0 ? s.converter : j).toAttribute(e, s.type);
-      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+      const n = (s.converter?.toAttribute !== void 0 ? s.converter : j).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
     const s = this.constructor, i = s._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const o = s.getPropertyOptions(i), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : j;
-      this._$Em = i, this[i] = n.fromAttribute(e, o.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
+      const n = s.getPropertyOptions(i), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : j;
+      this._$Em = i, this[i] = o.fromAttribute(e, n.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
     }
   }
   requestUpdate(t, e, s) {
     if (t !== void 0) {
-      const i = this.constructor, o = this[t];
-      if (s ??= i.getPropertyOptions(t), !((s.hasChanged ?? Q)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, s)))) return;
+      const i = this.constructor, n = this[t];
+      if (s ??= i.getPropertyOptions(t), !((s.hasChanged ?? Q)(n, e) || s.useDefault && s.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, s)))) return;
       this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: i, wrapped: o }, n) {
-    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, e, { useDefault: s, reflect: i, wrapped: n }, o) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -201,13 +201,13 @@ let E = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [i, o] of this._$Ep) this[i] = o;
+        for (const [i, n] of this._$Ep) this[i] = n;
         this._$Ep = void 0;
       }
       const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [i, o] of s) {
-        const { wrapped: n } = o, h = this[i];
-        n !== !0 || this._$AL.has(i) || h === void 0 || this.C(i, void 0, o, h);
+      if (s.size > 0) for (const [i, n] of s) {
+        const { wrapped: o } = n, h = this[i];
+        o !== !0 || this._$AL.has(i) || h === void 0 || this.C(i, void 0, n, h);
       }
     }
     let t = !1;
@@ -246,29 +246,29 @@ let E = class extends HTMLElement {
 };
 E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[N("elementProperties")] = /* @__PURE__ */ new Map(), E[N("finalized")] = /* @__PURE__ */ new Map(), kt?.({ ReactiveElement: E }), (z.reactiveElementVersions ??= []).push("2.1.0");
 const tt = globalThis, D = tt.trustedTypes, pt = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, At = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, wt = "?" + b, jt = `<${wt}>`, S = document, H = () => S.createComment(""), L = (r) => r === null || typeof r != "object" && typeof r != "function", et = Array.isArray, Dt = (r) => et(r) || typeof r?.[Symbol.iterator] == "function", q = `[ 	
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ut = /-->/g, ft = />/g, A = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, gt = /"/g, xt = /^(?:script|style|textarea|title)$/i, It = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), g = It(1), y = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), mt = /* @__PURE__ */ new WeakMap(), x = S.createTreeWalker(S, 129);
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ut = /-->/g, $t = />/g, A = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ft = /'/g, gt = /"/g, xt = /^(?:script|style|textarea|title)$/i, It = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), g = It(1), y = /* @__PURE__ */ Symbol.for("lit-noChange"), $ = /* @__PURE__ */ Symbol.for("lit-nothing"), mt = /* @__PURE__ */ new WeakMap(), x = S.createTreeWalker(S, 129);
 function St(r, t) {
   if (!et(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return pt !== void 0 ? pt.createHTML(t) : t;
 }
 const zt = (r, t) => {
   const e = r.length - 1, s = [];
-  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = O;
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = O;
   for (let h = 0; h < e; h++) {
     const a = r[h];
     let d, u, l = -1, p = 0;
-    for (; p < a.length && (n.lastIndex = p, u = n.exec(a), u !== null); ) p = n.lastIndex, n === O ? u[1] === "!--" ? n = ut : u[1] !== void 0 ? n = ft : u[2] !== void 0 ? (xt.test(u[2]) && (i = RegExp("</" + u[2], "g")), n = A) : u[3] !== void 0 && (n = A) : n === A ? u[0] === ">" ? (n = i ?? O, l = -1) : u[1] === void 0 ? l = -2 : (l = n.lastIndex - u[2].length, d = u[1], n = u[3] === void 0 ? A : u[3] === '"' ? gt : $t) : n === gt || n === $t ? n = A : n === ut || n === ft ? n = O : (n = A, i = void 0);
-    const c = n === A && r[h + 1].startsWith("/>") ? " " : "";
-    o += n === O ? a + jt : l >= 0 ? (s.push(d), a.slice(0, l) + At + a.slice(l) + b + c) : a + b + (l === -2 ? h : c);
+    for (; p < a.length && (o.lastIndex = p, u = o.exec(a), u !== null); ) p = o.lastIndex, o === O ? u[1] === "!--" ? o = ut : u[1] !== void 0 ? o = $t : u[2] !== void 0 ? (xt.test(u[2]) && (i = RegExp("</" + u[2], "g")), o = A) : u[3] !== void 0 && (o = A) : o === A ? u[0] === ">" ? (o = i ?? O, l = -1) : u[1] === void 0 ? l = -2 : (l = o.lastIndex - u[2].length, d = u[1], o = u[3] === void 0 ? A : u[3] === '"' ? gt : ft) : o === gt || o === ft ? o = A : o === ut || o === $t ? o = O : (o = A, i = void 0);
+    const c = o === A && r[h + 1].startsWith("/>") ? " " : "";
+    n += o === O ? a + jt : l >= 0 ? (s.push(d), a.slice(0, l) + At + a.slice(l) + b + c) : a + b + (l === -2 ? h : c);
   }
-  return [St(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [St(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
 class R {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
-    let o = 0, n = 0;
+    let n = 0, o = 0;
     const h = t.length - 1, a = this.parts, [d, u] = zt(t, e);
     if (this.el = R.createElement(d, s), x.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
@@ -277,23 +277,23 @@ class R {
     for (; (i = x.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(At)) {
-          const p = u[n++], c = i.getAttribute(l).split(b), $ = /([.?@])?(.*)/.exec(p);
-          a.push({ type: 1, index: o, name: $[2], strings: c, ctor: $[1] === "." ? Vt : $[1] === "?" ? Wt : $[1] === "@" ? qt : B }), i.removeAttribute(l);
-        } else l.startsWith(b) && (a.push({ type: 6, index: o }), i.removeAttribute(l));
+          const p = u[o++], c = i.getAttribute(l).split(b), f = /([.?@])?(.*)/.exec(p);
+          a.push({ type: 1, index: n, name: f[2], strings: c, ctor: f[1] === "." ? Wt : f[1] === "?" ? Vt : f[1] === "@" ? qt : B }), i.removeAttribute(l);
+        } else l.startsWith(b) && (a.push({ type: 6, index: n }), i.removeAttribute(l));
         if (xt.test(i.tagName)) {
           const l = i.textContent.split(b), p = l.length - 1;
           if (p > 0) {
             i.textContent = D ? D.emptyScript : "";
-            for (let c = 0; c < p; c++) i.append(l[c], H()), x.nextNode(), a.push({ type: 2, index: ++o });
+            for (let c = 0; c < p; c++) i.append(l[c], H()), x.nextNode(), a.push({ type: 2, index: ++n });
             i.append(l[p], H());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === wt) a.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === wt) a.push({ type: 2, index: n });
       else {
         let l = -1;
-        for (; (l = i.data.indexOf(b, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += b.length - 1;
+        for (; (l = i.data.indexOf(b, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += b.length - 1;
       }
-      o++;
+      n++;
     }
   }
   static createElement(t, e) {
@@ -304,8 +304,8 @@ class R {
 function P(r, t, e = r, s) {
   if (t === y) return t;
   let i = s !== void 0 ? e._$Co?.[s] : e._$Cl;
-  const o = L(t) ? void 0 : t._$litDirective$;
-  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = i : e._$Cl = i), i !== void 0 && (t = P(r, i._$AS(r, t.values), i, s)), t;
+  const n = L(t) ? void 0 : t._$litDirective$;
+  return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = i : e._$Cl = i), i !== void 0 && (t = P(r, i._$AS(r, t.values), i, s)), t;
 }
 let Bt = class {
   constructor(t, e) {
@@ -320,13 +320,13 @@ let Bt = class {
   u(t) {
     const { el: { content: e }, parts: s } = this._$AD, i = (t?.creationScope ?? S).importNode(e, !0);
     x.currentNode = i;
-    let o = x.nextNode(), n = 0, h = 0, a = s[0];
+    let n = x.nextNode(), o = 0, h = 0, a = s[0];
     for (; a !== void 0; ) {
-      if (n === a.index) {
+      if (o === a.index) {
         let d;
-        a.type === 2 ? d = new U(o, o.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (d = new Ft(o, this, t)), this._$AV.push(d), a = s[++h];
+        a.type === 2 ? d = new U(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Ft(n, this, t)), this._$AV.push(d), a = s[++h];
       }
-      n !== a?.index && (o = x.nextNode(), n++);
+      o !== a?.index && (n = x.nextNode(), o++);
     }
     return x.currentNode = S, i;
   }
@@ -340,7 +340,7 @@ class U {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, e, s, i) {
-    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = i?.isConnected ?? !0;
+    this.type = 2, this._$AH = $, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = i?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -354,7 +354,7 @@ class U {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = P(this, t, e), L(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Dt(t) ? this.k(t) : this._(t);
+    t = P(this, t, e), L(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Dt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -363,14 +363,14 @@ class U {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== f && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(S.createTextNode(t)), this._$AH = t;
+    this._$AH !== $ && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(S.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = R.createElement(St(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === i) this._$AH.p(e);
     else {
-      const o = new Bt(i, this), n = o.u(this.options);
-      o.p(e), this.T(n), this._$AH = o;
+      const n = new Bt(i, this), o = n.u(this.options);
+      n.p(e), this.T(o), this._$AH = n;
     }
   }
   _$AC(t) {
@@ -381,7 +381,7 @@ class U {
     et(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, i = 0;
-    for (const o of t) i === e.length ? e.push(s = new U(this.O(H()), this.O(H()), this, this.options)) : s = e[i], s._$AI(o), i++;
+    for (const n of t) i === e.length ? e.push(s = new U(this.O(H()), this.O(H()), this, this.options)) : s = e[i], s._$AI(n), i++;
     i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -401,48 +401,48 @@ class B {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, i, o) {
-    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = f;
+  constructor(t, e, s, i, n) {
+    this.type = 1, this._$AH = $, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = $;
   }
   _$AI(t, e = this, s, i) {
-    const o = this.strings;
-    let n = !1;
-    if (o === void 0) t = P(this, t, e, 0), n = !L(t) || t !== this._$AH && t !== y, n && (this._$AH = t);
+    const n = this.strings;
+    let o = !1;
+    if (n === void 0) t = P(this, t, e, 0), o = !L(t) || t !== this._$AH && t !== y, o && (this._$AH = t);
     else {
       const h = t;
       let a, d;
-      for (t = o[0], a = 0; a < o.length - 1; a++) d = P(this, h[s + a], e, a), d === y && (d = this._$AH[a]), n ||= !L(d) || d !== this._$AH[a], d === f ? t = f : t !== f && (t += (d ?? "") + o[a + 1]), this._$AH[a] = d;
+      for (t = n[0], a = 0; a < n.length - 1; a++) d = P(this, h[s + a], e, a), d === y && (d = this._$AH[a]), o ||= !L(d) || d !== this._$AH[a], d === $ ? t = $ : t !== $ && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
     }
-    n && !i && this.j(t);
+    o && !i && this.j(t);
   }
   j(t) {
-    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Vt extends B {
+class Wt extends B {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === f ? void 0 : t;
+    this.element[this.name] = t === $ ? void 0 : t;
   }
 }
-class Wt extends B {
+class Vt extends B {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== f);
+    this.element.toggleAttribute(this.name, !!t && t !== $);
   }
 }
 class qt extends B {
-  constructor(t, e, s, i, o) {
-    super(t, e, s, i, o), this.type = 5;
+  constructor(t, e, s, i, n) {
+    super(t, e, s, i, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = P(this, t, e, 0) ?? f) === y) return;
-    const s = this._$AH, i = t === f && s !== f || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== f && (s === f || i);
-    i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = P(this, t, e, 0) ?? $) === y) return;
+    const s = this._$AH, i = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== $ && (s === $ || i);
+    i && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
@@ -465,8 +465,8 @@ const Yt = (r, t, e) => {
   const s = e?.renderBefore ?? t;
   let i = s._$litPart$;
   if (i === void 0) {
-    const o = e?.renderBefore ?? null;
-    s._$litPart$ = i = new U(t.insertBefore(H(), o), o, void 0, e ?? {});
+    const n = e?.renderBefore ?? null;
+    s._$litPart$ = i = new U(t.insertBefore(H(), n), n, void 0, e ?? {});
   }
   return i._$AI(r), i;
 };
@@ -504,45 +504,45 @@ const Jt = (r) => (t, e) => {
 };
 const Kt = { attribute: !0, type: String, converter: j, reflect: !1, hasChanged: Q }, Qt = (r = Kt, t, e) => {
   const { kind: s, metadata: i } = e;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), o.set(e.name, r), s === "accessor") {
-    const { name: n } = e;
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), n.set(e.name, r), s === "accessor") {
+    const { name: o } = e;
     return { set(h) {
       const a = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(n, a, r);
+      t.set.call(this, h), this.requestUpdate(o, a, r);
     }, init(h) {
-      return h !== void 0 && this.C(n, void 0, r, h), h;
+      return h !== void 0 && this.C(o, void 0, r, h), h;
     } };
   }
   if (s === "setter") {
-    const { name: n } = e;
+    const { name: o } = e;
     return function(h) {
-      const a = this[n];
-      t.call(this, h), this.requestUpdate(n, a, r);
+      const a = this[o];
+      t.call(this, h), this.requestUpdate(o, a, r);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function V(r) {
-  return (t, e) => typeof e == "object" ? Qt(r, t, e) : ((s, i, o) => {
-    const n = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
+function W(r) {
+  return (t, e) => typeof e == "object" ? Qt(r, t, e) : ((s, i, n) => {
+    const o = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(r, t, e);
 }
 function T(r) {
-  return V({ ...r, state: !0, attribute: !1 });
+  return W({ ...r, state: !0, attribute: !1 });
 }
 const te = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
 function ee(r, t) {
   return (e, s, i) => {
-    const o = (n) => n.renderRoot?.querySelector(r) ?? null;
+    const n = (o) => o.renderRoot?.querySelector(r) ?? null;
     return te(e, s, { get() {
-      return o(this);
+      return n(this);
     } });
   };
 }
 const it = { ATTRIBUTE: 1, CHILD: 2 }, rt = (r) => (...t) => ({ _$litDirective$: r, values: t });
-let ot = class {
+let nt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -558,7 +558,7 @@ let ot = class {
     return this.render(...e);
   }
 };
-const Et = "important", se = " !" + Et, F = rt(class extends ot {
+const Et = "important", se = " !" + Et, F = rt(class extends nt {
   constructor(r) {
     if (super(r), r.type !== it.ATTRIBUTE || r.name !== "style" || r.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
@@ -576,19 +576,19 @@ const Et = "important", se = " !" + Et, F = rt(class extends ot {
       const i = t[s];
       if (i != null) {
         this.ft.add(s);
-        const o = typeof i == "string" && i.endsWith(se);
-        s.includes("-") || o ? e.setProperty(s, o ? i.slice(0, -11) : i, o ? Et : "") : e[s] = i;
+        const n = typeof i == "string" && i.endsWith(se);
+        s.includes("-") || n ? e.setProperty(s, n ? i.slice(0, -11) : i, n ? Et : "") : e[s] = i;
       }
     }
     return y;
   }
 });
-class Y extends ot {
+class Y extends nt {
   constructor(t) {
-    if (super(t), this.it = f, t.type !== it.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(t), this.it = $, t.type !== it.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
-    if (t === f || t == null) return this._t = void 0, this.it = t;
+    if (t === $ || t == null) return this._t = void 0, this.it = t;
     if (t === y) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
@@ -605,24 +605,24 @@ const ie = rt(G);
 const { I: re } = Zt, vt = () => document.createComment(""), M = (r, t, e) => {
   const s = r._$AA.parentNode, i = t === void 0 ? r._$AB : t._$AA;
   if (e === void 0) {
-    const o = s.insertBefore(vt(), i), n = s.insertBefore(vt(), i);
-    e = new re(o, n, r, r.options);
+    const n = s.insertBefore(vt(), i), o = s.insertBefore(vt(), i);
+    e = new re(n, o, r, r.options);
   } else {
-    const o = e._$AB.nextSibling, n = e._$AM, h = n !== r;
+    const n = e._$AB.nextSibling, o = e._$AM, h = o !== r;
     if (h) {
       let a;
-      e._$AQ?.(r), e._$AM = r, e._$AP !== void 0 && (a = r._$AU) !== n._$AU && e._$AP(a);
+      e._$AQ?.(r), e._$AM = r, e._$AP !== void 0 && (a = r._$AU) !== o._$AU && e._$AP(a);
     }
-    if (o !== i || h) {
+    if (n !== i || h) {
       let a = e._$AA;
-      for (; a !== o; ) {
+      for (; a !== n; ) {
         const d = a.nextSibling;
         s.insertBefore(a, i), a = d;
       }
     }
   }
   return e;
-}, w = (r, t, e = r) => (r._$AI(t, e), r), oe = {}, ne = (r, t = oe) => r._$AH = t, ae = (r) => r._$AH, Z = (r) => {
+}, w = (r, t, e = r) => (r._$AI(t, e), r), ne = {}, oe = (r, t = ne) => r._$AH = t, ae = (r) => r._$AH, Z = (r) => {
   r._$AP?.(!1, !0);
   let t = r._$AA;
   const e = r._$AB.nextSibling;
@@ -635,55 +635,55 @@ const yt = (r, t, e) => {
   const s = /* @__PURE__ */ new Map();
   for (let i = t; i <= e; i++) s.set(r[i], i);
   return s;
-}, X = rt(class extends ot {
+}, X = rt(class extends nt {
   constructor(r) {
     if (super(r), r.type !== it.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(r, t, e) {
     let s;
     e === void 0 ? e = t : t !== void 0 && (s = t);
-    const i = [], o = [];
-    let n = 0;
-    for (const h of r) i[n] = s ? s(h, n) : n, o[n] = e(h, n), n++;
-    return { values: o, keys: i };
+    const i = [], n = [];
+    let o = 0;
+    for (const h of r) i[o] = s ? s(h, o) : o, n[o] = e(h, o), o++;
+    return { values: n, keys: i };
   }
   render(r, t, e) {
     return this.dt(r, t, e).values;
   }
   update(r, [t, e, s]) {
-    const i = ae(r), { values: o, keys: n } = this.dt(t, e, s);
-    if (!Array.isArray(i)) return this.ut = n, o;
+    const i = ae(r), { values: n, keys: o } = this.dt(t, e, s);
+    if (!Array.isArray(i)) return this.ut = o, n;
     const h = this.ut ??= [], a = [];
-    let d, u, l = 0, p = i.length - 1, c = 0, $ = o.length - 1;
-    for (; l <= p && c <= $; ) if (i[l] === null) l++;
+    let d, u, l = 0, p = i.length - 1, c = 0, f = n.length - 1;
+    for (; l <= p && c <= f; ) if (i[l] === null) l++;
     else if (i[p] === null) p--;
-    else if (h[l] === n[c]) a[c] = w(i[l], o[c]), l++, c++;
-    else if (h[p] === n[$]) a[$] = w(i[p], o[$]), p--, $--;
-    else if (h[l] === n[$]) a[$] = w(i[l], o[$]), M(r, a[$ + 1], i[l]), l++, $--;
-    else if (h[p] === n[c]) a[c] = w(i[p], o[c]), M(r, i[l], i[p]), p--, c++;
-    else if (d === void 0 && (d = yt(n, c, $), u = yt(h, l, p)), d.has(h[l])) if (d.has(h[p])) {
-      const m = u.get(n[c]), W = m !== void 0 ? i[m] : null;
-      if (W === null) {
+    else if (h[l] === o[c]) a[c] = w(i[l], n[c]), l++, c++;
+    else if (h[p] === o[f]) a[f] = w(i[p], n[f]), p--, f--;
+    else if (h[l] === o[f]) a[f] = w(i[l], n[f]), M(r, a[f + 1], i[l]), l++, f--;
+    else if (h[p] === o[c]) a[c] = w(i[p], n[c]), M(r, i[l], i[p]), p--, c++;
+    else if (d === void 0 && (d = yt(o, c, f), u = yt(h, l, p)), d.has(h[l])) if (d.has(h[p])) {
+      const m = u.get(o[c]), V = m !== void 0 ? i[m] : null;
+      if (V === null) {
         const at = M(r, i[l]);
-        w(at, o[c]), a[c] = at;
-      } else a[c] = w(W, o[c]), M(r, i[l], W), i[m] = null;
+        w(at, n[c]), a[c] = at;
+      } else a[c] = w(V, n[c]), M(r, i[l], V), i[m] = null;
       c++;
     } else Z(i[p]), p--;
     else Z(i[l]), l++;
-    for (; c <= $; ) {
-      const m = M(r, a[$ + 1]);
-      w(m, o[c]), a[c++] = m;
+    for (; c <= f; ) {
+      const m = M(r, a[f + 1]);
+      w(m, n[c]), a[c++] = m;
     }
     for (; l <= p; ) {
       const m = i[l++];
       m !== null && Z(m);
     }
-    return this.ut = n, ne(r, a), y;
+    return this.ut = o, oe(r, a), y;
   }
 });
 var le = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Ct = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? he(t, e) : t, o = r.length - 1, n; o >= 0; o--)
-    (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
+  for (var i = s > 1 ? void 0 : s ? he(t, e) : t, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && le(t, e, i), i;
 };
 let I = class extends C {
@@ -736,19 +736,19 @@ I.styles = bt`
         }
     `;
 Ct([
-  V({ type: Number })
+  W({ type: Number })
 ], I.prototype, "value", 2);
 I = Ct([
   Jt("linear-progress")
 ], I);
 var ce = Object.defineProperty, _ = (r, t, e, s) => {
-  for (var i = void 0, o = r.length - 1, n; o >= 0; o--)
-    (n = r[o]) && (i = n(t, e, i) || i);
+  for (var i = void 0, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (i = o(t, e, i) || i);
   return i && ce(t, e, i), i;
 };
-const nt = class nt extends C {
+const ot = class ot extends C {
   constructor() {
-    super(), this.version = "1.0.11", this.getModifier = this.getModifier.bind(this);
+    super(), this.version = "1.0.13", this.getModifier = this.getModifier.bind(this);
   }
   update(t) {
     t.has("inputData") && (this.transform(), this.modifier || this.getModifier()), t.has("theme") && this.registerTheme(this.theme), super.update(t);
@@ -757,8 +757,7 @@ const nt = class nt extends C {
     this.registerTheme(this.theme), new ResizeObserver(this.getModifier).observe(this);
   }
   registerTheme(t) {
-    const e = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), s = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
-    this.themeBgColor = s || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = e || this.theme?.theme_object?.title?.textStyle?.color, this.themeSubtitleColor = e || this.theme?.theme_object?.title?.subtextStyle?.color || this.themeTitleColor;
+    this.themeBgColor = `var(--re-tile-background-color, ${this.theme?.theme_object?.backgroundColor || "transparent"})`, this.themeTitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`, this.themeSubtitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.subtextStyle?.color || this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`;
   }
   handleFileChange(t) {
     const s = t.target.files?.[0];
@@ -819,13 +818,13 @@ const nt = class nt extends C {
         if (console.log(c), c && c.width > 0 && c.height > 0)
           s = c.width, i = c.height;
         else {
-          const $ = this.baseLayer.getAttribute("width"), m = this.baseLayer.getAttribute("height");
-          $ && m && (s = parseFloat($), i = parseFloat(m));
+          const f = this.baseLayer.getAttribute("width"), m = this.baseLayer.getAttribute("height");
+          f && m && (s = parseFloat(f), i = parseFloat(m));
         }
       }
     }
     if (!s || !i) return;
-    const o = t.width / s, n = t.height / i, h = Math.min(o, n), a = s * h, d = i * h, u = (e.width - a) / 2, l = (e.height - d) / 2;
+    const n = t.width / s, o = t.height / i, h = Math.min(n, o), a = s * h, d = i * h, u = (e.width - a) / 2, l = (e.height - d) / 2;
     this.modifier = { scaler: h, xOffset: u, yOffset: l, visibleWidth: a, visibleHeight: d };
   }
   getOverlayItemPosition(t, e, s) {
@@ -835,14 +834,14 @@ const nt = class nt extends C {
     };
   }
   renderText(t, e, s) {
-    const i = t, o = this.getOverlayItemPosition(e.relXPos, e.relYPos, s);
-    if (!o) return f;
-    const n = i.textStyle?.precision ?? 1;
+    const i = t, n = this.getOverlayItemPosition(e.relXPos, e.relYPos, s);
+    if (!n) return $;
+    const o = i.textStyle?.precision ?? 1;
     let h = e.data;
     const a = Number(h);
     let d = "#333";
-    if (!Number.isNaN(a) && typeof n == "number" && n >= 0) {
-      h = a.toFixed(n);
+    if (!Number.isNaN(a) && typeof o == "number" && o >= 0) {
+      h = a.toFixed(o);
       const l = i.sections?.sectionLimits.findIndex((p) => a <= p) ?? -2;
       d = (l >= 1 ? i.sections?.colors[l - 1] : "#333") ?? "#333";
     }
@@ -851,8 +850,8 @@ const nt = class nt extends C {
       color: d,
       "background-color": i.textStyle.backgroundColor,
       "font-weight": i.textStyle.fontWeight,
-      left: `${o.left}px`,
-      top: `${o.top}px`,
+      left: `${n.left}px`,
+      top: `${n.top}px`,
       "border-radius": 10 * s.scaler + "px",
       "transform-origin": "50% 50%",
       transform: "translate(-50%, -50%)",
@@ -863,25 +862,25 @@ const nt = class nt extends C {
         `;
   }
   renderProgress(t, e, s) {
-    const i = t, o = this.getOverlayItemPosition(e.relXPos, e.relYPos, s);
-    if (!o) return f;
-    const n = i.sections?.sectionLimits.findIndex(($) => Number(e.data) <= $) ?? -2, a = {
-      "--progress-color": (n >= 1 ? i.sections?.colors[n - 1] : void 0) ?? "#333",
+    const i = t, n = this.getOverlayItemPosition(e.relXPos, e.relYPos, s);
+    if (!n) return $;
+    const o = i.sections?.sectionLimits.findIndex((f) => Number(e.data) <= f) ?? -2, a = {
+      "--progress-color": (o >= 1 ? i.sections?.colors[o - 1] : void 0) ?? "#333",
       "--progress-width": (i.progressStyle?.width ?? 10) * s.scaler + "px",
       "--progress-height": (i.progressStyle?.height ?? 100) * s.scaler + "px",
       "--progress-background": i.progressStyle?.backgroundColor ?? "#fff",
       "border-radius": 10 * s.scaler + "px",
       "transform-origin": "50% 50%",
       transform: `translate(-50%, -50%) rotate(${i.progressStyle?.rotate ?? 0}deg)`,
-      left: `${o.left}px`,
-      top: `${o.top}px`
+      left: `${n.left}px`,
+      top: `${n.top}px`
     }, d = Number(e.data), u = i.sections ?? {}, l = Math.min(...u.sectionLimits.map(Number)), p = Math.max(...u.sectionLimits.map(Number));
     let c = p === l ? 0 : (d - l) / (p - l);
     return c = Math.min(1, Math.max(0, c)), g` <linear-progress .value=${c} style=${F(a)}></linear-progress> `;
   }
   renderLayer(t) {
     const e = this.modifier;
-    if (!e) return f;
+    if (!e) return $;
     const s = {
       left: e.xOffset + "px",
       top: e.yOffset + "px",
@@ -903,7 +902,7 @@ const nt = class nt extends C {
       t.textPins ?? [],
       (s, i) => i,
       (s) => g`${this.renderText(t, s, e)}`
-    )}` : f;
+    )}` : $;
   }
   renderProgressLayer(t) {
     const e = this.modifier;
@@ -911,7 +910,7 @@ const nt = class nt extends C {
       t.progressPins ?? [],
       (s, i) => i,
       (s) => g`${this.renderProgress(t, s, e)}`
-    )}` : f;
+    )}` : $;
   }
   render() {
     const t = !!this.inlineSvg || !!this.previewUrl;
@@ -947,7 +946,7 @@ const nt = class nt extends C {
         `;
   }
 };
-nt.styles = bt`
+ot.styles = bt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -1031,12 +1030,12 @@ nt.styles = bt`
             pointer-events: auto;
         }
     `;
-let v = nt;
+let v = ot;
 _([
-  V({ type: Object })
+  W({ type: Object })
 ], v.prototype, "inputData");
 _([
-  V({ type: Object })
+  W({ type: Object })
 ], v.prototype, "theme");
 _([
   T()
@@ -1059,7 +1058,7 @@ _([
 _([
   ee("#base-layer")
 ], v.prototype, "baseLayer");
-window.customElements.define("widget-overlay-1.0.11", v);
+window.customElements.define("widget-overlay-1.0.13", v);
 export {
   v as WidgetImage
 };