@ironflock/widget-value 1.1.36 → 1.1.37

package/dist/widget-value.js

@@ -1,15 +1,15 @@
-const N = globalThis, q = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, F = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
-let dt = class {
-  constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== F) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+const N = globalThis, F = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = /* @__PURE__ */ Symbol(), tt = /* @__PURE__ */ new WeakMap();
+let $t = class {
+  constructor(t, e, r) {
+    if (this._$cssResult$ = !0, r !== Z) 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 (q && t === void 0) {
-      const s = e !== void 0 && e.length === 1;
-      s && (t = Y.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Y.set(e, t));
+    if (F && t === void 0) {
+      const r = e !== void 0 && e.length === 1;
+      r && (t = tt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && tt.set(e, t));
     }
     return t;
   }
@@ -17,28 +17,28 @@ let dt = class {
     return this.cssText;
   }
 };
-const mt = (i) => new dt(typeof i == "string" ? i : i + "", void 0, F), _t = (i, ...t) => {
-  const e = i.length === 1 ? i[0] : t.reduce(((s, r, n) => s + ((o) => {
+const At = (i) => new $t(typeof i == "string" ? i : i + "", void 0, Z), bt = (i, ...t) => {
+  const e = i.length === 1 ? i[0] : t.reduce(((r, s, n) => r + ((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.");
-  })(r) + i[n + 1]), i[0]);
-  return new dt(e, i, F);
-}, yt = (i, t) => {
-  if (q) i.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  })(s) + i[n + 1]), i[0]);
+  return new $t(e, i, Z);
+}, xt = (i, t) => {
+  if (F) i.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
   else for (const e of t) {
-    const s = document.createElement("style"), r = N.litNonce;
-    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+    const r = document.createElement("style"), s = N.litNonce;
+    s !== void 0 && r.setAttribute("nonce", s), r.textContent = e.cssText, i.appendChild(r);
   }
-}, tt = q ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+}, et = F ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const s of t.cssRules) e += s.cssText;
-  return mt(e);
+  for (const r of t.cssRules) e += r.cssText;
+  return At(e);
 })(i) : i;
