@ironflock/widget-value 0.0.0-stage → 1.1.34

package/dist/widget-value.js

@@ -0,0 +1,948 @@
+const H = globalThis, q = H.ShadowRoot && (H.ShadyCSS === void 0 || H.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.");
+    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));
+    }
+    return t;
+  }
+  toString() {
+    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) => {
+    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));
+  else for (const e of t) {
+    const s = document.createElement("style"), r = H.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+  }
+}, tt = q ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return mt(e);
+})(i) : i;
+const { is: At, defineProperty: bt, getOwnPropertyDescriptor: xt, getOwnPropertyNames: St, getOwnPropertySymbols: wt, getPrototypeOf: Ct } = Object, B = globalThis, et = B.trustedTypes, Et = et ? et.emptyScript : "", Tt = B.reactiveElementPolyfillSupport, O = (i, t) => i, R = { toAttribute(i, t) {
+  switch (t) {
+    case Boolean:
+      i = i ? Et : null;
+      break;
+    case Object:
+    case Array:
+      i = i == null ? i : JSON.stringify(i);
+  }
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
+  switch (t) {
+    case Boolean:
+      e = i !== null;
+      break;
+    case Number:
+      e = i === null ? null : Number(i);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(i);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Z = (i, t) => !At(i, t), it = { attribute: !0, type: String, converter: R, reflect: !1, useDefault: !1, hasChanged: Z };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), B.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let w = 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 = it) {
+    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);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: r, set: n } = xt(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);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? it;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(O("elementProperties"))) return;
+    const t = Ct(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]);
+    }
+    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);
+    }
+    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);
+    }
+    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));
+    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 yt(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), r = this.constructor._$Eu(t, s);
+    if (r !== void 0 && s.reflect === !0) {
+      const n = (s.converter?.toAttribute !== void 0 ? s.converter : R).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, 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 : R;
+      this._$Em = r, this[r] = o.fromAttribute(e, n.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    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);
+    }
+    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));
+  }
+  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 [r, n] of this._$Ep) this[r] = 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);
+      }
+    }
+    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) {
+  }
+};
+w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[O("elementProperties")] = /* @__PURE__ */ new Map(), w[O("finalized")] = /* @__PURE__ */ new Map(), Tt?.({ ReactiveElement: w }), (B.reactiveElementVersions ??= []).push("2.1.0");
+const J = globalThis, j = J.trustedTypes, st = j ? j.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;
+}
+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];
+};
+class D {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let r;
+    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 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 = j ? j.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());
+          }
+        }
+      } else if (r.nodeType === 8) if (r.data === $t) 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;
+      }
+      n++;
+    }
+  }
+  static createElement(t, e) {
+    const s = x.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function C(i, t, e = i, s) {
+  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 zt = class {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    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];
+    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];
+      }
+      o !== a?.index && (n = b.nextNode(), o++);
+    }
+    return b.currentNode = x, r;
+  }
+  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 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;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    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);
+  }
+  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 && z(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);
+    else {
+      const n = new zt(r, 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;
+  }
+  k(t) {
+    K(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);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class L {
+  get tagName() {
+    return this.element.tagName;
+  }
+  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;
+  }
+  _$AI(t, e = this, s, r) {
+    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);
+    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] = $;
+    }
+    o && !r && this.j(t);
+  }
+  j(t) {
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class Dt extends L {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === f ? void 0 : t;
+  }
+}
+class Nt extends L {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    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;
+  }
+  _$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;
+  }
+  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;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    C(this, t);
+  }
+}
+const jt = { I: E }, Bt = J.litHtmlPolyfillSupport;
+Bt?.(D, E), (J.litHtmlVersions ??= []).push("3.3.0");
+const Lt = (i, t, e) => {
+  const s = e?.renderBefore ?? t;
+  let r = s._$litPart$;
+  if (r === void 0) {
+    const n = e?.renderBefore ?? null;
+    s._$litPart$ = r = new E(t.insertBefore(U(), n), n, void 0, e ?? {});
+  }
+  return r._$AI(i), r;
+};
+const Q = globalThis;
+let M = class extends w {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Lt(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return S;
+  }
+};
+M._$litElement$ = !0, M.finalized = !0, Q.litElementHydrateSupport?.({ LitElement: M });
+const kt = Q.litElementPolyfillSupport;
+kt?.({ LitElement: M });
+(Q.litElementVersions ??= []).push("4.2.0");
+const It = { CHILD: 2 }, Vt = (i) => (...t) => ({ _$litDirective$: i, values: t });
+class Wt {
+  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 { I: qt } = jt, ht = () => document.createComment(""), P = (i, t, e) => {
+  const s = i._$AA.parentNode, r = 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);
+  } else {
+    const n = e._$AB.nextSibling, o = e._$AM, c = o !== i;
+    if (c) {
+      let a;
+      e._$AQ?.(i), e._$AM = i, e._$AP !== void 0 && (a = i._$AU) !== o._$AU && e._$AP(a);
+    }
+    if (n !== r || c) {
+      let a = e._$AA;
+      for (; a !== n; ) {
+        const $ = a.nextSibling;
+        s.insertBefore(a, r), a = $;
+      }
+    }
+  }
+  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) => {
+  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 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 {
+  constructor(i) {
+    if (super(i), i.type !== It.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 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 };
+  }
+  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]), k = g !== void 0 ? r[g] : null;
+      if (k === null) {
+        const X = P(i, r[l]);
+        A(X, n[d]), a[d] = X;
+      } else a[d] = A(k, n[d]), P(i, r[l], k), 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;
+    }
+    for (; l <= u; ) {
+      const g = r[l++];
+      g !== null && W(g);
+    }
+    return this.ut = o, Zt(i, a), S;
+  }
+});
+const Kt = (i) => (t, e) => {
+  e !== void 0 ? e.addInitializer((() => {
+    customElements.define(i, t);
+  })) : customElements.define(i, t);
+};
+const Qt = { attribute: !0, type: String, converter: R, 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 { name: o } = e;
+    return { set(c) {
+      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;
+    } };
+  }
+  if (s === "setter") {
+    const { name: o } = e;
+    return function(c) {
+      const a = this[o];
+      t.call(this, c), this.requestUpdate(o, a, i);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+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;
+  })(i, t, e);
+}
+function N(i) {
+  return G({ ...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 n = (o) => o.renderRoot?.querySelector(i) ?? null;
+    return Xt(e, s, { 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;
+};
+const ee = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+}), ie = (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;
+};
+let v = class extends M {
+  constructor() {
+    super(), this.dataSets = /* @__PURE__ */ new Map(), this.textActive = !0, this.version = "1.1.34", this.origWidth = 0, this.origHeight = 0, this.resizeObserver = new ResizeObserver(this.applyData.bind(this)), this.resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.resizeObserver && this.resizeObserver.disconnect();
+  }
+  firstUpdated(i) {
+    this.registerTheme(this.theme);
+  }
+  update(i) {
+    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);
+  }
+  registerTheme(i) {
+    const t = this.theme?.theme_object?.backgroundColor, e = this.theme?.theme_object?.title?.textStyle?.color, s = this.theme?.theme_object?.title?.subtextStyle?.color || e;
+    this.themeBgColor = `var(--re-tile-background-color, ${t ?? "transparent"})`, this.themeTitleColor = `var(--re-text-color, ${e ?? "inherit"})`, this.themeSubtitleColor = `var(--re-text-color, ${s ?? "inherit"})`;
+  }
+  subTitleText() {
+    const i = this.inputData?.subTitle;
+    if (this.inputData?.subTitleType !== "timestamp") return i;
+    const t = ie(i);
+    return t ? ee.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);
+    }
+    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 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 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 });
+    }
+    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(
+      this.valueContainer?.querySelectorAll(".single-value")
+    );
+    this.valueContainer.style.gridTemplateColumns = `repeat(${c.c}, 1fr)`;
+    for (const h of $) {
+      h.setAttribute(
+        "style",
+        `width:${a * s}px; height:${a * r}px; padding:${a * 6}px`
+      );
+      const l = h.getAttribute("label"), u = this.dataSets.get(l ?? "");
+      h.querySelector(".label").setAttribute(
+        "style",
+        `font-size: ${26 * a}px; 
+                color: ${u?.styling?.labelColor || this.themeTitleColor};`
+      ), h.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;`);
+    }
+    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),
+          needleValue: void 0
+        };
+        this.dataSets.set(n.label ?? "", n);
+      });
+    }), 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);
+      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);
+      }
+    }));
+  }
+  render() {
+    return V`
+            <div
+                class="wrapper"
+                style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
+            >
+                <header>
+                    <h3 class="paging" ?active=${this.inputData?.title}>${this.inputData?.title}</h3>
+                    <p
+                        class="paging"
+                        ?active=${this.inputData?.subTitle}
+                        style="color: ${this.themeSubtitleColor}"
+                    >
+                        ${this.subTitleText()}
+                    </p>
+                </header>
+                <div class="sizing-container">
+                    ${ut(
+      this.dataSets,
+      ([i]) => i,
+      ([i, t]) => V`
+                                <div class="single-value" label="${i}">
+                                    <div class="label paging" ?active=${this.textActive}>${i}</div>
+                                    <span
+                                        class="current-value paging"
+                                        ?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))}
+                                        <span class="unit paging" ?active=${this.textActive}>${t.unit}</span>
+                                    </span>
+                                </div>
+                            `
+    )}
+                </div>
+                <div class="paging no-data" ?active=${!this.dataSets.size}>No Data</div>
+                <div class="value-container">
+                    ${ut(
+      [...this.dataSets.entries()].sort(),
+      ([i]) => i,
+      ([i, t]) => V`
+                                <div class="single-value" label="${i}">
+                                    <div
+                                        class="label paging"
+                                        style="color: ${t?.styling?.labelColor || this.themeTitleColor}"
+                                        ?active=${this.textActive}
+                                    >
+                                        ${i}
+                                    </div>
+                                    <span
+                                        class="current-value paging"
+                                        ?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))}
+                                        <span class="unit paging" ?active=${this.textActive}>${t.unit}</span>
+                                    </span>
+                                </div>
+                            `
+    )}
+                </div>
+            </div>
+        `;
+  }
+};
+v.styles = _t`
+        :host {
+            display: block;
+            font-family: sans-serif;
+            box-sizing: border-box;
+            position: relative;
+            margin: auto;
+            overflow: hidden;
+            container-type: size;
+        }
+
+        .paging:not([active]) {
+            display: none !important;
+        }
+
+        .wrapper {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            width: 100%;
+            padding: 2cqh 2cqw;
+            box-sizing: border-box;
+        }
+
+        h3 {
+            margin: 0;
+            max-width: 300px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        p {
+            margin: 10px 0 0 0;
+            max-width: 300px;
+            font-size: 14px;
+            line-height: 17px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .value-container {
+            display: grid;
+            line-height: 0.9;
+            flex: 1;
+            overflow: hidden;
+            position: relative;
+            gap: 12px;
+        }
+
+        .single-value {
+            overflow: hidden;
+            position: relative;
+            align-items: end;
+            padding: 6px;
+            box-sizing: border-box;
+        }
+
+        .current-value {
+            font-size: 32px;
+            font-weight: 600;
+            white-space: nowrap;
+        }
+
+        .label,
+        .unit {
+            font-weight: 300;
+            font-size: 26px;
+            white-space: nowrap;
+        }
+
+        .sizing-container {
+            position: absolute;
+            left: 100000px;
+            line-height: 0.9;
+            overflow: hidden;
+            gap: 12px;
+        }
+
+        .no-data {
+            font-size: 20px;
+            display: flex;
+            height: 100%;
+            width: 100%;
+            text-align: center;
+            align-items: center;
+            justify-content: center;
+        }
+    `;
+m([
+  G({ type: Object })
+], v.prototype, "inputData", 2);
+m([
+  G({ type: Object })
+], v.prototype, "theme", 2);
+m([
+  N()
+], v.prototype, "dataSets", 2);
+m([
+  N()
+], v.prototype, "textActive", 2);
+m([
+  N()
+], v.prototype, "themeBgColor", 2);
+m([
+  N()
+], v.prototype, "themeTitleColor", 2);
+m([
+  N()
+], 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.34")
+], v);
+export {
+  v as WidgetValue
+};
+//# sourceMappingURL=widget-value.js.map