@record-evolution/widget-overlay 1.0.8 → 1.0.10

package/dist/widget-overlay.js

@@ -1,719 +1,699 @@
-import { css as ve, LitElement as Te, html as y, nothing as P } from "lit";
-import { property as te, customElement as Re, state as M, query as ke } from "lit/decorators.js";
-const $ = globalThis, u = (o) => {
-  $.emitLitDebugLogEvents && $.dispatchEvent(new CustomEvent("lit-debug", {
-    detail: o
-  }));
+const k = globalThis, J = k.ShadowRoot && (k.ShadyCSS === void 0 || k.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), lt = /* @__PURE__ */ new WeakMap();
+let _t = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (J && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = lt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && lt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
 };
-let I;
-$.litIssuedWarnings ??= /* @__PURE__ */ new Set(), I = (o, e) => {
-  e += o ? ` See https://lit.dev/msg/${o} for more information.` : "", !$.litIssuedWarnings.has(e) && !$.litIssuedWarnings.has(o) && (console.warn(e), $.litIssuedWarnings.add(e));
-}, queueMicrotask(() => {
-  I("dev-mode", "Lit is in dev mode. Not recommended for production!");
-});
-const x = $.ShadyDOM?.inUse && $.ShadyDOM?.noPatch === !0 ? $.ShadyDOM.wrap : (o) => o, z = $.trustedTypes, pe = z ? z.createPolicy("lit-html", {
-  createHTML: (o) => o
-}) : void 0, De = (o) => o, Ce = (o, e, t) => De, ue = (o, e, t) => j(), Ne = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, Se = "?" + v, Ue = `<${Se}>`, V = document, O = () => V.createComment(""), D = (o) => o === null || typeof o != "object" && typeof o != "function", ie = Array.isArray, Ie = (o) => ie(o) || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-typeof o?.[Symbol.iterator] == "function", K = `[ 	
-\f\r]`, ze = `[^ 	
-\f\r"'\`<>=]`, Oe = `[^\\s"'>=/]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, fe = 1, G = 2, He = 3, ge = /-->/g, _e = />/g, S = new RegExp(`>|${K}(?:(${Oe}+)(${K}*=${K}*(?:${ze}|("|')|))|$)`, "g"), Be = 0, ye = 1, je = 2, $e = 3, Y = /'/g, q = /"/g, Ee = /^(?:script|style|textarea|title)$/i, J = 2, ee = 3, se = 1, H = 2, We = 3, Fe = 4, Ke = 5, ne = 6, Ge = 7, N = /* @__PURE__ */ Symbol.for("lit-noChange"), _ = /* @__PURE__ */ Symbol.for("lit-nothing"), be = /* @__PURE__ */ new WeakMap(), A = V.createTreeWalker(
-  V,
-  129
-  /* NodeFilter.SHOW_{ELEMENT|COMMENT} */
-);
-let j = Ce;
-function Ae(o, e) {
-  if (!ie(o) || !o.hasOwnProperty("raw")) {
-    let t = "invalid template strings array";
-    throw t = `
-          Internal Error: expected template strings to be an array
-          with a 'raw' field. Faking a template strings array by
-          calling html or svg like an ordinary function is effectively
-          the same as calling unsafeHtml and can lead to major security
-          issues, e.g. opening your code up to XSS attacks.
-          If you're using the html or svg tagged template functions normally
-          and still seeing this error, please file a bug at
-          https://github.com/lit/lit/issues/new?template=bug_report.md
-          and include information about your build tooling, if any.
-        `.trim().replace(/\n */g, `
-`), new Error(t);
-  }
-  return pe !== void 0 ? pe.createHTML(e) : e;
+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]);
+  return new _t(e, r, K);
+}, Ut = (r, t) => {
+  if (J) r.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  else for (const e of t) {
+    const s = document.createElement("style"), i = k.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
+  }
+}, ht = J ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return Pt(e);
+})(r) : r;
+const { is: Tt, defineProperty: Ot, getOwnPropertyDescriptor: Mt, getOwnPropertyNames: Nt, getOwnPropertySymbols: Ht, getPrototypeOf: Lt } = Object, z = globalThis, ct = z.trustedTypes, Rt = ct ? ct.emptyScript : "", kt = z.reactiveElementPolyfillSupport, N = (r, t) => r, j = { toAttribute(r, t) {
+  switch (t) {
+    case Boolean:
+      r = r ? Rt : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
+  }
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
+  switch (t) {
+    case Boolean:
+      e = r !== null;
+      break;
+    case Number:
+      e = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(r);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Q = (r, t) => !Tt(r, t), dt = { attribute: !0, type: String, converter: j, reflect: !1, useDefault: !1, hasChanged: Q };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), z.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let E = class 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, e = dt) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && Ot(this.prototype, t, i);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: o } = Mt(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get: i, set(n) {
+      const h = i?.call(this);
+      o?.call(this, n), this.requestUpdate(t, h, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? dt;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(N("elementProperties"))) return;
+    const t = Lt(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(N("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
+      const e = this.properties, s = [...Nt(e), ...Ht(e)];
+      for (const i of s) this.createProperty(i, e[i]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(ht(i));
+    } else t !== void 0 && e.push(ht(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return Ut(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$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;
+    }
+  }
+  _$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;
+    }
+  }
+  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;
+      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));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [i, o] of this._$Ep) this[i] = o;
+        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);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(e)) : this._$EM();
+    } catch (s) {
+      throw t = !1, this._$EM(), s;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+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);
+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 Ye = (o, e) => {
-  const t = o.length - 1, i = [];
-  let s = e === J ? "<svg>" : e === ee ? "<math>" : "", n, r = R;
-  for (let a = 0; a < t; a++) {
-    const c = o[a];
-    let f = -1, m, d = 0, l;
-    for (; d < c.length && (r.lastIndex = d, l = r.exec(c), l !== null); )
-      if (d = r.lastIndex, r === R) {
-        if (l[fe] === "!--")
-          r = ge;
-        else if (l[fe] !== void 0)
-          r = _e;
-        else if (l[G] !== void 0)
-          Ee.test(l[G]) && (n = new RegExp(`</${l[G]}`, "g")), r = S;
-        else if (l[He] !== void 0)
-          throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions");
-      } else r === S ? l[Be] === ">" ? (r = n ?? R, f = -1) : l[ye] === void 0 ? f = -2 : (f = r.lastIndex - l[je].length, m = l[ye], r = l[$e] === void 0 ? S : l[$e] === '"' ? q : Y) : r === q || r === Y ? r = S : r === ge || r === _e ? r = R : (r = S, n = void 0);
-    console.assert(f === -1 || r === S || r === Y || r === q, "unexpected parse state B");
-    const p = r === S && o[a + 1].startsWith("/>") ? " " : "";
-    s += r === R ? c + Ue : f >= 0 ? (i.push(m), c.slice(0, f) + Ne + c.slice(f) + v + p) : c + v + (f === -2 ? a : p);
-  }
-  const h = s + (o[t] || "<?>") + (e === J ? "</svg>" : e === ee ? "</math>" : "");
-  return [Ae(o, h), i];
+const zt = (r, t) => {
+  const e = r.length - 1, s = [];
+  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = 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);
+  }
+  return [St(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class U {
-  constructor({ strings: e, ["_$litType$"]: t }, i) {
+class R {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let i;
     this.parts = [];
-    let s, n = 0, r = 0;
-    const h = e.length - 1, a = this.parts, [c, f] = Ye(e, t);
-    if (this.el = U.createElement(c, i), A.currentNode = this.el.content, t === J || t === ee) {
-      const m = this.el.content.firstChild;
-      m.replaceWith(...m.childNodes);
+    let o = 0, n = 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;
+      l.replaceWith(...l.childNodes);
     }
-    for (; (s = A.nextNode()) !== null && a.length < h; ) {
-      if (s.nodeType === 1) {
-        {
-          const m = s.localName;
-          if (/^(?:textarea|template)$/i.test(m) && s.innerHTML.includes(v)) {
-            const d = `Expressions are not supported inside \`${m}\` elements. See https://lit.dev/msg/expression-in-${m} for more information.`;
-            if (m === "template")
-              throw new Error(d);
-            I("", d);
-          }
-        }
-        if (s.hasAttributes())
-          for (const m of s.getAttributeNames())
-            if (m.endsWith(Ne)) {
-              const d = f[r++], p = s.getAttribute(m).split(v), g = /([.?@])?(.*)/.exec(d);
-              a.push({
-                type: se,
-                index: n,
-                name: g[2],
-                strings: p,
-                ctor: g[1] === "." ? Ze : g[1] === "?" ? Qe : g[1] === "@" ? Xe : W
-              }), s.removeAttribute(m);
-            } else m.startsWith(v) && (a.push({
-              type: ne,
-              index: n
-            }), s.removeAttribute(m));
-        if (Ee.test(s.tagName)) {
-          const m = s.textContent.split(v), d = m.length - 1;
-          if (d > 0) {
-            s.textContent = z ? z.emptyScript : "";
-            for (let l = 0; l < d; l++)
-              s.append(m[l], O()), A.nextNode(), a.push({ type: H, index: ++n });
-            s.append(m[d], O());
+    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));
+        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 });
+            i.append(l[p], H());
           }
         }
-      } else if (s.nodeType === 8)
-        if (s.data === Se)
-          a.push({ type: H, index: n });
-        else {
-          let d = -1;
-          for (; (d = s.data.indexOf(v, d + 1)) !== -1; )
-            a.push({ type: Ge, index: n }), d += v.length - 1;
-        }
-      n++;
+      } else if (i.nodeType === 8) if (i.data === wt) a.push({ type: 2, index: o });
+      else {
+        let l = -1;
+        for (; (l = i.data.indexOf(b, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += b.length - 1;
+      }
+      o++;
     }
-    if (f.length !== r)
-      throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`' + e.join("${...}") + "`");
-    u && u({
-      kind: "template prep",
-      template: this,
-      clonableTemplate: this.el,
-      parts: this.parts,
-      strings: e
-    });
-  }
-  // Overridden via `litHtmlPolyfillSupport` to provide platform support.
-  /** @nocollapse */
-  static createElement(e, t) {
-    const i = V.createElement("template");
-    return i.innerHTML = e, i;
+  }
+  static createElement(t, e) {
+    const s = S.createElement("template");
+    return s.innerHTML = t, s;
   }
 }
-function L(o, e, t = o, i) {
-  if (e === N)
-    return e;
-  let s = i !== void 0 ? t.__directives?.[i] : t.__directive;
-  const n = D(e) ? void 0 : (
-    // This property needs to remain unminified.
-    e._$litDirective$
-  );
-  return s?.constructor !== n && (s?._$notifyDirectiveConnectionChanged?.(!1), n === void 0 ? s = void 0 : (s = new n(o), s._$initialize(o, t, i)), i !== void 0 ? (t.__directives ??= [])[i] = s : t.__directive = s), s !== void 0 && (e = L(o, s._$resolve(o, e.values), s, i)), e;
+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;
 }
-class qe {
-  constructor(e, t) {
-    this._$parts = [], this._$disconnectableChildren = void 0, this._$template = e, this._$parent = t;
+let Bt = class {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
-  // Called by ChildPart parentNode getter
   get parentNode() {
-    return this._$parent.parentNode;
-  }
-  // See comment in Disconnectable interface for why this is a getter
-  get _$isConnected() {
-    return this._$parent._$isConnected;
-  }
-  // This method is separate from the constructor because we need to return a
-  // DocumentFragment and we don't want to hold onto it with an instance field.
-  _clone(e) {
-    const { el: { content: t }, parts: i } = this._$template, s = (e?.creationScope ?? V).importNode(t, !0);
-    A.currentNode = s;
-    let n = A.nextNode(), r = 0, h = 0, a = i[0];
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  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];
     for (; a !== void 0; ) {
-      if (r === a.index) {
-        let c;
-        a.type === H ? c = new oe(n, n.nextSibling, this, e) : a.type === se ? c = new a.ctor(n, a.name, a.strings, this, e) : a.type === ne && (c = new Je(n, this, e)), this._$parts.push(c), a = i[++h];
+      if (n === 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];
       }
-      r !== a?.index && (n = A.nextNode(), r++);
+      n !== a?.index && (o = x.nextNode(), n++);
     }
-    return A.currentNode = V, s;
-  }
-  _update(e) {
-    let t = 0;
-    for (const i of this._$parts)
-      i !== void 0 && (u && u({
-        kind: "set part",
-        part: i,
-        value: e[t],
-        valueIndex: t,
-        values: e,
-        templateInstance: this
-      }), i.strings !== void 0 ? (i._$setValue(e, i, t), t += i.strings.length - 2) : i._$setValue(e[t])), t++;
+    return x.currentNode = S, i;
+  }
+  p(t) {
+    let e = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  }
+};
+class U {
+  get _$AU() {
+    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;
   }
-}
-let oe = class Ve {
-  // See comment in Disconnectable interface for why this is a getter
-  get _$isConnected() {
-    return this._$parent?._$isConnected ?? this.__isConnected;
-  }
-  constructor(e, t, i, s) {
-    this.type = H, this._$committedValue = _, this._$disconnectableChildren = void 0, this._$startNode = e, this._$endNode = t, this._$parent = i, this.options = s, this.__isConnected = s?.isConnected ?? !0, this._textSanitizer = void 0;
-  }
-  /**
-   * The parent node into which the part renders its content.
-   *
-   * A ChildPart's content consists of a range of adjacent child nodes of
-   * `.parentNode`, possibly bordered by 'marker nodes' (`.startNode` and
-   * `.endNode`).
-   *
-   * - If both `.startNode` and `.endNode` are non-null, then the part's content
-   * consists of all siblings between `.startNode` and `.endNode`, exclusively.
-   *
-   * - If `.startNode` is non-null but `.endNode` is null, then the part's
-   * content consists of all siblings following `.startNode`, up to and
-   * including the last child of `.parentNode`. If `.endNode` is non-null, then
-   * `.startNode` will always be non-null.
-   *
-   * - If both `.endNode` and `.startNode` are null, then the part's content
-   * consists of all child nodes of `.parentNode`.
-   */
   get parentNode() {
-    let e = x(this._$startNode).parentNode;
-    const t = this._$parent;
-    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
-  }
-  /**
-   * The part's leading marker node, if any. See `.parentNode` for more
-   * information.
-   */
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
   get startNode() {
-    return this._$startNode;
+    return this._$AA;
   }
-  /**
-   * The part's trailing marker node, if any. See `.parentNode` for more
-   * information.
-   */
   get endNode() {
-    return this._$endNode;
-  }
-  _$setValue(e, t = this) {
-    if (this.parentNode === null)
-      throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");
-    if (e = L(this, e, t), D(e))
-      e === _ || e == null || e === "" ? (this._$committedValue !== _ && (u && u({
-        kind: "commit nothing to child",
-        start: this._$startNode,
-        end: this._$endNode,
-        parent: this._$parent,
-        options: this.options
-      }), this._$clear()), this._$committedValue = _) : e !== this._$committedValue && e !== N && this._commitText(e);
-    else if (e._$litType$ !== void 0)
-      this._commitTemplateResult(e);
-    else if (e.nodeType !== void 0) {
-      if (this.options?.host === e) {
-        this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"), console.warn("Attempted to render the template host", e, "inside itself. This is almost always a mistake, and in dev mode ", "we render some warning text. In production however, we'll ", "render it, which will usually result in an error, and sometimes ", "in the element disappearing from the DOM.");
-        return;
-      }
-      this._commitNode(e);
-    } else Ie(e) ? this._commitIterable(e) : this._commitText(e);
-  }
-  _insert(e) {
-    return x(x(this._$startNode).parentNode).insertBefore(e, this._$endNode);
-  }
-  _commitNode(e) {
-    if (this._$committedValue !== e) {
-      if (this._$clear(), j !== Ce) {
-        const t = this._$startNode.parentNode?.nodeName;
-        if (t === "STYLE" || t === "SCRIPT") {
-          let i = "Forbidden";
-          throw t === "STYLE" ? i = "Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets." : i = "Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.", new Error(i);
-        }
-      }
-      u && u({
-        kind: "commit node",
-        start: this._$startNode,
-        parent: this._$parent,
-        value: e,
-        options: this.options
-      }), this._$committedValue = this._insert(e);
-    }
+    return this._$AB;
   }
-  _commitText(e) {
-    if (this._$committedValue !== _ && D(this._$committedValue)) {
-      const t = x(this._$startNode).nextSibling;
-      this._textSanitizer === void 0 && (this._textSanitizer = ue()), e = this._textSanitizer(e), u && u({
-        kind: "commit text",
-        node: t,
-        value: e,
-        options: this.options
-      }), t.data = e;
-    } else {
-      const t = V.createTextNode("");
-      this._commitNode(t), this._textSanitizer === void 0 && (this._textSanitizer = ue()), e = this._textSanitizer(e), u && u({
-        kind: "commit text",
-        node: t,
-        value: e,
-        options: this.options
-      }), t.data = e;
-    }
-    this._$committedValue = e;
-  }
-  _commitTemplateResult(e) {
-    const { values: t, ["_$litType$"]: i } = e, s = typeof i == "number" ? this._$getTemplate(e) : (i.el === void 0 && (i.el = U.createElement(Ae(i.h, i.h[0]), this.options)), i);
-    if (this._$committedValue?._$template === s)
-      u && u({
-        kind: "template updating",
-        template: s,
-        instance: this._$committedValue,
-        parts: this._$committedValue._$parts,
-        options: this.options,
-        values: t
-      }), this._$committedValue._update(t);
+  _$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);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    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;
+  }
+  $(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 n = new qe(s, this), r = n._clone(this.options);
-      u && u({
-        kind: "template instantiated",
-        template: s,
-        instance: n,
-        parts: n._$parts,
-        options: this.options,
-        fragment: r,
-        values: t
-      }), n._update(t), u && u({
-        kind: "template instantiated and updated",
-        template: s,
-        instance: n,
-        parts: n._$parts,
-        options: this.options,
-        fragment: r,
-        values: t
-      }), this._commitNode(r), this._$committedValue = n;
+      const o = new Bt(i, this), n = o.u(this.options);
+      o.p(e), this.T(n), this._$AH = o;
     }
   }
-  // Overridden via `litHtmlPolyfillSupport` to provide platform support.
-  /** @internal */
-  _$getTemplate(e) {
-    let t = be.get(e.strings);
-    return t === void 0 && be.set(e.strings, t = new U(e)), t;
-  }
-  _commitIterable(e) {
-    ie(this._$committedValue) || (this._$committedValue = [], this._$clear());
-    const t = this._$committedValue;
-    let i = 0, s;
-    for (const n of e)
-      i === t.length ? t.push(s = new Ve(this._insert(O()), this._insert(O()), this, this.options)) : s = t[i], s._$setValue(n), i++;
-    i < t.length && (this._$clear(s && x(s._$endNode).nextSibling, i), t.length = i);
-  }
-  /**
-   * Removes the nodes contained within this Part from the DOM.
-   *
-   * @param start Start node to clear from, for clearing a subset of the part's
-   *     DOM (used when truncating iterables)
-   * @param from  When `start` is specified, the index within the iterable from
-   *     which ChildParts are being removed, used for disconnecting directives in
-   *     those Parts.
-   *
-   * @internal
-   */
-  _$clear(e = x(this._$startNode).nextSibling, t) {
-    for (this._$notifyConnectionChanged?.(!1, !0, t); e && e !== this._$endNode; ) {
-      const i = x(e).nextSibling;
-      x(e).remove(), e = i;
+  _$AC(t) {
+    let e = mt.get(t.strings);
+    return e === void 0 && mt.set(t.strings, e = new R(t)), e;
+  }
+  k(t) {
+    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++;
+    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
     }
   }
-  /**
-   * Implementation of RootPart's `isConnected`. Note that this method
-   * should only be called on `RootPart`s (the `ChildPart` returned from a
-   * top-level `render()` call). It has no effect on non-root ChildParts.
-   * @param isConnected Whether to set
-   * @internal
-   */
-  setConnected(e) {
-    if (this._$parent === void 0)
-      this.__isConnected = e, this._$notifyConnectionChanged?.(e);
-    else
-      throw new Error("part.setConnected() may only be called on a RootPart returned from render().");
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
-};
-class W {
+}
+class B {
   get tagName() {
     return this.element.tagName;
   }
-  // See comment in Disconnectable interface for why this is a getter
-  get _$isConnected() {
-    return this._$parent._$isConnected;
-  }
-  constructor(e, t, i, s, n) {
-    this.type = se, this._$committedValue = _, this._$disconnectableChildren = void 0, this.element = e, this.name = t, this._$parent = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$committedValue = new Array(i.length - 1).fill(new String()), this.strings = i) : this._$committedValue = _, this._sanitizer = void 0;
-  }
-  /**
-   * Sets the value of this part by resolving the value from possibly multiple
-   * values and static strings and committing it to the DOM.
-   * If this part is single-valued, `this._strings` will be undefined, and the
-   * method will be called with a single value argument. If this part is
-   * multi-value, `this._strings` will be defined, and the method is called
-   * with the value array of the part's owning TemplateInstance, and an offset
-   * into the value array from which the values should be read.
-   * This method is overloaded this way to eliminate short-lived array slices
-   * of the template instance values, and allow a fast-path for single-valued
-   * parts.
-   *
-   * @param value The part value, or an array of values for multi-valued parts
-   * @param valueIndex the index to start reading values from. `undefined` for
-   *   single-valued parts
-   * @param noCommit causes the part to not commit its value to the DOM. Used
-   *   in hydration to prime attribute parts with their first-rendered value,
-   *   but not set the attribute, and in SSR to no-op the DOM operation and
-   *   capture the value for serialization.
-   *
-   * @internal
-   */
-  _$setValue(e, t = this, i, s) {
-    const n = this.strings;
-    let r = !1;
-    if (n === void 0)
-      e = L(this, e, t, 0), r = !D(e) || e !== this._$committedValue && e !== N, r && (this._$committedValue = e);
+  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;
+  }
+  _$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);
     else {
-      const h = e;
-      e = n[0];
-      let a, c;
-      for (a = 0; a < n.length - 1; a++)
-        c = L(this, h[i + a], t, a), c === N && (c = this._$committedValue[a]), r ||= !D(c) || c !== this._$committedValue[a], c === _ ? e = _ : e !== _ && (e += (c ?? "") + n[a + 1]), this._$committedValue[a] = c;
+      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;
     }
-    r && !s && this._commitValue(e);
-  }
-  /** @internal */
-  _commitValue(e) {
-    e === _ ? x(this.element).removeAttribute(this.name) : (this._sanitizer === void 0 && (this._sanitizer = j(this.element, this.name)), e = this._sanitizer(e ?? ""), u && u({
-      kind: "commit attribute",
-      element: this.element,
-      name: this.name,
-      value: e,
-      options: this.options
-    }), x(this.element).setAttribute(this.name, e ?? ""));
+    n && !i && this.j(t);
+  }
+  j(t) {
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Ze extends W {
+class Vt extends B {
   constructor() {
-    super(...arguments), this.type = We;
-  }
-  /** @internal */
-  _commitValue(e) {
-    this._sanitizer === void 0 && (this._sanitizer = j(this.element, this.name)), e = this._sanitizer(e), u && u({
-      kind: "commit property",
-      element: this.element,
-      name: this.name,
-      value: e,
-      options: this.options
-    }), this.element[this.name] = e === _ ? void 0 : e;
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class Qe extends W {
+class Wt extends B {
   constructor() {
-    super(...arguments), this.type = Fe;
-  }
-  /** @internal */
-  _commitValue(e) {
-    u && u({
-      kind: "commit boolean attribute",
-      element: this.element,
-      name: this.name,
-      value: !!(e && e !== _),
-      options: this.options
-    }), x(this.element).toggleAttribute(this.name, !!e && e !== _);
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class Xe extends W {
-  constructor(e, t, i, s, n) {
-    if (super(e, t, i, s, n), this.type = Ke, this.strings !== void 0)
-      throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`);
-  }
-  // EventPart does not use the base _$setValue/_resolveValue implementation
-  // since the dirty checking is more complex
-  /** @internal */
-  _$setValue(e, t = this) {
-    if (e = L(this, e, t, 0) ?? _, e === N)
-      return;
-    const i = this._$committedValue, s = e === _ && i !== _ || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, n = e !== _ && (i === _ || s);
-    u && u({
-      kind: "commit event listener",
-      element: this.element,
-      name: this.name,
-      value: e,
-      options: this.options,
-      removeListener: s,
-      addListener: n,
-      oldListener: i
-    }), s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, e), this._$committedValue = e;
-  }
-  handleEvent(e) {
-    typeof this._$committedValue == "function" ? this._$committedValue.call(this.options?.host ?? this.element, e) : this._$committedValue.handleEvent(e);
+class qt extends B {
+  constructor(t, e, s, i, o) {
+    super(t, e, s, i, o), 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;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Je {
-  constructor(e, t, i) {
-    this.element = e, this.type = ne, this._$disconnectableChildren = void 0, this._$parent = t, this.options = i;
-  }
-  // See comment in Disconnectable interface for why this is a getter
-  get _$isConnected() {
-    return this._$parent._$isConnected;
-  }
-  _$setValue(e) {
-    u && u({
-      kind: "commit to element binding",
-      element: this.element,
-      value: e,
-      options: this.options
-    }), L(this, e);
+class Ft {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    P(this, t);
   }
 }
-const et = {
-  _ChildPart: oe
-}, tt = $.litHtmlPolyfillSupportDevMode;
-tt?.(U, oe);
-($.litHtmlVersions ??= []).push("3.3.0");
-$.litHtmlVersions.length > 1 && queueMicrotask(() => {
-  I("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
-});
-const re = {
-  ATTRIBUTE: 1,
-  CHILD: 2
-}, ae = (o) => (...e) => ({
-  // This property needs to remain unminified.
-  _$litDirective$: o,
-  values: e
-});
-class le {
-  constructor(e) {
+const Zt = { I: U }, Xt = tt.litHtmlPolyfillSupport;
+Xt?.(R, U), (tt.litHtmlVersions ??= []).push("3.3.0");
+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 ?? {});
+  }
+  return i._$AI(r), i;
+};
+const st = globalThis;
+let C = class extends E {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
-  // See comment in Disconnectable interface for why this is a getter
-  get _$isConnected() {
-    return this._$parent._$isConnected;
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
   }
-  /** @internal */
-  _$initialize(e, t, i) {
-    this.__part = e, this._$parent = t, this.__attributeIndex = i;
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Yt(e, this.renderRoot, this.renderOptions);
   }
-  /** @internal */
-  _$resolve(e, t) {
-    return this.update(e, t);
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
   }
-  update(e, t) {
-    return this.render(...t);
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
+  render() {
+    return y;
+  }
+};
+C._$litElement$ = !0, C.finalized = !0, st.litElementHydrateSupport?.({ LitElement: C });
+const Gt = st.litElementPolyfillSupport;
+Gt?.({ LitElement: C });
+(st.litElementVersions ??= []).push("4.2.0");
+const Jt = (r) => (t, e) => {
+  e !== void 0 ? e.addInitializer((() => {
+    customElements.define(r, t);
+  })) : customElements.define(r, t);
+};
+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;
+    return { set(h) {
+      const a = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(n, a, r);
+    }, init(h) {
+      return h !== void 0 && this.C(n, void 0, r, h), h;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(h) {
+      const a = this[n];
+      t.call(this, h), this.requestUpdate(n, 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;
+  })(r, t, e);
+}
+function T(r) {
+  return V({ ...r, state: !0, attribute: !1 });
 }
-const Le = "important", Me = " !" + Le, it = 0 - Me.length;
-class st extends le {
-  constructor(e) {
-    if (super(e), e.type !== re.ATTRIBUTE || e.name !== "style" || e.strings?.length > 2)
-      throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(e) {
-    return Object.keys(e).reduce((t, i) => {
-      const s = e[i];
-      return s == null ? t : (i = i.includes("-") ? i : i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase(), t + `${i}:${s};`);
-    }, "");
-  }
-  update(e, [t]) {
-    const { style: i } = e.element;
-    if (this._previousStyleProperties === void 0)
-      return this._previousStyleProperties = new Set(Object.keys(t)), this.render(t);
-    for (const s of this._previousStyleProperties)
-      t[s] == null && (this._previousStyleProperties.delete(s), s.includes("-") ? i.removeProperty(s) : i[s] = null);
+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;
+    return te(e, s, { get() {
+      return o(this);
+    } });
+  };
+}
+const it = { ATTRIBUTE: 1, CHILD: 2 }, rt = (r) => (...t) => ({ _$litDirective$: r, values: t });
+let ot = class {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, s) {
+    this._$Ct = t, this._$AM = e, this._$Ci = s;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+};
+const Et = "important", se = " !" + Et, F = rt(class extends ot {
+  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.");
+  }
+  render(r) {
+    return Object.keys(r).reduce(((t, e) => {
+      const s = r[e];
+      return s == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
+    }), "");
+  }
+  update(r, [t]) {
+    const { style: e } = r.element;
+    if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
+    for (const s of this.ft) t[s] == null && (this.ft.delete(s), s.includes("-") ? e.removeProperty(s) : e[s] = null);
     for (const s in t) {
-      const n = t[s];
-      if (n != null) {
-        this._previousStyleProperties.add(s);
-        const r = typeof n == "string" && n.endsWith(Me);
-        s.includes("-") || r ? i.setProperty(s, r ? n.slice(0, it) : n, r ? Le : "") : i[s] = n;
+      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;
       }
     }
-    return N;
+    return y;
   }
-}
-const Z = ae(st);
-const nt = 1;
-class de extends le {
-  constructor(e) {
-    if (super(e), this._value = _, e.type !== re.CHILD)
-      throw new Error(`${this.constructor.directiveName}() can only be used in child bindings`);
-  }
-  render(e) {
-    if (e === _ || e == null)
-      return this._templateResult = void 0, this._value = e;
-    if (e === N)
-      return e;
-    if (typeof e != "string")
-      throw new Error(`${this.constructor.directiveName}() called with a non-string value`);
-    if (e === this._value)
-      return this._templateResult;
-    this._value = e;
-    const t = [e];
-    return t.raw = t, this._templateResult = {
-      // Cast to a known set of integers that satisfy ResultType so that we
-      // don't have to export ResultType and possibly encourage this pattern.
-      // This property needs to remain unminified.
-      _$litType$: this.constructor.resultType,
-      strings: t,
-      values: []
-    };
+});
+class Y extends ot {
+  constructor(t) {
+    if (super(t), this.it = f, 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 === 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;
+    this.it = t;
+    const e = [t];
+    return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-de.directiveName = "unsafeHTML";
-de.resultType = nt;
-const ot = 2;
-class ce extends de {
-}
-ce.directiveName = "unsafeSVG";
-ce.resultType = ot;
-const rt = ae(ce);
-const { _ChildPart: at } = et, T = window.ShadyDOM?.inUse && window.ShadyDOM?.noPatch === !0 ? window.ShadyDOM.wrap : (o) => o, xe = () => document.createComment(""), k = (o, e, t) => {
-  const i = T(o._$startNode).parentNode, s = e === void 0 ? o._$endNode : e._$startNode;
-  if (t === void 0) {
-    const n = T(i).insertBefore(xe(), s), r = T(i).insertBefore(xe(), s);
-    t = new at(n, r, o, o.options);
+Y.directiveName = "unsafeHTML", Y.resultType = 1;
+let G = class extends Y {
+};
+G.directiveName = "unsafeSVG", G.resultType = 2;
+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);
   } else {
-    const n = T(t._$endNode).nextSibling, r = t._$parent, h = r !== o;
+    const o = e._$AB.nextSibling, n = e._$AM, h = n !== r;
     if (h) {
-      t._$reparentDisconnectables?.(o), t._$parent = o;
       let a;
-      t._$notifyConnectionChanged !== void 0 && (a = o._$isConnected) !== r._$isConnected && t._$notifyConnectionChanged(a);
+      e._$AQ?.(r), e._$AM = r, e._$AP !== void 0 && (a = r._$AU) !== n._$AU && e._$AP(a);
     }
-    if (n !== s || h) {
-      let a = t._$startNode;
-      for (; a !== n; ) {
-        const c = T(a).nextSibling;
-        T(i).insertBefore(a, s), a = c;
+    if (o !== i || h) {
+      let a = e._$AA;
+      for (; a !== o; ) {
+        const d = a.nextSibling;
+        s.insertBefore(a, i), a = d;
       }
     }
   }
-  return t;
-}, E = (o, e, t = o) => (o._$setValue(e, t), o), lt = {}, dt = (o, e = lt) => o._$committedValue = e, ct = (o) => o._$committedValue, Q = (o) => {
-  o._$notifyConnectionChanged?.(!1, !0);
-  let e = o._$startNode;
-  const t = T(o._$endNode).nextSibling;
-  for (; e !== t; ) {
-    const i = T(e).nextSibling;
-    T(e).remove(), e = i;
+  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) => {
+  r._$AP?.(!1, !0);
+  let t = r._$AA;
+  const e = r._$AB.nextSibling;
+  for (; t !== e; ) {
+    const s = t.nextSibling;
+    t.remove(), t = s;
   }
 };
-const we = (o, e, t) => {
-  const i = /* @__PURE__ */ new Map();
-  for (let s = e; s <= t; s++)
-    i.set(o[s], s);
-  return i;
-};
-class ht extends le {
-  constructor(e) {
-    if (super(e), e.type !== re.CHILD)
-      throw new Error("repeat() can only be used in text expressions");
-  }
-  _getValuesAndKeys(e, t, i) {
+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 {
+  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;
-    i === void 0 ? i = t : t !== void 0 && (s = t);
-    const n = [], r = [];
-    let h = 0;
-    for (const a of e)
-      n[h] = s ? s(a, h) : h, r[h] = i(a, h), h++;
-    return {
-      values: r,
-      keys: n
-    };
-  }
-  render(e, t, i) {
-    return this._getValuesAndKeys(e, t, i).values;
-  }
-  update(e, [t, i, s]) {
-    const n = ct(e), { values: r, keys: h } = this._getValuesAndKeys(t, i, s);
-    if (!Array.isArray(n))
-      return this._itemKeys = h, r;
-    const a = this._itemKeys ??= [], c = [];
-    let f, m, d = 0, l = n.length - 1, p = 0, g = r.length - 1;
-    for (; d <= l && p <= g; )
-      if (n[d] === null)
-        d++;
-      else if (n[l] === null)
-        l--;
-      else if (a[d] === h[p])
-        c[p] = E(n[d], r[p]), d++, p++;
-      else if (a[l] === h[g])
-        c[g] = E(n[l], r[g]), l--, g--;
-      else if (a[d] === h[g])
-        c[g] = E(n[d], r[g]), k(e, c[g + 1], n[d]), d++, g--;
-      else if (a[l] === h[p])
-        c[p] = E(n[l], r[p]), k(e, n[d], n[l]), l--, p++;
-      else if (f === void 0 && (f = we(h, p, g), m = we(a, d, l)), !f.has(a[d]))
-        Q(n[d]), d++;
-      else if (!f.has(a[l]))
-        Q(n[l]), l--;
-      else {
-        const w = m.get(h[p]), F = w !== void 0 ? n[w] : null;
-        if (F === null) {
-          const me = k(e, n[d]);
-          E(me, r[p]), c[p] = me;
-        } else
-          c[p] = E(F, r[p]), k(e, n[d], F), n[w] = null;
-        p++;
-      }
-    for (; p <= g; ) {
-      const w = k(e, c[g + 1]);
-      E(w, r[p]), c[p++] = w;
+    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 };
+  }
+  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 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++;
+    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) {
+        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;
+      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 (; d <= l; ) {
-      const w = n[d++];
-      w !== null && Q(w);
+    for (; l <= p; ) {
+      const m = i[l++];
+      m !== null && Z(m);
     }
-    return this._itemKeys = h, dt(e, c), N;
+    return this.ut = n, ne(r, a), y;
   }
-}
-const X = ae(ht);
-var mt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, Pe = (o, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? pt(e, t) : e, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && mt(e, t, s), s;
+});
+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);
+  return s && i && le(t, e, i), i;
 };
-let B = class extends Te {
+let I = class extends C {
   render() {
-    return y`
-            ${this.value !== void 0 ? y`<div class="bar" style="width: ${this.value * 100}%;"></div>` : y`<div class="indeterminate"></div>`}
+    return g`
+            ${this.value !== void 0 ? g`<div class="bar" style="width: ${this.value * 100}%;"></div>` : g`<div class="indeterminate"></div>`}
         `;
   }
 };
-B.styles = ve`
+I.styles = bt`
         :host {
             display: inline-block;
             width: var(--progress-width, 200px);
@@ -755,36 +735,36 @@ B.styles = ve`
             }
         }
     `;
-Pe([
-  te({ type: Number })
-], B.prototype, "value", 2);
-B = Pe([
-  Re("linear-progress")
-], B);
-var ut = Object.defineProperty, C = (o, e, t, i) => {
-  for (var s = void 0, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (s = r(e, t, s) || s);
-  return s && ut(e, t, s), s;
+Ct([
+  V({ 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);
+  return i && ce(t, e, i), i;
 };
-const he = class he extends Te {
+const nt = class nt extends C {
   constructor() {
-    super(), this.version = "1.0.8", this.getModifier = this.getModifier.bind(this);
+    super(), this.version = "1.0.10", this.getModifier = this.getModifier.bind(this);
   }
-  update(e) {
-    e.has("inputData") && (this.transform(), this.modifier || this.getModifier()), e.has("theme") && this.registerTheme(this.theme), super.update(e);
+  update(t) {
+    t.has("inputData") && (this.transform(), this.modifier || this.getModifier()), t.has("theme") && this.registerTheme(this.theme), super.update(t);
   }
-  firstUpdated(e) {
+  firstUpdated(t) {
     this.registerTheme(this.theme), new ResizeObserver(this.getModifier).observe(this);
   }
-  registerTheme(e) {
-    const t = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), i = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
-    this.themeBgColor = i || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color, this.themeSubtitleColor = t || this.theme?.theme_object?.title?.subtextStyle?.color || this.themeTitleColor;
+  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;
   }
-  handleFileChange(e) {
-    const i = e.target.files?.[0];
-    i && (this.previewUrl && URL.revokeObjectURL(this.previewUrl), this.previewUrl = URL.createObjectURL(i), this.dispatchEvent(
+  handleFileChange(t) {
+    const s = t.target.files?.[0];
+    s && (this.previewUrl && URL.revokeObjectURL(this.previewUrl), this.previewUrl = URL.createObjectURL(s), this.dispatchEvent(
       new CustomEvent("overlay-file-selected", {
-        detail: { file: i, name: i.name, size: i.size, type: i.type, url: this.previewUrl },
+        detail: { file: s, name: s.name, size: s.size, type: s.type, url: this.previewUrl },
         bubbles: !0,
         composed: !0
       })
@@ -795,29 +775,29 @@ const he = class he extends Te {
       this.previewUrl = void 0;
       return;
     }
-    const e = this.inputData.image.trim(), i = e.replace(/^\uFEFF/, "").trimStart().match(/<svg[\s\S]*?<\/svg>/i);
-    if (i) {
-      this.inlineSvg = i[0].trim(), this.previewUrl = void 0;
+    const t = this.inputData.image.trim(), s = t.replace(/^\uFEFF/, "").trimStart().match(/<svg[\s\S]*?<\/svg>/i);
+    if (s) {
+      this.inlineSvg = s[0].trim(), this.previewUrl = void 0;
       return;
     }
-    if (/^data:image\/svg\+xml[,;]/.test(e)) {
-      this.previewUrl = e;
+    if (/^data:image\/svg\+xml[,;]/.test(t)) {
+      this.previewUrl = t;
       return;
     }
-    if (/^data:image\/[a-zA-Z.+-]+;base64,/.test(e)) {
-      this.previewUrl = e;
+    if (/^data:image\/[a-zA-Z.+-]+;base64,/.test(t)) {
+      this.previewUrl = t;
       return;
     }
-    if (/^[A-Za-z0-9+/]+=*$/.test(e) && e.length > 100) {
-      this.previewUrl = `data:image/*;base64,${e}`;
+    if (/^[A-Za-z0-9+/]+=*$/.test(t) && t.length > 100) {
+      this.previewUrl = `data:image/*;base64,${t}`;
       return;
     }
     try {
-      new URL(e), this.previewUrl = e;
+      new URL(t), this.previewUrl = t;
       return;
     } catch {
-      if (/^([./]|\/)/.test(e)) {
-        this.previewUrl = e;
+      if (/^([./]|\/)/.test(t)) {
+        this.previewUrl = t;
         return;
       }
     }
@@ -825,117 +805,117 @@ const he = class he extends Te {
   }
   async getModifier() {
     if (!this.baseLayer) return;
-    const e = this.baseLayer.getBoundingClientRect();
-    if (!e) return;
-    const t = this.baseLayer.parentElement?.getBoundingClientRect();
+    const t = this.baseLayer.getBoundingClientRect();
     if (!t) return;
-    let i, s;
+    const e = this.baseLayer.parentElement?.getBoundingClientRect();
+    if (!e) return;
+    let s, i;
     if (this.baseLayer instanceof HTMLImageElement)
-      i = this.baseLayer.naturalWidth, s = this.baseLayer.naturalHeight;
+      s = this.baseLayer.naturalWidth, i = this.baseLayer.naturalHeight;
     else {
-      const d = this.baseLayer.querySelector("svg");
-      if (d) {
-        const l = d.viewBox.baseVal;
-        if (console.log(l), l && l.width > 0 && l.height > 0)
-          i = l.width, s = l.height;
+      const p = this.baseLayer.querySelector("svg");
+      if (p) {
+        const c = p.viewBox.baseVal;
+        if (console.log(c), c && c.width > 0 && c.height > 0)
+          s = c.width, i = c.height;
         else {
-          const p = this.baseLayer.getAttribute("width"), g = this.baseLayer.getAttribute("height");
-          p && g && (i = parseFloat(p), s = parseFloat(g));
+          const $ = this.baseLayer.getAttribute("width"), m = this.baseLayer.getAttribute("height");
+          $ && m && (s = parseFloat($), i = parseFloat(m));
         }
       }
     }
-    if (!i || !s) return;
-    const n = e.width / i, r = e.height / s, h = Math.min(n, r), a = i * h, c = s * h, f = (t.width - a) / 2, m = (t.height - c) / 2;
-    this.modifier = { scaler: h, xOffset: f, yOffset: m, visibleWidth: a, visibleHeight: c };
+    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;
+    this.modifier = { scaler: h, xOffset: u, yOffset: l, visibleWidth: a, visibleHeight: d };
   }
-  getOverlayItemPosition(e, t, i) {
+  getOverlayItemPosition(t, e, s) {
     return {
-      left: e * i.visibleWidth,
-      top: t * i.visibleHeight
+      left: t * s.visibleWidth,
+      top: e * s.visibleHeight
     };
   }
-  renderText(e, t, i) {
-    const s = e, n = this.getOverlayItemPosition(t.relXPos, t.relYPos, i);
-    if (!n) return P;
-    const r = s.textStyle?.precision ?? 1;
-    let h = t.data;
+  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;
+    let h = e.data;
     const a = Number(h);
-    let c = "#333";
-    if (!Number.isNaN(a) && typeof r == "number" && r >= 0) {
-      h = a.toFixed(r);
-      const m = s.sections?.sectionLimits.findIndex((d) => a <= d) ?? -2;
-      c = (m >= 1 ? s.sections?.colors[m - 1] : "#333") ?? "#333";
+    let d = "#333";
+    if (!Number.isNaN(a) && typeof n == "number" && n >= 0) {
+      h = a.toFixed(n);
+      const l = i.sections?.sectionLimits.findIndex((p) => a <= p) ?? -2;
+      d = (l >= 1 ? i.sections?.colors[l - 1] : "#333") ?? "#333";
     }
-    const f = {
-      "font-size": (s.textStyle.fontSize ?? 14) * i.scaler + "px",
-      color: c,
-      "background-color": s.textStyle.backgroundColor,
-      "font-weight": s.textStyle.fontWeight,
-      left: `${n.left}px`,
-      top: `${n.top}px`,
-      "border-radius": 10 * i.scaler + "px",
+    const u = {
+      "font-size": (i.textStyle.fontSize ?? 14) * s.scaler + "px",
+      color: d,
+      "background-color": i.textStyle.backgroundColor,
+      "font-weight": i.textStyle.fontWeight,
+      left: `${o.left}px`,
+      top: `${o.top}px`,
+      "border-radius": 10 * s.scaler + "px",
       "transform-origin": "50% 50%",
       transform: "translate(-50%, -50%)",
-      padding: `${6 * i.scaler}px ${12 * i.scaler}px`
+      padding: `${6 * s.scaler}px ${12 * s.scaler}px`
     };
-    return y`
-            <div class="overlay-item" style=${Z(f)}>${t.prefix}${h}${t.suffix}</div>
+    return g`
+            <div class="overlay-item" style=${F(u)}>${e.prefix}${h}${e.suffix}</div>
         `;
   }
-  renderProgress(e, t, i) {
-    const s = e, n = this.getOverlayItemPosition(t.relXPos, t.relYPos, i);
-    if (!n) return P;
-    const r = s.sections?.sectionLimits.findIndex((p) => Number(t.data) <= p) ?? -2, a = {
-      "--progress-color": (r >= 1 ? s.sections?.colors[r - 1] : void 0) ?? "#333",
-      "--progress-width": (s.progressStyle?.width ?? 10) * i.scaler + "px",
-      "--progress-height": (s.progressStyle?.height ?? 100) * i.scaler + "px",
-      "--progress-background": s.progressStyle?.backgroundColor ?? "#fff",
-      "border-radius": 10 * i.scaler + "px",
+  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",
+      "--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(${s.progressStyle?.rotate ?? 0}deg)`,
-      left: `${n.left}px`,
-      top: `${n.top}px`
-    }, c = Number(t.data), f = s.sections ?? {}, m = Math.min(...f.sectionLimits.map(Number)), d = Math.max(...f.sectionLimits.map(Number));
-    let l = d === m ? 0 : (c - m) / (d - m);
-    return l = Math.min(1, Math.max(0, l)), y` <linear-progress .value=${l} style=${Z(a)}></linear-progress> `;
-  }
-  renderLayer(e) {
-    const t = this.modifier;
-    if (!t) return P;
-    const i = {
-      left: t.xOffset + "px",
-      top: t.yOffset + "px",
-      width: t.visibleWidth + "px",
-      height: t.visibleHeight + "px"
+      transform: `translate(-50%, -50%) rotate(${i.progressStyle?.rotate ?? 0}deg)`,
+      left: `${o.left}px`,
+      top: `${o.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;
+    const s = {
+      left: e.xOffset + "px",
+      top: e.yOffset + "px",
+      width: e.visibleWidth + "px",
+      height: e.visibleHeight + "px"
     };
-    return y`<div
+    return g`<div
             class="overlay"
-            style=${Z(i)}
-            type="${e.layerType}"
-            name="${e.layerName}"
+            style=${F(s)}
+            type="${t.layerType}"
+            name="${t.layerName}"
         >
-            ${e.layerType === "text" ? this.renderTextLayer(e) : this.renderProgressLayer(e)}
+            ${t.layerType === "text" ? this.renderTextLayer(t) : this.renderProgressLayer(t)}
         </div>`;
   }
-  renderTextLayer(e) {
-    const t = this.modifier;
-    return t ? y`${X(
-      e.textPins ?? [],
-      (i, s) => s,
-      (i) => y`${this.renderText(e, i, t)}`
-    )}` : P;
-  }
-  renderProgressLayer(e) {
-    const t = this.modifier;
-    return t ? y`${X(
-      e.progressPins ?? [],
-      (i, s) => s,
-      (i) => y`${this.renderProgress(e, i, t)}`
-    )}` : P;
+  renderTextLayer(t) {
+    const e = this.modifier;
+    return e ? g`${X(
+      t.textPins ?? [],
+      (s, i) => i,
+      (s) => g`${this.renderText(t, s, e)}`
+    )}` : f;
+  }
+  renderProgressLayer(t) {
+    const e = this.modifier;
+    return e ? g`${X(
+      t.progressPins ?? [],
+      (s, i) => i,
+      (s) => g`${this.renderProgress(t, s, e)}`
+    )}` : f;
   }
   render() {
-    const e = !!this.inlineSvg || !!this.previewUrl;
-    return y`
+    const t = !!this.inlineSvg || !!this.previewUrl;
+    return g`
             <div class="wrapper" style="background-color: ${this.themeBgColor}">
                 <h3 class="paging" ?active=${this.inputData?.title} style="color: ${this.themeTitleColor}">
                     ${this.inputData?.title}
@@ -948,9 +928,9 @@ const he = class he extends Te {
                     ${this.inputData?.subTitle}
                 </p>
 
-                <div class="paging no-data" ?active=${!e}>No Image</div>
-                <div class="img-container paging" ?active="${e}">
-                    ${this.inlineSvg ? y`<div id="base-layer" class="svg-wrapper">${rt(this.inlineSvg)}</div>` : this.previewUrl ? y`<img
+                <div class="paging no-data" ?active=${!t}>No Image</div>
+                <div class="img-container paging" ?active="${t}">
+                    ${this.inlineSvg ? g`<div id="base-layer" class="svg-wrapper">${ie(this.inlineSvg)}</div>` : this.previewUrl ? g`<img
                                 id="base-layer"
                                 @load="${this.getModifier}"
                                 src="${this.previewUrl}"
@@ -959,15 +939,15 @@ const he = class he extends Te {
                             />` : ""}
                     ${X(
       this.inputData?.overlays ?? [],
-      (t) => t.layerName,
-      (t) => y` ${this.renderLayer(t)} `
+      (e) => e.layerName,
+      (e) => g` ${this.renderLayer(e)} `
     )}
                 </div>
             </div>
         `;
   }
 };
-he.styles = ve`
+nt.styles = bt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -1051,36 +1031,36 @@ he.styles = ve`
             pointer-events: auto;
         }
     `;
-let b = he;
-C([
-  te({ type: Object })
-], b.prototype, "inputData");
-C([
-  te({ type: Object })
-], b.prototype, "theme");
-C([
-  M()
-], b.prototype, "themeBgColor");
-C([
-  M()
-], b.prototype, "themeTitleColor");
-C([
-  M()
-], b.prototype, "themeSubtitleColor");
-C([
-  M()
-], b.prototype, "previewUrl");
-C([
-  M()
-], b.prototype, "inlineSvg");
-C([
-  M()
-], b.prototype, "modifier");
-C([
-  ke("#base-layer")
-], b.prototype, "baseLayer");
-window.customElements.define("widget-overlay-1.0.8", b);
+let v = nt;
+_([
+  V({ type: Object })
+], v.prototype, "inputData");
+_([
+  V({ type: Object })
+], v.prototype, "theme");
+_([
+  T()
+], v.prototype, "themeBgColor");
+_([
+  T()
+], v.prototype, "themeTitleColor");
+_([
+  T()
+], v.prototype, "themeSubtitleColor");
+_([
+  T()
+], v.prototype, "previewUrl");
+_([
+  T()
+], v.prototype, "inlineSvg");
+_([
+  T()
+], v.prototype, "modifier");
+_([
+  ee("#base-layer")
+], v.prototype, "baseLayer");
+window.customElements.define("widget-overlay-1.0.10", v);
 export {
-  b as WidgetImage
+  v as WidgetImage
 };
 //# sourceMappingURL=widget-overlay.js.map