-const { is: At, defineProperty: bt, getOwnPropertyDescriptor: xt, getOwnPropertyNames: St, getOwnPropertySymbols: wt, getPrototypeOf: Ct } = Object, j = globalThis, et = j.trustedTypes, Et = et ? et.emptyScript : "", Tt = j.reactiveElementPolyfillSupport, O = (i, t) => i, H = { toAttribute(i, t) {
+const { is: St, defineProperty: wt, getOwnPropertyDescriptor: Ct, getOwnPropertyNames: Et, getOwnPropertySymbols: Tt, getPrototypeOf: Pt } = Object, k = globalThis, it = k.trustedTypes, Mt = it ? it.emptyScript : "", Ot = k.reactiveElementPolyfillSupport, M = (i, t) => i, R = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      i = i ? Et : null;
+      i = i ? Mt : null;
       break;
     case Object:
     case Array:
@@ -63,8 +63,8 @@ const { is: At, defineProperty: bt, getOwnPropertyDescriptor: xt, getOwnProperty
       }
   }
   return e;
-} }, Z = (i, t) => !At(i, t), it = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), j.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, J = (i, t) => !St(i, t), st = { attribute: !0, type: String, converter: R, reflect: !1, useDefault: !1, hasChanged: J };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), k.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let w = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -72,60 +72,60 @@ let w = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = it) {
+  static createProperty(t, e = st) {
     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(), r = this.getPropertyDescriptor(t, s, e);
-      r !== void 0 && bt(this.prototype, t, r);
+      const r = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, r, e);
+      s !== void 0 && wt(this.prototype, t, s);
     }
   }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: r, set: n } = xt(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, r) {
+    const { get: s, set: n } = Ct(this.prototype, t) ?? { get() {
       return this[e];
     }, set(o) {
       this[e] = o;
     } };
-    return { get: r, set(o) {
-      const c = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, c, s);
+    return { get: s, set(o) {
+      const h = s?.call(this);
+      n?.call(this, o), this.requestUpdate(t, h, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? it;
+    return this.elementProperties.get(t) ?? st;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(O("elementProperties"))) return;
-    const t = Ct(this);
+    if (this.hasOwnProperty(M("elementProperties"))) return;
+    const t = Pt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(O("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
-      const e = this.properties, s = [...St(e), ...wt(e)];
-      for (const r of s) this.createProperty(r, e[r]);
+    if (this.hasOwnProperty(M("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
+      const e = this.properties, r = [...Et(e), ...Tt(e)];
+      for (const s of r) this.createProperty(s, e[s]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
+      if (e !== void 0) for (const [r, s] of e) this.elementProperties.set(r, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const r = this._$Eu(e, s);
-      r !== void 0 && this._$Eh.set(r, e);
+    for (const [e, r] of this.elementProperties) {
+      const s = this._$Eu(e, r);
+      s !== void 0 && this._$Eh.set(s, 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 r of s) e.unshift(tt(r));
-    } else t !== void 0 && e.push(tt(t));
+      const r = new Set(t.flat(1 / 0).reverse());
+      for (const s of r) e.unshift(et(s));
+    } else t !== void 0 && e.push(et(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;
+    const r = e.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -141,12 +141,12 @@ let w = class extends HTMLElement {
   }
   _$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]);
+    for (const r of e.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return yt(t, this.constructor.elementStyles), t;
+    return xt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
@@ -156,33 +156,33 @@ let w = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach(((t) => t.hostDisconnected?.()));
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  attributeChangedCallback(t, e, r) {
+    this._$AK(t, r);
   }
   _$ET(t, e) {
-    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
-    if (r !== void 0 && s.reflect === !0) {
-      const n = (s.converter?.toAttribute !== void 0 ? s.converter : H).toAttribute(e, s.type);
-      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
+    const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
+    if (s !== void 0 && r.reflect === !0) {
+      const n = (r.converter?.toAttribute !== void 0 ? r.converter : R).toAttribute(e, r.type);
+      this._$Em = t, n == null ? this.removeAttribute(s) : this.setAttribute(s, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    const s = this.constructor, r = s._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const n = s.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : H;
-      this._$Em = r, this[r] = o.fromAttribute(e, n.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
+    const r = this.constructor, s = r._$Eh.get(t);
+    if (s !== void 0 && this._$Em !== s) {
+      const n = r.getPropertyOptions(s), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : R;
+      this._$Em = s, this[s] = o.fromAttribute(e, n.type) ?? this._$Ej?.get(s) ?? null, this._$Em = null;
     }
   }
-  requestUpdate(t, e, s) {
+  requestUpdate(t, e, r) {
     if (t !== void 0) {
-      const r = this.constructor, n = this[t];
-      if (s ??= r.getPropertyOptions(t), !((s.hasChanged ?? Z)(n, e) || s.useDefault && s.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, s)))) return;
-      this.C(t, e, s);
+      const s = this.constructor, n = this[t];
+      if (r ??= s.getPropertyOptions(t), !((r.hasChanged ?? J)(n, e) || r.useDefault && r.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(s._$Eu(t, r)))) return;
+      this.C(t, e, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: r, 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)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, e, { useDefault: r, reflect: s, wrapped: n }, o) {
+    r && !(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 || r || (e = void 0), this._$AL.set(t, e)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -201,21 +201,21 @@ let w = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
+        for (const [s, n] of this._$Ep) this[s] = n;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [r, n] of s) {
-        const { wrapped: o } = n, c = this[r];
-        o !== !0 || this._$AL.has(r) || c === void 0 || this.C(r, void 0, n, c);
+      const r = this.constructor.elementProperties;
+      if (r.size > 0) for (const [s, n] of r) {
+        const { wrapped: o } = n, h = this[s];
+        o !== !0 || this._$AL.has(s) || h === void 0 || this.C(s, void 0, n, 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.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(e)) : this._$EM();
+    } catch (r) {
+      throw t = !1, this._$EM(), r;
     }
     t && this._$AE(e);
   }
@@ -244,70 +244,70 @@ let w = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[O("elementProperties")] = /* @__PURE__ */ new Map(), w[O("finalized")] = /* @__PURE__ */ new Map(), Tt?.({ ReactiveElement: w }), (j.reactiveElementVersions ??= []).push("2.1.0");
-const J = globalThis, R = J.trustedTypes, st = R ? R.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, pt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + _, Pt = `<${$t}>`, x = document, U = () => x.createComment(""), z = (i) => i === null || typeof i != "object" && typeof i != "function", K = Array.isArray, Ot = (i) => K(i) || typeof i?.[Symbol.iterator] == "function", I = `[ 	
-\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, nt = />/g, y = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, at = /"/g, ft = /^(?:script|style|textarea|title)$/i, Mt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), V = Mt(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), lt = /* @__PURE__ */ new WeakMap(), b = x.createTreeWalker(x, 129);
-function gt(i, t) {
-  if (!K(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return st !== void 0 ? st.createHTML(t) : t;
+w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[M("elementProperties")] = /* @__PURE__ */ new Map(), w[M("finalized")] = /* @__PURE__ */ new Map(), Ot?.({ ReactiveElement: w }), (k.reactiveElementVersions ??= []).push("2.1.0");
+const K = globalThis, j = K.trustedTypes, rt = j ? j.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ft = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, gt = "?" + _, Ut = `<${gt}>`, x = document, U = () => x.createComment(""), D = (i) => i === null || typeof i != "object" && typeof i != "function", Q = Array.isArray, Dt = (i) => Q(i) || typeof i?.[Symbol.iterator] == "function", V = `[ 	
+\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, nt = /-->/g, ot = />/g, y = RegExp(`>|${V}(?:([^\\s"'>=/]+)(${V}*=${V}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, lt = /"/g, mt = /^(?:script|style|textarea|title)$/i, zt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), W = zt(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), ht = /* @__PURE__ */ new WeakMap(), b = x.createTreeWalker(x, 129);
+function vt(i, t) {
+  if (!Q(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return rt !== void 0 ? rt.createHTML(t) : t;
 }
-const Ut = (i, t) => {
-  const e = i.length - 1, s = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
-  for (let c = 0; c < e; c++) {
-    const a = i[c];
-    let $, h, l = -1, u = 0;
-    for (; u < a.length && (o.lastIndex = u, h = o.exec(a), h !== null); ) u = o.lastIndex, o === T ? h[1] === "!--" ? o = rt : h[1] !== void 0 ? o = nt : h[2] !== void 0 ? (ft.test(h[2]) && (r = RegExp("</" + h[2], "g")), o = y) : h[3] !== void 0 && (o = y) : o === y ? h[0] === ">" ? (o = r ?? T, l = -1) : h[1] === void 0 ? l = -2 : (l = o.lastIndex - h[2].length, $ = h[1], o = h[3] === void 0 ? y : h[3] === '"' ? at : ot) : o === at || o === ot ? o = y : o === rt || o === nt ? o = T : (o = y, r = void 0);
-    const d = o === y && i[c + 1].startsWith("/>") ? " " : "";
-    n += o === T ? a + Pt : l >= 0 ? (s.push($), a.slice(0, l) + pt + a.slice(l) + _ + d) : a + _ + (l === -2 ? c : d);
-  }
-  return [gt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+const Nt = (i, t) => {
+  const e = i.length - 1, r = [];
+  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
+  for (let h = 0; h < e; h++) {
+    const a = i[h];
+    let u, c, l = -1, d = 0;
+    for (; d < a.length && (o.lastIndex = d, c = o.exec(a), c !== null); ) d = o.lastIndex, o === T ? c[1] === "!--" ? o = nt : c[1] !== void 0 ? o = ot : c[2] !== void 0 ? (mt.test(c[2]) && (s = RegExp("</" + c[2], "g")), o = y) : c[3] !== void 0 && (o = y) : o === y ? c[0] === ">" ? (o = s ?? T, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, u = c[1], o = c[3] === void 0 ? y : c[3] === '"' ? lt : at) : o === lt || o === at ? o = y : o === nt || o === ot ? o = T : (o = y, s = void 0);
+    const p = o === y && i[h + 1].startsWith("/>") ? " " : "";
+    n += o === T ? a + Ut : l >= 0 ? (r.push(u), a.slice(0, l) + ft + a.slice(l) + _ + p) : a + _ + (l === -2 ? h : p);
+  }
+  return [vt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
-class D {
-  constructor({ strings: t, _$litType$: e }, s) {
-    let r;
+class z {
+  constructor({ strings: t, _$litType$: e }, r) {
+    let s;
     this.parts = [];
     let n = 0, o = 0;
-    const c = t.length - 1, a = this.parts, [$, h] = Ut(t, e);
-    if (this.el = D.createElement($, s), b.currentNode = this.el.content, e === 2 || e === 3) {
+    const h = t.length - 1, a = this.parts, [u, c] = Nt(t, e);
+    if (this.el = z.createElement(u, r), b.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
-    for (; (r = b.nextNode()) !== null && a.length < c; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(pt)) {
-          const u = h[o++], d = r.getAttribute(l).split(_), p = /([.?@])?(.*)/.exec(u);
-          a.push({ type: 1, index: n, name: p[2], strings: d, ctor: p[1] === "." ? Dt : p[1] === "?" ? Nt : p[1] === "@" ? Ht : L }), r.removeAttribute(l);
-        } else l.startsWith(_) && (a.push({ type: 6, index: n }), r.removeAttribute(l));
-        if (ft.test(r.tagName)) {
-          const l = r.textContent.split(_), u = l.length - 1;
-          if (u > 0) {
-            r.textContent = R ? R.emptyScript : "";
-            for (let d = 0; d < u; d++) r.append(l[d], U()), b.nextNode(), a.push({ type: 2, index: ++n });
-            r.append(l[u], U());
+    for (; (s = b.nextNode()) !== null && a.length < h; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) for (const l of s.getAttributeNames()) if (l.endsWith(ft)) {
+          const d = c[o++], p = s.getAttribute(l).split(_), $ = /([.?@])?(.*)/.exec(d);
+          a.push({ type: 1, index: n, name: $[2], strings: p, ctor: $[1] === "." ? Rt : $[1] === "?" ? jt : $[1] === "@" ? kt : L }), s.removeAttribute(l);
+        } else l.startsWith(_) && (a.push({ type: 6, index: n }), s.removeAttribute(l));
+        if (mt.test(s.tagName)) {
+          const l = s.textContent.split(_), d = l.length - 1;
+          if (d > 0) {
+            s.textContent = j ? j.emptyScript : "";
+            for (let p = 0; p < d; p++) s.append(l[p], U()), b.nextNode(), a.push({ type: 2, index: ++n });
+            s.append(l[d], U());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === $t) a.push({ type: 2, index: n });
+      } else if (s.nodeType === 8) if (s.data === gt) a.push({ type: 2, index: n });
       else {
         let l = -1;
-        for (; (l = r.data.indexOf(_, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += _.length - 1;
+        for (; (l = s.data.indexOf(_, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += _.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const s = x.createElement("template");
-    return s.innerHTML = t, s;
+    const r = x.createElement("template");
+    return r.innerHTML = t, r;
   }
 }
-function C(i, t, e = i, s) {
+function C(i, t, e = i, r) {
   if (t === S) return t;
-  let r = s !== void 0 ? e._$Co?.[s] : e._$Cl;
-  const n = z(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = r : e._$Cl = r), r !== void 0 && (t = C(i, r._$AS(i, t.values), r, s)), t;
+  let s = r !== void 0 ? e._$Co?.[r] : e._$Cl;
+  const n = D(t) ? void 0 : t._$litDirective$;
+  return s?.constructor !== n && (s?._$AO?.(!1), n === void 0 ? s = void 0 : (s = new n(i), s._$AT(i, e, r)), r !== void 0 ? (e._$Co ??= [])[r] = s : e._$Cl = s), s !== void 0 && (t = C(i, s._$AS(i, t.values), s, r)), t;
 }
-let zt = class {
+let Ht = class {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -318,29 +318,29 @@ let zt = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? x).importNode(e, !0);
-    b.currentNode = r;
-    let n = b.nextNode(), o = 0, c = 0, a = s[0];
+    const { el: { content: e }, parts: r } = this._$AD, s = (t?.creationScope ?? x).importNode(e, !0);
+    b.currentNode = s;
+    let n = b.nextNode(), o = 0, h = 0, a = r[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
-        let $;
-        a.type === 2 ? $ = new E(n, n.nextSibling, this, t) : a.type === 1 ? $ = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && ($ = new Rt(n, this, t)), this._$AV.push($), a = s[++c];
+        let u;
+        a.type === 2 ? u = new E(n, n.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (u = new Lt(n, this, t)), this._$AV.push(u), a = r[++h];
       }
       o !== a?.index && (n = b.nextNode(), o++);
     }
-    return b.currentNode = x, r;
+    return b.currentNode = x, s;
   }
   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++;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
   }
 };
 class E {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, e, s, r) {
-    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(t, e, r, s) {
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = r, this.options = s, this._$Cv = s?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -354,7 +354,7 @@ class E {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = C(this, t, e), z(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ot(t) ? this.k(t) : this._(t);
+    t = C(this, t, e), D(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== S && 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,31 +363,31 @@ class E {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== f && z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = D.createElement(gt(s.h, s.h[0]), this.options)), s);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
+    const { values: e, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = z.createElement(vt(r.h, r.h[0]), this.options)), r);
+    if (this._$AH?._$AD === s) this._$AH.p(e);
     else {
-      const n = new zt(r, this), o = n.u(this.options);
+      const n = new Ht(s, this), o = n.u(this.options);
       n.p(e), this.T(o), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = lt.get(t.strings);
-    return e === void 0 && lt.set(t.strings, e = new D(t)), e;
+    let e = ht.get(t.strings);
+    return e === void 0 && ht.set(t.strings, e = new z(t)), e;
   }
   k(t) {
-    K(this._$AH) || (this._$AH = [], this._$AR());
+    Q(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, r = 0;
-    for (const n of t) r === e.length ? e.push(s = new E(this.O(U()), this.O(U()), this, this.options)) : s = e[r], s._$AI(n), r++;
-    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+    let r, s = 0;
+    for (const n of t) s === e.length ? e.push(r = new E(this.O(U()), this.O(U()), this, this.options)) : r = e[s], r._$AI(n), s++;
+    s < e.length && (this._$AR(r && r._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     for (this._$AP?.(!1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
+      const r = t.nextSibling;
+      t.remove(), t = r;
     }
   }
   setConnected(t) {
@@ -401,25 +401,25 @@ class L {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, r, n) {
-    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, 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, r, s, n) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = f;
   }
-  _$AI(t, e = this, s, r) {
+  _$AI(t, e = this, r, s) {
     const n = this.strings;
     let o = !1;
-    if (n === void 0) t = C(this, t, e, 0), o = !z(t) || t !== this._$AH && t !== S, o && (this._$AH = t);
+    if (n === void 0) t = C(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== S, o && (this._$AH = t);
     else {
-      const c = t;
-      let a, $;
-      for (t = n[0], a = 0; a < n.length - 1; a++) $ = C(this, c[s + a], e, a), $ === S && ($ = this._$AH[a]), o ||= !z($) || $ !== this._$AH[a], $ === f ? t = f : t !== f && (t += ($ ?? "") + n[a + 1]), this._$AH[a] = $;
+      const h = t;
+      let a, u;
+      for (t = n[0], a = 0; a < n.length - 1; a++) u = C(this, h[r + a], e, a), u === S && (u = this._$AH[a]), o ||= !D(u) || u !== this._$AH[a], u === f ? t = f : t !== f && (t += (u ?? "") + n[a + 1]), this._$AH[a] = u;
     }
-    o && !r && this.j(t);
+    o && !s && this.j(t);
   }
   j(t) {
     t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Dt extends L {
+class Rt extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -427,7 +427,7 @@ class Dt extends L {
     this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class Nt extends L {
+class jt extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -435,22 +435,22 @@ class Nt extends L {
     this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class Ht extends L {
-  constructor(t, e, s, r, n) {
-    super(t, e, s, r, n), this.type = 5;
+class kt extends L {
+  constructor(t, e, r, s, n) {
+    super(t, e, r, s, n), this.type = 5;
   }
   _$AI(t, e = this) {
     if ((t = C(this, t, e, 0) ?? f) === S) return;
-    const s = this._$AH, r = t === f && s !== f || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== f && (s === f || r);
-    r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const r = this._$AH, s = t === f && r !== f || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== f && (r === f || s);
+    s && this.element.removeEventListener(this.name, this, r), 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);
   }
 }
-class Rt {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+class Lt {
+  constructor(t, e, r) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -459,19 +459,19 @@ class Rt {
     C(this, t);
   }
 }
-const jt = { I: E }, Lt = J.litHtmlPolyfillSupport;
-Lt?.(D, E), (J.litHtmlVersions ??= []).push("3.3.0");
-const kt = (i, t, e) => {
-  const s = e?.renderBefore ?? t;
-  let r = s._$litPart$;
-  if (r === void 0) {
+const Bt = { I: E }, It = K.litHtmlPolyfillSupport;
+It?.(z, E), (K.litHtmlVersions ??= []).push("3.3.0");
+const Vt = (i, t, e) => {
+  const r = e?.renderBefore ?? t;
+  let s = r._$litPart$;
+  if (s === void 0) {
     const n = e?.renderBefore ?? null;
-    s._$litPart$ = r = new E(t.insertBefore(U(), n), n, void 0, e ?? {});
+    r._$litPart$ = s = new E(t.insertBefore(U(), n), n, void 0, e ?? {});
   }
-  return r._$AI(i), r;
+  return s._$AI(i), s;
 };
-const Q = globalThis;
-let M = class extends w {
+const G = globalThis;
+let O = class extends w {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -481,7 +481,7 @@ let M = class extends w {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = kt(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Vt(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -493,19 +493,19 @@ let M = class extends w {
     return S;
   }
 };
-M._$litElement$ = !0, M.finalized = !0, Q.litElementHydrateSupport?.({ LitElement: M });
-const Bt = Q.litElementPolyfillSupport;
-Bt?.({ LitElement: M });
-(Q.litElementVersions ??= []).push("4.2.0");
-const It = { CHILD: 2 }, Vt = (i) => (...t) => ({ _$litDirective$: i, values: t });
-class Wt {
+O._$litElement$ = !0, O.finalized = !0, G.litElementHydrateSupport?.({ LitElement: O });
+const Wt = G.litElementPolyfillSupport;
+Wt?.({ LitElement: O });
+(G.litElementVersions ??= []).push("4.2.0");
+const qt = { CHILD: 2 }, Ft = (i) => (...t) => ({ _$litDirective$: i, values: t });
+class Zt {
   constructor(t) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t, e, s) {
-    this._$Ct = t, this._$AM = e, this._$Ci = s;
+  _$AT(t, e, r) {
+    this._$Ct = t, this._$AM = e, this._$Ci = r;
   }
   _$AS(t, e) {
     return this.update(t, e);
@@ -514,160 +514,170 @@ class Wt {
     return this.render(...e);
   }
 }
-const { I: qt } = jt, ht = () => document.createComment(""), P = (i, t, e) => {
-  const s = i._$AA.parentNode, r = t === void 0 ? i._$AB : t._$AA;
+const { I: Jt } = Bt, ct = () => document.createComment(""), P = (i, t, e) => {
+  const r = i._$AA.parentNode, s = t === void 0 ? i._$AB : t._$AA;
   if (e === void 0) {
-    const n = s.insertBefore(ht(), r), o = s.insertBefore(ht(), r);
-    e = new qt(n, o, i, i.options);
+    const n = r.insertBefore(ct(), s), o = r.insertBefore(ct(), s);
+    e = new Jt(n, o, i, i.options);
   } else {
-    const n = e._$AB.nextSibling, o = e._$AM, c = o !== i;
-    if (c) {
+    const n = e._$AB.nextSibling, o = e._$AM, h = o !== i;
+    if (h) {
       let a;
       e._$AQ?.(i), e._$AM = i, e._$AP !== void 0 && (a = i._$AU) !== o._$AU && e._$AP(a);
     }
-    if (n !== r || c) {
+    if (n !== s || h) {
       let a = e._$AA;
       for (; a !== n; ) {
-        const $ = a.nextSibling;
-        s.insertBefore(a, r), a = $;
+        const u = a.nextSibling;
+        r.insertBefore(a, s), a = u;
       }
     }
   }
   return e;
-}, A = (i, t, e = i) => (i._$AI(t, e), i), Ft = {}, Zt = (i, t = Ft) => i._$AH = t, Jt = (i) => i._$AH, W = (i) => {
+}, A = (i, t, e = i) => (i._$AI(t, e), i), Kt = {}, Qt = (i, t = Kt) => i._$AH = t, Gt = (i) => i._$AH, q = (i) => {
   i._$AP?.(!1, !0);
   let t = i._$AA;
   const e = i._$AB.nextSibling;
   for (; t !== e; ) {
-    const s = t.nextSibling;
-    t.remove(), t = s;
+    const r = t.nextSibling;
+    t.remove(), t = r;
   }
 };
-const ct = (i, t, e) => {
-  const s = /* @__PURE__ */ new Map();
-  for (let r = t; r <= e; r++) s.set(i[r], r);
-  return s;
-}, ut = Vt(class extends Wt {
+const ut = (i, t, e) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let s = t; s <= e; s++) r.set(i[s], s);
+  return r;
+}, dt = Ft(class extends Zt {
   constructor(i) {
-    if (super(i), i.type !== It.CHILD) throw Error("repeat() can only be used in text expressions");
+    if (super(i), i.type !== qt.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(i, t, e) {
-    let s;
-    e === void 0 ? e = t : t !== void 0 && (s = t);
-    const r = [], n = [];
+    let r;
+    e === void 0 ? e = t : t !== void 0 && (r = t);
+    const s = [], n = [];
     let o = 0;
-    for (const c of i) r[o] = s ? s(c, o) : o, n[o] = e(c, o), o++;
-    return { values: n, keys: r };
+    for (const h of i) s[o] = r ? r(h, o) : o, n[o] = e(h, o), o++;
+    return { values: n, keys: s };
   }
   render(i, t, e) {
     return this.dt(i, t, e).values;
   }
-  update(i, [t, e, s]) {
-    const r = Jt(i), { values: n, keys: o } = this.dt(t, e, s);
-    if (!Array.isArray(r)) return this.ut = o, n;
-    const c = this.ut ??= [], a = [];
-    let $, h, l = 0, u = r.length - 1, d = 0, p = n.length - 1;
-    for (; l <= u && d <= p; ) if (r[l] === null) l++;
-    else if (r[u] === null) u--;
-    else if (c[l] === o[d]) a[d] = A(r[l], n[d]), l++, d++;
-    else if (c[u] === o[p]) a[p] = A(r[u], n[p]), u--, p--;
-    else if (c[l] === o[p]) a[p] = A(r[l], n[p]), P(i, a[p + 1], r[l]), l++, p--;
-    else if (c[u] === o[d]) a[d] = A(r[u], n[d]), P(i, r[l], r[u]), u--, d++;
-    else if ($ === void 0 && ($ = ct(o, d, p), h = ct(c, l, u)), $.has(c[l])) if ($.has(c[u])) {
-      const g = h.get(o[d]), B = g !== void 0 ? r[g] : null;
-      if (B === null) {
-        const X = P(i, r[l]);
-        A(X, n[d]), a[d] = X;
-      } else a[d] = A(B, n[d]), P(i, r[l], B), r[g] = null;
-      d++;
-    } else W(r[u]), u--;
-    else W(r[l]), l++;
-    for (; d <= p; ) {
-      const g = P(i, a[p + 1]);
-      A(g, n[d]), a[d++] = g;
+  update(i, [t, e, r]) {
+    const s = Gt(i), { values: n, keys: o } = this.dt(t, e, r);
+    if (!Array.isArray(s)) return this.ut = o, n;
+    const h = this.ut ??= [], a = [];
+    let u, c, l = 0, d = s.length - 1, p = 0, $ = n.length - 1;
+    for (; l <= d && p <= $; ) if (s[l] === null) l++;
+    else if (s[d] === null) d--;
+    else if (h[l] === o[p]) a[p] = A(s[l], n[p]), l++, p++;
+    else if (h[d] === o[$]) a[$] = A(s[d], n[$]), d--, $--;
+    else if (h[l] === o[$]) a[$] = A(s[l], n[$]), P(i, a[$ + 1], s[l]), l++, $--;
+    else if (h[d] === o[p]) a[p] = A(s[d], n[p]), P(i, s[l], s[d]), d--, p++;
+    else if (u === void 0 && (u = ut(o, p, $), c = ut(h, l, d)), u.has(h[l])) if (u.has(h[d])) {
+      const g = c.get(o[p]), I = g !== void 0 ? s[g] : null;
+      if (I === null) {
+        const Y = P(i, s[l]);
+        A(Y, n[p]), a[p] = Y;
+      } else a[p] = A(I, n[p]), P(i, s[l], I), s[g] = null;
+      p++;
+    } else q(s[d]), d--;
+    else q(s[l]), l++;
+    for (; p <= $; ) {
+      const g = P(i, a[$ + 1]);
+      A(g, n[p]), a[p++] = g;
     }
-    for (; l <= u; ) {
-      const g = r[l++];
-      g !== null && W(g);
+    for (; l <= d; ) {
+      const g = s[l++];
+      g !== null && q(g);
     }
-    return this.ut = o, Zt(i, a), S;
+    return this.ut = o, Qt(i, a), S;
   }
 });
-const Kt = (i) => (t, e) => {
+const Xt = (i) => (t, e) => {
   e !== void 0 ? e.addInitializer((() => {
     customElements.define(i, t);
   })) : customElements.define(i, t);
 };
-const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Gt = (i = Qt, t, e) => {
-  const { kind: s, metadata: r } = e;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(e.name, i), s === "accessor") {
+const Yt = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: J }, te = (i = Yt, t, e) => {
+  const { kind: r, metadata: s } = e;
+  let n = globalThis.litPropertyMetadata.get(s);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), r === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(e.name, i), r === "accessor") {
     const { name: o } = e;
-    return { set(c) {
+    return { set(h) {
       const a = t.get.call(this);
-      t.set.call(this, c), this.requestUpdate(o, a, i);
-    }, init(c) {
-      return c !== void 0 && this.C(o, void 0, i, c), c;
+      t.set.call(this, h), this.requestUpdate(o, a, i);
+    }, init(h) {
+      return h !== void 0 && this.C(o, void 0, i, h), h;
     } };
   }
-  if (s === "setter") {
+  if (r === "setter") {
     const { name: o } = e;
-    return function(c) {
+    return function(h) {
       const a = this[o];
-      t.call(this, c), this.requestUpdate(o, a, i);
+      t.call(this, h), this.requestUpdate(o, a, i);
     };
   }
-  throw Error("Unsupported decorator location: " + s);
+  throw Error("Unsupported decorator location: " + r);
 };
-function G(i) {
-  return (t, e) => typeof e == "object" ? Gt(i, t, e) : ((s, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
+function X(i) {
+  return (t, e) => typeof e == "object" ? te(i, t, e) : ((r, s, n) => {
+    const o = s.hasOwnProperty(n);
+    return s.constructor.createProperty(n, r), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
   })(i, t, e);
 }
-function k(i) {
-  return G({ ...i, state: !0, attribute: !1 });
+function B(i) {
+  return X({ ...i, state: !0, attribute: !1 });
 }
-const Xt = (i, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(i, t, e), e);
-function vt(i, t) {
-  return (e, s, r) => {
+const ee = (i, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(i, t, e), e);
+function _t(i, t) {
+  return (e, r, s) => {
     const n = (o) => o.renderRoot?.querySelector(i) ?? null;
-    return Xt(e, s, { get() {
+    return ee(e, r, { get() {
       return n(this);
     } });
   };
 }
-var Yt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, m = (i, t, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? te(t, e) : t, n = i.length - 1, o; n >= 0; n--)
-    (o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
-  return s && r && Yt(t, e, r), r;
+var ie = Object.defineProperty, se = Object.getOwnPropertyDescriptor, v = (i, t, e, r) => {
+  for (var s = r > 1 ? void 0 : r ? se(t, e) : t, n = i.length - 1, o; n >= 0; n--)
+    (o = i[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
+  return r && s && ie(t, e, s), s;
 };
-const ee = new Intl.DateTimeFormat(void 0, {
+const re = new Intl.DateTimeFormat(void 0, {
   year: "numeric",
   month: "short",
   day: "numeric",
   hour: "2-digit",
   minute: "2-digit"
-}), ie = (i) => {
+}), yt = (i) => {
   if (i == null || i === "") return;
   const t = /^\s*-?\d+(\.\d+)?\s*$/.test(String(i)) ? Number(i) : Date.parse(String(i));
   return Number.isFinite(t) ? new Date(t) : void 0;
+}, H = (i) => {
+  if (i == null || i === "") return;
+  const t = typeof i == "number" ? i : Number(i);
+  return Number.isFinite(t) ? t : void 0;
+}, pt = (i) => {
+  const t = Math.floor(Number(i));
+  return Number.isFinite(t) ? Math.min(100, Math.max(0, t)) : 0;
+}, ne = (i, t) => {
+  const e = H(t), r = yt(i[i.length - 1]?.tsp);
+  return e === void 0 || !r ? void 0 : r.getTime() + e * 1e3;
 };
-let v = class extends M {
+let m = class extends O {
   constructor() {
-    super(), this.dataSets = /* @__PURE__ */ new Map(), this.textActive = !0, this.version = "1.1.36", this.origWidth = 0, this.origHeight = 0, this.resizeObserver = new ResizeObserver(this.applyData.bind(this)), this.resizeObserver.observe(this);
+    super(), this.dataSets = /* @__PURE__ */ new Map(), this.textActive = !0, this.version = "1.1.37", this.origWidth = 0, this.origHeight = 0, this.resizeObserver = new ResizeObserver(this.applyData.bind(this));
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.resizeObserver && this.resizeObserver.disconnect();
+  connectedCallback() {
+    super.connectedCallback(), this.resizeObserver.observe(this), this.hasUpdated && this.transformData();
   }
-  firstUpdated(i) {
-    this.registerTheme(this.theme);
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.resizeObserver.disconnect(), clearTimeout(this.staleTimer), this.staleTimer = void 0;
   }
   update(i) {
-    i.has("inputData") && this.transformData(), super.update(i);
+    (i.has("theme") || !this.hasUpdated) && this.registerTheme(this.theme), i.has("inputData") && this.transformData(), super.update(i);
   }
   updated(i) {
-    i.has("inputData") && (this.sizingSetup(), this.applyData()), i.has("theme") && this.registerTheme(this.theme), super.updated(i);
+    i.has("inputData") && this.sizingSetup(), this.applyData(), super.updated(i);
   }
   registerTheme(i) {
     this.theme?.theme_object?.backgroundColor;
@@ -677,90 +687,102 @@ let v = class extends M {
   subTitleText() {
     const i = this.inputData?.subTitle;
     if (this.inputData?.subTitleType !== "timestamp") return i;
-    const t = ie(i);
-    return t ? ee.format(t) : i;
+    const t = yt(i);
+    return t ? re.format(t) : i;
   }
   sizingSetup() {
     const i = Array.from(
       this.sizingContainer?.querySelectorAll(".single-value")
     );
     let t = 0, e = 0;
-    for (const s of i) {
-      const r = s.getBoundingClientRect();
-      t = Math.max(r.width, t), e = Math.max(r.height, e);
+    for (const r of i) {
+      const s = r.getBoundingClientRect();
+      t = Math.max(s.width, t), e = Math.max(s.height, e);
     }
     t < this.origWidth ? (!this.lastLargerWidthTime || Date.now() - this.lastLargerWidthTime > 5e3) && (this.origWidth = t) : (this.origWidth = t, this.lastLargerWidthTime = Date.now()), this.origHeight = e;
   }
   applyData() {
     if (!this.valueContainer) return;
-    const i = this.valueContainer.getBoundingClientRect().width, t = this.valueContainer.getBoundingClientRect().height, e = this.dataSets.size, s = this.origWidth, r = this.origHeight;
-    if (!i || !t || !s || !r) return;
+    const i = this.valueContainer.getBoundingClientRect().width, t = this.valueContainer.getBoundingClientRect().height, e = this.dataSets.size, r = this.origWidth, s = this.origHeight;
+    if (!i || !t || !r || !s) return;
     const n = [];
-    for (let h = 1; h <= e; h++) {
-      const l = Math.ceil(e / h), u = i - 12 * (h - 1), d = t - 12 * (l - 1), p = u / s / h, g = p * p * s * r * e;
-      l * p * r <= d && n.push({ r: l, c: h, m: p, size: g, width: s, height: r, userWidth: i, userHeight: t });
+    for (let c = 1; c <= e; c++) {
+      const l = Math.ceil(e / c), d = i - 12 * (c - 1), p = t - 12 * (l - 1), $ = d / r / c, g = $ * $ * r * s * e;
+      l * $ * s <= p && n.push({ r: l, c, m: $, size: g, width: r, height: s, userWidth: i, userHeight: t });
     }
-    for (let h = 1; h <= e; h++) {
-      const l = Math.ceil(e / h), u = i - 12 * (l - 1), p = (t - 12 * (h - 1)) / r / h, g = p * p * s * r * e;
-      l * p * s <= u && n.push({ r: h, c: l, m: p, size: g, width: s, height: r, userWidth: i, userHeight: t });
+    for (let c = 1; c <= e; c++) {
+      const l = Math.ceil(e / c), d = i - 12 * (l - 1), $ = (t - 12 * (c - 1)) / s / c, g = $ * $ * r * s * e;
+      l * $ * r <= d && n.push({ r: c, c: l, m: $, size: g, width: r, height: s, userWidth: i, userHeight: t });
     }
-    const o = n.reduce((h, l) => l.size < h ? h : l.size, 0), c = n.find((h) => h.size === o);
-    if (!c) return;
-    const a = c.m ?? 1, $ = Array.from(
+    const o = n.reduce((c, l) => l.size < c ? c : l.size, 0), h = n.find((c) => c.size === o);
+    if (!h) return;
+    const a = h.m ?? 1, u = Array.from(
       this.valueContainer?.querySelectorAll(".single-value")
     );
-    this.valueContainer.style.gridTemplateColumns = `repeat(${c.c}, 1fr)`;
-    for (const h of $) {
-      h.setAttribute(
+    this.valueContainer.style.gridTemplateColumns = `repeat(${h.c}, 1fr)`;
+    for (const c of u) {
+      c.setAttribute(
         "style",
-        `width:${a * s}px; height:${a * r}px; padding:${a * 6}px`
+        `width:${a * r}px; height:${a * s}px; padding:${a * 6}px`
       );
-      const l = h.getAttribute("label"), u = this.dataSets.get(l ?? "");
-      h.querySelector(".label").setAttribute(
+      const l = c.getAttribute("label"), d = this.dataSets.get(l ?? "");
+      c.querySelector(".label").setAttribute(
         "style",
         `font-size: ${26 * a}px; 
-                color: ${u?.styling?.labelColor || this.themeTitleColor};`
-      ), h.querySelector(".current-value").setAttribute(
+                color: ${d?.styling?.labelColor || this.themeTitleColor};`
+      ), c.querySelector(".current-value").setAttribute(
         "style",
         `font-size: ${32 * a}px; 
-                color: ${u?.styling?.valueColor || this.theme?.theme_object?.color?.[0] || this.themeTitleColor};`
-      ), h.querySelector(".unit").setAttribute("style", `font-size: ${26 * a}px;`);
+                color: ${d?.styling?.valueColor || this.theme?.theme_object?.color?.[0] || this.themeTitleColor};`
+      ), c.querySelector(".unit").setAttribute("style", `font-size: ${26 * a}px;`);
     }
     this.textActive = !0;
   }
-  async transformData() {
-    this.inputData && (this.dataSets.forEach((i) => {
-      i.label ??= "";
-    }), this.dataSets = /* @__PURE__ */ new Map(), this.inputData?.dataseries?.forEach((i) => {
-      const t = i.multiChart ? [...new Set(i.data?.map((e) => e.pivot))].sort() : [""];
-      t.forEach((e) => {
-        const s = e ?? "", r = i.label ?? "", n = {
-          label: s + (s && r ? " - " : "") + r,
-          order: i.order,
-          unit: i.unit,
-          precision: i.precision,
-          advanced: i.advanced,
-          styling: i.styling,
-          multiChart: i.multiChart,
-          value: i.value,
-          data: t.length === 1 ? i.data : i.data?.filter((o) => o.pivot === e),
+  transformData() {
+    this.dataSets = /* @__PURE__ */ new Map();
+    const i = this.inputData?.dataseries;
+    (Array.isArray(i) ? i.filter((s) => !!s && typeof s == "object") : []).forEach((s) => {
+      const n = Array.isArray(s.data) ? s.data.filter((h) => !!h && typeof h == "object") : [], o = s.multiChart ? [...new Set(n.map((h) => h.pivot))].sort() : [""];
+      o.forEach((h) => {
+        const a = h ?? "", u = s.label ?? "", c = {
+          label: a + (a && u ? " - " : "") + u,
+          order: s.order,
+          unit: s.unit,
+          precision: s.precision,
+          advanced: s.advanced,
+          styling: s.styling,
+          multiChart: s.multiChart,
+          value: s.value,
+          data: o.length === 1 ? n : n.filter((l) => l.pivot === h),
           needleValue: void 0
         };
-        this.dataSets.set(n.label ?? "", n);
+        this.dataSets.set(c.label ?? "", c);
       });
-    }), this.dataSets.forEach((i, t) => {
-      if (i.advanced ??= {}, (typeof i.advanced?.averageLatest != "number" || isNaN(i.advanced?.averageLatest)) && (i.advanced.averageLatest = 1), !i.multiChart)
-        i.needleValue = i.value === void 0 || i.value === null ? void 0 : Number(i.value);
+    });
+    const e = Date.now();
+    let r = 1 / 0;
+    this.dataSets.forEach((s) => {
+      const n = H(s.advanced?.averageLatest), o = n !== void 0 && n >= 1 ? Math.floor(n) : 1;
+      if (!s.multiChart)
+        s.needleValue = H(s.value);
       else {
-        const e = i?.data?.slice(-i?.advanced?.averageLatest || -1) ?? [], s = e?.map((n) => n.value)?.filter((n) => n !== void 0)?.map(Number) ?? [];
-        i.needleValue = s.reduce((n, o) => n + o, 0) / s.length;
-        const r = Date.parse(e?.[e.length - 1]?.tsp ?? "");
-        isNaN(r) || (/* @__PURE__ */ new Date()).getTime() - r > (i.advanced?.maxLatency ?? 1 / 0) * 1e3 && (i.needleValue = void 0);
+        const h = s.data?.slice(-o) ?? [], a = h.map((c) => H(c.value)).filter((c) => c !== void 0);
+        s.needleValue = a.length ? a.reduce((c, l) => c + l, 0) / a.length : void 0;
+        const u = ne(h, s.advanced?.maxLatency);
+        u !== void 0 && e > u ? s.needleValue = void 0 : u !== void 0 && (r = Math.min(r, u));
       }
-    }));
+    }), this.scheduleStaleCheck(r);
+  }
+  /** Runs transformData again just after `at` (epoch ms), when the next readout goes stale. */
+  scheduleStaleCheck(i) {
+    if (clearTimeout(this.staleTimer), this.staleTimer = void 0, !Number.isFinite(i) || !this.isConnected) return;
+    const t = Math.min(Math.max(i - Date.now(), 0) + 1, 2 ** 31 - 1);
+    this.staleTimer = setTimeout(() => {
+      this.staleTimer = void 0, this.transformData();
+    }, t);
   }
   render() {
-    return V`
+    return W`
             <div class="wrapper" style="color: ${this.themeTitleColor}">
                 <header>
                     <h3 class="paging" ?active=${this.inputData?.title}>${this.inputData?.title}</h3>
@@ -773,10 +795,10 @@ let v = class extends M {
                     </p>
                 </header>
                 <div class="sizing-container">
-                    ${ut(
+                    ${dt(
       this.dataSets,
       ([i]) => i,
-      ([i, t]) => V`
+      ([i, t]) => W`
                                 <div class="single-value" label="${i}">
                                     <div class="label paging" ?active=${this.textActive}>${i}</div>
                                     <span
@@ -784,7 +806,7 @@ let v = class extends M {
                                         ?active=${this.textActive}
                                         style="color: ${t?.styling?.valueColor || this.theme?.theme_object?.color?.[0] || this.themeTitleColor}"
                                     >
-                                        ${t.needleValue === void 0 || t.needleValue === null || isNaN(t.needleValue) ? "" : t.needleValue.toFixed(Math.max(0, t.precision ?? 0))}
+                                        ${t.needleValue === void 0 || t.needleValue === null || isNaN(t.needleValue) ? "" : t.needleValue.toFixed(pt(t.precision))}
                                         <span class="unit paging" ?active=${this.textActive}>${t.unit}</span>
                                     </span>
                                 </div>
@@ -793,10 +815,10 @@ let v = class extends M {
                 </div>
                 <div class="paging no-data" ?active=${!this.dataSets.size}>No Data</div>
                 <div class="value-container">
-                    ${ut(
+                    ${dt(
       [...this.dataSets.entries()].sort(),
       ([i]) => i,
-      ([i, t]) => V`
+      ([i, t]) => W`
                                 <div class="single-value" label="${i}">
                                     <div
                                         class="label paging"
@@ -810,7 +832,7 @@ let v = class extends M {
                                         ?active=${this.textActive}
                                         style="color: ${t?.styling?.valueColor || this.theme?.theme_object?.color?.[0] || this.themeTitleColor}"
                                     >
-                                        ${t.needleValue === void 0 || t.needleValue === null || isNaN(t.needleValue) ? "" : t.needleValue.toFixed(Math.max(0, t.precision ?? 0))}
+                                        ${t.needleValue === void 0 || t.needleValue === null || isNaN(t.needleValue) ? "" : t.needleValue.toFixed(pt(t.precision))}
                                         <span class="unit paging" ?active=${this.textActive}>${t.unit}</span>
                                     </span>
                                 </div>
@@ -821,7 +843,7 @@ let v = class extends M {
         `;
   }
 };
-v.styles = _t`
+m.styles = bt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -910,34 +932,34 @@ v.styles = _t`
             justify-content: center;
         }
     `;
-m([
-  G({ type: Object })
-], v.prototype, "inputData", 2);
-m([
-  G({ type: Object })
-], v.prototype, "theme", 2);
-m([
-  k()
-], v.prototype, "dataSets", 2);
-m([
-  k()
-], v.prototype, "textActive", 2);
-m([
-  k()
-], v.prototype, "themeTitleColor", 2);
-m([
-  k()
-], v.prototype, "themeSubtitleColor", 2);
-m([
-  vt(".value-container")
-], v.prototype, "valueContainer", 2);
-m([
-  vt(".sizing-container")
-], v.prototype, "sizingContainer", 2);
-v = m([
-  Kt("widget-value-1.1.36")
-], v);
+v([
+  X({ type: Object })
+], m.prototype, "inputData", 2);
+v([
+  X({ type: Object })
+], m.prototype, "theme", 2);
+v([
+  B()
+], m.prototype, "dataSets", 2);
+v([
+  B()
+], m.prototype, "textActive", 2);
+v([
+  B()
+], m.prototype, "themeTitleColor", 2);
+v([
+  B()
+], m.prototype, "themeSubtitleColor", 2);
+v([
+  _t(".value-container")
+], m.prototype, "valueContainer", 2);
+v([
+  _t(".sizing-container")
+], m.prototype, "sizingContainer", 2);
+m = v([
+  Xt("widget-value-1.1.37")
+], m);
 export {
-  v as WidgetValue
+  m as WidgetValue
 };
 //# sourceMappingURL=widget-value.js.map