@record-evolution/widget-gauge 1.7.35 → 1.7.37

package/dist/widget-gauge.js

@@ -1,9 +1,9 @@
-import * as G from "echarts/core";
-import { TooltipComponent as vt } from "echarts/components";
-import { GaugeChart as bt } from "echarts/charts";
-import { CanvasRenderer as At } from "echarts/renderers";
-const k = globalThis, K = k.ShadowRoot && (k.ShadyCSS === void 0 || k.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = /* @__PURE__ */ Symbol(), st = /* @__PURE__ */ new WeakMap();
-let ut = class {
+import * as V from "echarts/core";
+import { TooltipComponent as At } from "echarts/components";
+import { GaugeChart as St } from "echarts/charts";
+import { CanvasRenderer as Ct } from "echarts/renderers";
+const B = globalThis, K = B.ShadowRoot && (B.ShadyCSS === void 0 || B.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = /* @__PURE__ */ Symbol(), nt = /* @__PURE__ */ new WeakMap();
+let gt = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== Z) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
@@ -13,7 +13,7 @@ let ut = class {
     const e = this.t;
     if (K && t === void 0) {
       const i = e !== void 0 && e.length === 1;
-      i && (t = st.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && st.set(e, t));
+      i && (t = nt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && nt.set(e, t));
     }
     return t;
   }
@@ -21,28 +21,28 @@ let ut = class {
     return this.cssText;
   }
 };
-const St = (s) => new ut(typeof s == "string" ? s : s + "", void 0, Z), Ct = (s, ...t) => {
+const wt = (s) => new gt(typeof s == "string" ? s : s + "", void 0, Z), xt = (s, ...t) => {
   const e = s.length === 1 ? s[0] : t.reduce(((i, r, n) => i + ((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) + s[n + 1]), s[0]);
-  return new ut(e, s, Z);
-}, wt = (s, t) => {
+  return new gt(e, s, Z);
+}, Et = (s, t) => {
   if (K) s.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
   else for (const e of t) {
-    const i = document.createElement("style"), r = k.litNonce;
+    const i = document.createElement("style"), r = B.litNonce;
     r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
   }
-}, rt = K ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, ot = K ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules) e += i.cssText;
-  return St(e);
+  return wt(e);
 })(s) : s;
-const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Tt, getOwnPropertySymbols: Ot, getPrototypeOf: Nt } = Object, W = globalThis, nt = W.trustedTypes, Mt = nt ? nt.emptyScript : "", Ht = W.reactiveElementPolyfillSupport, N = (s, t) => s, V = { toAttribute(s, t) {
+const { is: Pt, defineProperty: Tt, getOwnPropertyDescriptor: Ot, getOwnPropertyNames: Nt, getOwnPropertySymbols: zt, getPrototypeOf: Mt } = Object, q = globalThis, at = q.trustedTypes, Ut = at ? at.emptyScript : "", Ht = q.reactiveElementPolyfillSupport, U = (s, t) => s, W = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? Mt : null;
+      s = s ? Ut : null;
       break;
     case Object:
     case Array:
@@ -67,44 +67,44 @@ const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnProperty
       }
   }
   return e;
-} }, F = (s, t) => !xt(s, t), ot = { attribute: !0, type: String, converter: V, reflect: !1, useDefault: !1, hasChanged: F };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), W.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let w = class extends HTMLElement {
+} }, F = (s, t) => !Pt(s, t), lt = { attribute: !0, type: String, converter: W, reflect: !1, useDefault: !1, hasChanged: F };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), q.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let T = 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 = ot) {
+  static createProperty(t, e = lt) {
     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 i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, e);
-      r !== void 0 && Et(this.prototype, t, r);
+      r !== void 0 && Tt(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = Pt(this.prototype, t) ?? { get() {
+    const { get: r, set: n } = Ot(this.prototype, t) ?? { get() {
       return this[e];
     }, set(o) {
       this[e] = o;
     } };
     return { get: r, set(o) {
-      const l = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, l, i);
+      const h = r?.call(this);
+      n?.call(this, o), this.requestUpdate(t, h, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? ot;
+    return this.elementProperties.get(t) ?? lt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(N("elementProperties"))) return;
-    const t = Nt(this);
+    if (this.hasOwnProperty(U("elementProperties"))) return;
+    const t = Mt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(N("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
-      const e = this.properties, i = [...Tt(e), ...Ot(e)];
+    if (this.hasOwnProperty(U("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(U("properties"))) {
+      const e = this.properties, i = [...Nt(e), ...zt(e)];
       for (const r of i) this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
@@ -123,8 +123,8 @@ let w = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) e.unshift(rt(r));
-    } else t !== void 0 && e.push(rt(t));
+      for (const r of i) e.unshift(ot(r));
+    } else t !== void 0 && e.push(ot(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -150,7 +150,7 @@ let w = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return wt(t, this.constructor.elementStyles), t;
+    return Et(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
@@ -166,14 +166,14 @@ let w = class extends HTMLElement {
   _$ET(t, e) {
     const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const n = (i.converter?.toAttribute !== void 0 ? i.converter : V).toAttribute(e, i.type);
+      const n = (i.converter?.toAttribute !== void 0 ? i.converter : W).toAttribute(e, i.type);
       this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
     const i = this.constructor, r = i._$Eh.get(t);
     if (r !== void 0 && this._$Em !== r) {
-      const n = i.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : V;
+      const n = i.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : W;
       this._$Em = r, this[r] = o.fromAttribute(e, n.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
     }
   }
@@ -210,8 +210,8 @@ let w = class extends HTMLElement {
       }
       const i = this.constructor.elementProperties;
       if (i.size > 0) for (const [r, n] of i) {
-        const { wrapped: o } = n, l = this[r];
-        o !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, n, l);
+        const { wrapped: o } = n, h = this[r];
+        o !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, n, h);
       }
     }
     let t = !1;
@@ -248,70 +248,70 @@ let w = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[N("elementProperties")] = /* @__PURE__ */ new Map(), w[N("finalized")] = /* @__PURE__ */ new Map(), Ht?.({ ReactiveElement: w }), (W.reactiveElementVersions ??= []).push("2.1.0");
-const J = globalThis, B = J.trustedTypes, at = B ? B.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ft = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, gt = "?" + b, zt = `<${gt}>`, C = document, H = () => C.createComment(""), z = (s) => s === null || typeof s != "object" && typeof s != "function", Q = Array.isArray, Lt = (s) => Q(s) || typeof s?.[Symbol.iterator] == "function", q = `[ 	
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, lt = />/g, A = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ct = /'/g, dt = /"/g, mt = /^(?:script|style|textarea|title)$/i, Ut = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), Dt = Ut(1), x = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), S = C.createTreeWalker(C, 129);
-function $t(s, t) {
-  if (!Q(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return at !== void 0 ? at.createHTML(t) : t;
+T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[U("elementProperties")] = /* @__PURE__ */ new Map(), T[U("finalized")] = /* @__PURE__ */ new Map(), Ht?.({ ReactiveElement: T }), (q.reactiveElementVersions ??= []).push("2.1.0");
+const Q = globalThis, I = Q.trustedTypes, ht = I ? I.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, mt = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + w, Lt = `<${$t}>`, P = document, L = () => P.createComment(""), D = (s) => s === null || typeof s != "object" && typeof s != "function", X = Array.isArray, Dt = (s) => X(s) || typeof s?.[Symbol.iterator] == "function", J = `[ 	
+\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, dt = />/g, x = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, ut = /"/g, yt = /^(?:script|style|textarea|title)$/i, jt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), Rt = jt(1), O = /* @__PURE__ */ Symbol.for("lit-noChange"), g = /* @__PURE__ */ Symbol.for("lit-nothing"), ft = /* @__PURE__ */ new WeakMap(), E = P.createTreeWalker(P, 129);
+function _t(s, t) {
+  if (!X(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ht !== void 0 ? ht.createHTML(t) : t;
 }
-const jt = (s, t) => {
+const kt = (s, t) => {
   const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = O;
-  for (let l = 0; l < e; l++) {
-    const a = s[l];
-    let h, d, c = -1, f = 0;
-    for (; f < a.length && (o.lastIndex = f, d = o.exec(a), d !== null); ) f = o.lastIndex, o === O ? d[1] === "!--" ? o = ht : d[1] !== void 0 ? o = lt : d[2] !== void 0 ? (mt.test(d[2]) && (r = RegExp("</" + d[2], "g")), o = A) : d[3] !== void 0 && (o = A) : o === A ? d[0] === ">" ? (o = r ?? O, c = -1) : d[1] === void 0 ? c = -2 : (c = o.lastIndex - d[2].length, h = d[1], o = d[3] === void 0 ? A : d[3] === '"' ? dt : ct) : o === dt || o === ct ? o = A : o === ht || o === lt ? o = O : (o = A, r = void 0);
-    const u = o === A && s[l + 1].startsWith("/>") ? " " : "";
-    n += o === O ? a + zt : c >= 0 ? (i.push(h), a.slice(0, c) + ft + a.slice(c) + b + u) : a + b + (c === -2 ? l : u);
-  }
-  return [$t(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = M;
+  for (let h = 0; h < e; h++) {
+    const l = s[h];
+    let p, u, a = -1, c = 0;
+    for (; c < l.length && (o.lastIndex = c, u = o.exec(l), u !== null); ) c = o.lastIndex, o === M ? u[1] === "!--" ? o = ct : u[1] !== void 0 ? o = dt : u[2] !== void 0 ? (yt.test(u[2]) && (r = RegExp("</" + u[2], "g")), o = x) : u[3] !== void 0 && (o = x) : o === x ? u[0] === ">" ? (o = r ?? M, a = -1) : u[1] === void 0 ? a = -2 : (a = o.lastIndex - u[2].length, p = u[1], o = u[3] === void 0 ? x : u[3] === '"' ? ut : pt) : o === ut || o === pt ? o = x : o === ct || o === dt ? o = M : (o = x, r = void 0);
+    const m = o === x && s[h + 1].startsWith("/>") ? " " : "";
+    n += o === M ? l + Lt : a >= 0 ? (i.push(p), l.slice(0, a) + mt + l.slice(a) + w + m) : l + w + (a === -2 ? h : m);
+  }
+  return [_t(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-class L {
+class j {
   constructor({ strings: t, _$litType$: e }, i) {
     let r;
     this.parts = [];
     let n = 0, o = 0;
-    const l = t.length - 1, a = this.parts, [h, d] = jt(t, e);
-    if (this.el = L.createElement(h, i), S.currentNode = this.el.content, e === 2 || e === 3) {
-      const c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
+    const h = t.length - 1, l = this.parts, [p, u] = kt(t, e);
+    if (this.el = j.createElement(p, i), E.currentNode = this.el.content, e === 2 || e === 3) {
+      const a = this.el.content.firstChild;
+      a.replaceWith(...a.childNodes);
     }
-    for (; (r = S.nextNode()) !== null && a.length < l; ) {
+    for (; (r = E.nextNode()) !== null && l.length < h; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(ft)) {
-          const f = d[o++], u = r.getAttribute(c).split(b), _ = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: n, name: _[2], strings: u, ctor: _[1] === "." ? kt : _[1] === "?" ? Vt : _[1] === "@" ? Bt : I }), r.removeAttribute(c);
-        } else c.startsWith(b) && (a.push({ type: 6, index: n }), r.removeAttribute(c));
-        if (mt.test(r.tagName)) {
-          const c = r.textContent.split(b), f = c.length - 1;
-          if (f > 0) {
-            r.textContent = B ? B.emptyScript : "";
-            for (let u = 0; u < f; u++) r.append(c[u], H()), S.nextNode(), a.push({ type: 2, index: ++n });
-            r.append(c[f], H());
+        if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(mt)) {
+          const c = u[o++], m = r.getAttribute(a).split(w), $ = /([.?@])?(.*)/.exec(c);
+          l.push({ type: 1, index: n, name: $[2], strings: m, ctor: $[1] === "." ? Bt : $[1] === "?" ? Wt : $[1] === "@" ? It : G }), r.removeAttribute(a);
+        } else a.startsWith(w) && (l.push({ type: 6, index: n }), r.removeAttribute(a));
+        if (yt.test(r.tagName)) {
+          const a = r.textContent.split(w), c = a.length - 1;
+          if (c > 0) {
+            r.textContent = I ? I.emptyScript : "";
+            for (let m = 0; m < c; m++) r.append(a[m], L()), E.nextNode(), l.push({ type: 2, index: ++n });
+            r.append(a[c], L());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === gt) a.push({ type: 2, index: n });
+      } else if (r.nodeType === 8) if (r.data === $t) l.push({ type: 2, index: n });
       else {
-        let c = -1;
-        for (; (c = r.data.indexOf(b, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += b.length - 1;
+        let a = -1;
+        for (; (a = r.data.indexOf(w, a + 1)) !== -1; ) l.push({ type: 7, index: n }), a += w.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const i = C.createElement("template");
+    const i = P.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function E(s, t, e = s, i) {
-  if (t === x) return t;
+function N(s, t, e = s, i) {
+  if (t === O) return t;
   let r = i !== void 0 ? e._$Co?.[i] : 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(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = r : e._$Cl = r), r !== void 0 && (t = E(s, r._$AS(s, t.values), r, i)), t;
+  const n = D(t) ? void 0 : t._$litDirective$;
+  return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = r : e._$Cl = r), r !== void 0 && (t = N(s, r._$AS(s, t.values), r, i)), t;
 }
-class Rt {
+class Vt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -322,29 +322,29 @@ class Rt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = (t?.creationScope ?? C).importNode(e, !0);
-    S.currentNode = r;
-    let n = S.nextNode(), o = 0, l = 0, a = i[0];
-    for (; a !== void 0; ) {
-      if (o === a.index) {
-        let h;
-        a.type === 2 ? h = new U(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new Wt(n, this, t)), this._$AV.push(h), a = i[++l];
+    const { el: { content: e }, parts: i } = this._$AD, r = (t?.creationScope ?? P).importNode(e, !0);
+    E.currentNode = r;
+    let n = E.nextNode(), o = 0, h = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (o === l.index) {
+        let p;
+        l.type === 2 ? p = new R(n, n.nextSibling, this, t) : l.type === 1 ? p = new l.ctor(n, l.name, l.strings, this, t) : l.type === 6 && (p = new qt(n, this, t)), this._$AV.push(p), l = i[++h];
       }
-      o !== a?.index && (n = S.nextNode(), o++);
+      o !== l?.index && (n = E.nextNode(), o++);
     }
-    return S.currentNode = C, r;
+    return E.currentNode = P, r;
   }
   p(t) {
     let e = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class U {
+class R {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, e, i, r) {
-    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -358,7 +358,7 @@ class U {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = E(this, t, e), z(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Lt(t) ? this.k(t) : this._(t);
+    t = N(this, t, e), D(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== O && 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);
@@ -367,25 +367,25 @@ class U {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== m && z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(C.createTextNode(t)), this._$AH = t;
+    this._$AH !== g && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = L.createElement($t(i.h, i.h[0]), this.options)), i);
+    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = j.createElement(_t(i.h, i.h[0]), this.options)), i);
     if (this._$AH?._$AD === r) this._$AH.p(e);
     else {
-      const n = new Rt(r, this), o = n.u(this.options);
+      const n = new Vt(r, this), o = n.u(this.options);
       n.p(e), this.T(o), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = pt.get(t.strings);
-    return e === void 0 && pt.set(t.strings, e = new L(t)), e;
+    let e = ft.get(t.strings);
+    return e === void 0 && ft.set(t.strings, e = new j(t)), e;
   }
   k(t) {
-    Q(this._$AH) || (this._$AH = [], this._$AR());
+    X(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, r = 0;
-    for (const n of t) r === e.length ? e.push(i = new U(this.O(H()), this.O(H()), this, this.options)) : i = e[r], i._$AI(n), r++;
+    for (const n of t) r === e.length ? e.push(i = new R(this.O(L()), this.O(L()), this, this.options)) : i = e[r], i._$AI(n), r++;
     r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -398,7 +398,7 @@ class U {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class I {
+class G {
   get tagName() {
     return this.element.tagName;
   }
@@ -406,53 +406,53 @@ class I {
     return this._$AM._$AU;
   }
   constructor(t, e, i, r, n) {
-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = m;
+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = g;
   }
   _$AI(t, e = this, i, r) {
     const n = this.strings;
     let o = !1;
-    if (n === void 0) t = E(this, t, e, 0), o = !z(t) || t !== this._$AH && t !== x, o && (this._$AH = t);
+    if (n === void 0) t = N(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
     else {
-      const l = t;
-      let a, h;
-      for (t = n[0], a = 0; a < n.length - 1; a++) h = E(this, l[i + a], e, a), h === x && (h = this._$AH[a]), o ||= !z(h) || h !== this._$AH[a], h === m ? t = m : t !== m && (t += (h ?? "") + n[a + 1]), this._$AH[a] = h;
+      const h = t;
+      let l, p;
+      for (t = n[0], l = 0; l < n.length - 1; l++) p = N(this, h[i + l], e, l), p === O && (p = this._$AH[l]), o ||= !D(p) || p !== this._$AH[l], p === g ? t = g : t !== g && (t += (p ?? "") + n[l + 1]), this._$AH[l] = p;
     }
     o && !r && this.j(t);
   }
   j(t) {
-    t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class kt extends I {
+class Bt extends G {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === m ? void 0 : t;
+    this.element[this.name] = t === g ? void 0 : t;
   }
 }
-class Vt extends I {
+class Wt extends G {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== m);
+    this.element.toggleAttribute(this.name, !!t && t !== g);
   }
 }
-class Bt extends I {
+class It extends G {
   constructor(t, e, i, r, n) {
     super(t, e, i, r, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = E(this, t, e, 0) ?? m) === x) return;
-    const i = this._$AH, r = t === m && i !== m || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== m && (i === m || r);
+    if ((t = N(this, t, e, 0) ?? g) === O) return;
+    const i = this._$AH, r = t === g && i !== g || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== g && (i === g || r);
     r && this.element.removeEventListener(this.name, this, i), 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 Wt {
+class qt {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -460,22 +460,22 @@ class Wt {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    E(this, t);
+    N(this, t);
   }
 }
-const It = J.litHtmlPolyfillSupport;
-It?.(L, U), (J.litHtmlVersions ??= []).push("3.3.0");
-const qt = (s, t, e) => {
+const Gt = Q.litHtmlPolyfillSupport;
+Gt?.(j, R), (Q.litHtmlVersions ??= []).push("3.3.0");
+const Jt = (s, t, e) => {
   const i = e?.renderBefore ?? t;
   let r = i._$litPart$;
   if (r === void 0) {
     const n = e?.renderBefore ?? null;
-    i._$litPart$ = r = new U(t.insertBefore(H(), n), n, void 0, e ?? {});
+    i._$litPart$ = r = new R(t.insertBefore(L(), n), n, void 0, e ?? {});
   }
   return r._$AI(s), r;
 };
-const X = globalThis;
-class M extends w {
+const Y = globalThis;
+class H extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -485,7 +485,7 @@ class M extends w {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = qt(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Jt(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -494,68 +494,78 @@ class M extends w {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return x;
+    return O;
   }
 }
-M._$litElement$ = !0, M.finalized = !0, X.litElementHydrateSupport?.({ LitElement: M });
-const Gt = X.litElementPolyfillSupport;
-Gt?.({ LitElement: M });
-(X.litElementVersions ??= []).push("4.2.0");
-const Kt = (s) => (t, e) => {
+H._$litElement$ = !0, H.finalized = !0, Y.litElementHydrateSupport?.({ LitElement: H });
+const Kt = Y.litElementPolyfillSupport;
+Kt?.({ LitElement: H });
+(Y.litElementVersions ??= []).push("4.2.0");
+const Zt = (s) => (t, e) => {
   e !== void 0 ? e.addInitializer((() => {
     customElements.define(s, t);
   })) : customElements.define(s, t);
 };
-const Zt = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged: F }, Ft = (s = Zt, t, e) => {
+const Ft = { attribute: !0, type: String, converter: W, reflect: !1, hasChanged: F }, Qt = (s = Ft, t, e) => {
   const { kind: i, metadata: r } = e;
   let n = globalThis.litPropertyMetadata.get(r);
   if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), n.set(e.name, s), i === "accessor") {
     const { name: o } = e;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(o, a, s);
-    }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
+    return { set(h) {
+      const l = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(o, l, s);
+    }, init(h) {
+      return h !== void 0 && this.C(o, void 0, s, h), h;
     } };
   }
   if (i === "setter") {
     const { name: o } = e;
-    return function(l) {
-      const a = this[o];
-      t.call(this, l), this.requestUpdate(o, a, s);
+    return function(h) {
+      const l = this[o];
+      t.call(this, h), this.requestUpdate(o, l, s);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function Y(s) {
-  return (t, e) => typeof e == "object" ? Ft(s, t, e) : ((i, r, n) => {
+function tt(s) {
+  return (t, e) => typeof e == "object" ? Qt(s, t, e) : ((i, r, n) => {
     const o = r.hasOwnProperty(n);
     return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
   })(s, t, e);
 }
-function D(s) {
-  return Y({ ...s, state: !0, attribute: !1 });
+function k(s) {
+  return tt({ ...s, state: !0, attribute: !1 });
 }
-const Jt = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
-function _t(s, t) {
+const Xt = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
+function vt(s, t) {
   return (e, i, r) => {
     const n = (o) => o.renderRoot?.querySelector(s) ?? null;
-    return Jt(e, i, { get() {
+    return Xt(e, i, { get() {
       return n(this);
     } });
   };
 }
-var Qt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, v = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? Xt(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+var Yt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, S = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? te(t, e) : t, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
-  return i && r && Qt(t, e, r), r;
+  return i && r && Yt(t, e, r), r;
 };
-G.use([vt, bt, At]);
-let $ = class extends M {
+V.use([At, St, Ct]);
+let v = class extends H {
   constructor() {
-    super(), this.dataSets = [], this.canvasList = /* @__PURE__ */ new Map(), this.origWidth = 600, this.origHeight = 350, this.textContainerHeight = 36, this.modifier = 1, this.version = "1.7.35", this.resizeObserver = new ResizeObserver(() => {
+    super(), this.dataSets = [], this.canvasList = /* @__PURE__ */ new Map(), this.origWidth = 600, this.origHeight = 350, this.textContainerHeight = 36, this.modifier = 1, this.version = "1.7.37", this.resizeObserver = new ResizeObserver(() => {
       this.adjustSizes(), this.applyData();
     }), this.template = {
+      // The registered ECharts theme carries its own canvas
+      // `backgroundColor` (chalk paints `rgba(41,52,65,1)`), which the
+      // gauge canvas draws as an opaque slab on top of the wrapper's
+      // background. That hides whatever colour the tile actually has —
+      // the `--re-tile-background-color` the host injects, or a user's
+      // custom colour — so the gauge sits in a differently coloured box.
+      // Forcing the option's background to transparent lets the wrapper's
+      // background show through; the wrapper already falls back to the
+      // theme's own colour when no override is set, so nothing is lost.
+      backgroundColor: "transparent",
       series: [
         {
           type: "gauge",
@@ -664,32 +674,31 @@ let $ = class extends M {
     ], r = Object.fromEntries(
       Object.entries(s.theme_object).filter(([n]) => !i.includes(n))
     );
-    G.registerTheme(s.theme_name, r);
+    V.registerTheme(s.theme_name, r);
   }
   adjustSizes() {
     if (!this.gaugeContainer) return;
     const s = this.gaugeContainer.getBoundingClientRect().width, t = this.gaugeContainer.getBoundingClientRect().height, e = this.dataSets.length, i = this.origWidth, r = this.origHeight;
     if (!t || !s || !i || !r) return;
     const n = [];
-    for (let h = 1; h <= e; h++) {
-      const d = Math.ceil(e / h), c = s - 24 * (h - 1), f = t - 24 * (d - 1), u = c / i / h, _ = u * u * i * r * e;
-      d * u * r <= f && n.push({ c: h, r: d, m: u, size: _, uwgap: c, uhgap: f });
+    for (let a = 1; a <= e; a++) {
+      const c = Math.ceil(e / a), m = s - 24 * (a - 1), $ = t - 24 * (c - 1), y = m / i / a, A = y * y * i * r * e;
+      c * y * r <= $ && n.push({ c: a, r: c, m: y, size: A, uwgap: m, uhgap: $ });
     }
-    for (let h = 1; h <= e; h++) {
-      const d = Math.ceil(e / h), c = s - 24 * (d - 1), f = t - 24 * (h - 1), u = f / r / h, _ = u * u * i * r * e;
-      d * u * i <= c && n.push({ c: d, r: h, m: u, size: _, uwgap: c, uhgap: f });
+    for (let a = 1; a <= e; a++) {
+      const c = Math.ceil(e / a), m = s - 24 * (c - 1), $ = t - 24 * (a - 1), y = $ / r / a, A = y * y * i * r * e;
+      c * y * i <= m && n.push({ c, r: a, m: y, size: A, uwgap: m, uhgap: $ });
     }
-    const o = n.reduce((h, d) => d.size < h ? h : d.size, 0), l = n.find((h) => h.size === o);
-    if (!l) return;
-    const a = l.m ?? 0;
-    this.boxes = Array.from(this.gaugeContainer?.querySelectorAll(".chart")), this.gaugeContainer.style.gridTemplateColumns = `repeat(${l.c}, 1fr)`, this.boxes?.forEach(
-      (h) => h.setAttribute(
-        "style",
-        `width:${a * i}px; height:${a * (r - this.textContainerHeight)}px`
-      )
-    ), this.modifier = a, this.canvasList.forEach((h) => {
-      h.echart?.resize();
-    });
+    const o = n.reduce((a, c) => c.size < a ? a : c.size, 0), h = n.find((a) => a.size === o);
+    if (!h) return;
+    const l = h.m ?? 0;
+    this.boxes = Array.from(this.gaugeContainer?.querySelectorAll(".chart"));
+    const p = `repeat(${h.c}, 1fr)`;
+    this.gaugeContainer.style.gridTemplateColumns !== p && (this.gaugeContainer.style.gridTemplateColumns = p);
+    const u = `width:${l * i}px; height:${l * (r - this.textContainerHeight)}px`;
+    this.boxes?.forEach((a) => {
+      a.getAttribute("style") !== u && (a.setAttribute("style", u), V.getInstanceByDom(a)?.resize());
+    }), this.modifier = l;
   }
   async transformData() {
     this.dataSets = [], this?.inputData && this.inputData.dataseries?.sort((s, t) => (s.label ?? "") > (t.label ?? "") ? 1 : -1).forEach((s, t) => {
@@ -697,7 +706,7 @@ let $ = class extends M {
       e.forEach((i) => {
         const r = i ?? "";
         let n = String(s.label ?? "").trim();
-        n = r + (r && n ? " - " : "") + n, this.dataSets.some((l) => l.label === n) && (n += " " + t);
+        n = r + (r && n ? " - " : "") + n, this.dataSets.some((h) => h.label === n) && (n += " " + t);
         const o = {
           label: n,
           unit: s.unit,
@@ -707,7 +716,7 @@ let $ = class extends M {
           sections: s.sections,
           multiChart: s.multiChart,
           value: s.value,
-          data: e.length === 1 ? s.data : s?.data?.filter((l) => l.pivot === i)
+          data: e.length === 1 ? s.data : s?.data?.filter((h) => h.pivot === i)
         };
         this.dataSets.push(o);
       });
@@ -725,39 +734,62 @@ let $ = class extends M {
       if (!t.multiChart)
         t.needleValue = t.value === void 0 || t.value === null ? void 0 : Number(t.value);
       else {
-        const p = e?.map((g) => g.value)?.filter((g) => g !== void 0)?.map(Number) ?? [];
-        t.needleValue = p.reduce((g, y) => g + y, 0) / p.length;
+        const d = e?.map((f) => f.value)?.filter((f) => f !== void 0)?.map(Number) ?? [];
+        t.needleValue = d.reduce((f, b) => f + b, 0) / d.length;
       }
       t.needleValue = isNaN(t.needleValue) ? r : t.needleValue;
-      const n = this.canvasList.get(t.label)?.echart, o = window.structuredClone(this.template), l = o.series, a = l?.[0], h = l?.[1], d = Date.parse(t?.data?.[0]?.tsp ?? "");
-      isNaN(d) && (/* @__PURE__ */ new Date()).getTime() - d > (t.advanced?.maxLatency ?? 1 / 0) * 1e3 && (t.needleValue = void 0), a.data[0].value = t.needleValue, a.data[0].name = t.unit, a.title.fontSize = 32 * s, a.title.color = t.valueColor || this.themeTitleColor, a.title.opacity = 1, a.detail.color = t.valueColor || this.themeTitleColor, a.detail.opacity = 1, a.detail.fontSize = 60 * s, a.detail.formatter = (p) => {
-        const g = Number(p);
-        return isNaN(g) ? "-" : g.toFixed(Math.floor(t.precision ?? 0));
-      };
-      const c = ["#bf444c", "#d88273", "#f6efa6"], f = this.theme?.theme_object?.color ?? c, u = (t.sections?.sectionLimits ?? []).map((p, g) => {
-        const y = p?.limit;
+      const n = Date.parse(t.data?.[t.data.length - 1]?.tsp ?? "");
+      isNaN(n) || (/* @__PURE__ */ new Date()).getTime() - n > (t.advanced?.maxLatency ?? 1 / 0) * 1e3 && (t.needleValue = void 0);
+      const o = ["#bf444c", "#d88273", "#f6efa6"], h = this.theme?.theme_object?.color ?? o, l = (t.sections?.sectionLimits ?? []).map((d, f) => {
+        const b = d?.limit;
         return {
-          limit: y === "" || y == null ? void 0 : Number(y),
-          color: p?.sectionColor || f[g % f.length]
+          limit: b === "" || b == null ? void 0 : Number(b),
+          color: d?.sectionColor || h[f % h.length]
         };
       }).filter(
-        (p) => p.limit != null && !isNaN(p.limit)
-      ), _ = !u.length || r <= u[0].limit, j = u.filter((p, g, y) => g === 0 ? !0 : _ ? p.limit > y[g - 1].limit : p.limit < y[g - 1].limit), R = j.length ? j.map((p) => p.limit) : [40, 80, 100], P = j.length ? j.map((p) => p.color) : f.slice(0, 3), tt = R?.[R.length - 1] ?? 100;
-      t.range = Math.abs(tt - r), a.min = h.min = r, a.max = h.max = tt;
-      const et = R.map((p, g) => {
-        const y = Math.abs(p - r) / t.range, yt = P[g];
-        return [y, yt];
-      }).filter(([p]) => !isNaN(p) && p >= 0);
-      h.axisLine.lineStyle.width = 8 * s, et.length && (h.axisLine.lineStyle.color = et), h.axisLabel.fontSize = 24 * s, h.axisLabel.distance = -24 * s, h.splitLine.length = 16 * s, h.splitLine.distance = -16 * s;
-      let it = P?.[P.length - 1];
-      for (const [p, g] of R?.entries() ?? [])
-        if (_ ? g > t.needleValue : g < t.needleValue) {
-          it = P?.[p] ?? P?.[0];
+        (d) => d.limit != null && !isNaN(d.limit)
+      ), p = !l.length || r <= l[0].limit, u = l.filter((d, f, b) => f === 0 ? !0 : p ? d.limit > b[f - 1].limit : d.limit < b[f - 1].limit), a = u.length ? u.map((d) => d.limit) : [40, 80, 100], c = u.length ? u.map((d) => d.color) : h.slice(0, 3), m = a?.[a.length - 1] ?? 100;
+      t.range = Math.abs(m - r);
+      const $ = a.map((d, f) => {
+        const b = Math.abs(d - r) / t.range, bt = c[f];
+        return [b, bt];
+      }).filter(([d]) => !isNaN(d) && d >= 0);
+      let y = c?.[c.length - 1];
+      for (const [d, f] of a?.entries() ?? [])
+        if (p ? f > t.needleValue : f < t.needleValue) {
+          y = c?.[d] ?? c?.[0];
           break;
         }
-      a.progress.itemStyle.color = it, a.progress.width = 60 * s;
-      const T = this.canvasList.get(t.label)?.title;
-      T && (T.style.fontSize = String(36 * s) + "px", T.style.maxWidth = String(550 * s) + "px", T.style.height = String(this.textContainerHeight * s) + "px", T.textContent = t.label ?? ""), n?.setOption(o);
+      const A = this.canvasList.get(t.label), et = A?.echart, it = JSON.stringify([
+        s,
+        t.unit,
+        t.precision,
+        t.valueColor,
+        t.sections,
+        this.themeTitleColor
+      ]);
+      if (A && A.lastConfig === it) {
+        et?.setOption(
+          {
+            series: [
+              {
+                data: [{ value: t.needleValue ?? null, name: t.unit }],
+                progress: { itemStyle: { color: y } }
+              }
+            ]
+          },
+          { lazyUpdate: !0 }
+        );
+        continue;
+      }
+      A && (A.lastConfig = it);
+      const st = window.structuredClone(this.template), rt = st.series, _ = rt?.[0], C = rt?.[1];
+      _.data[0].value = t.needleValue, _.data[0].name = t.unit, _.title.fontSize = 32 * s, _.title.color = t.valueColor || this.themeTitleColor, _.title.opacity = 1, _.detail.color = t.valueColor || this.themeTitleColor, _.detail.opacity = 1, _.detail.fontSize = 60 * s, _.detail.formatter = (d) => {
+        const f = Number(d);
+        return isNaN(f) ? "-" : f.toFixed(Math.floor(t.precision ?? 0));
+      }, _.min = C.min = r, _.max = C.max = m, C.axisLine.lineStyle.width = 8 * s, $.length && (C.axisLine.lineStyle.color = $), C.axisLabel.fontSize = 24 * s, C.axisLabel.distance = -24 * s, C.splitLine.length = 16 * s, C.splitLine.distance = -16 * s, _.progress.itemStyle.color = y, _.progress.width = 60 * s;
+      const z = A?.title;
+      z && (z.style.fontSize = String(36 * s) + "px", z.style.maxWidth = String(550 * s) + "px", z.style.height = String(this.textContainerHeight * s) + "px", z.textContent = t.label ?? ""), et?.setOption(st, { lazyUpdate: !0 });
     }
   }
   deleteCharts() {
@@ -779,12 +811,12 @@ let $ = class extends M {
         "style",
         `min-width: ${this.origWidth}px; min-height: ${this.origHeight}px; width: ${this.origWidth}px; height: ${this.origHeight}px;`
       ), t.appendChild(e), t.appendChild(i), this.gaugeContainer.appendChild(t);
-      const r = G.init(i, this.theme?.theme_name);
+      const r = V.init(i, this.theme?.theme_name);
       this.canvasList.set(s.label ?? "", { echart: r, title: e, wrapper: t });
     }));
   }
   render() {
-    return Dt`
+    return Rt`
             <div
                 class="wrapper"
                 style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
@@ -805,7 +837,7 @@ let $ = class extends M {
         `;
   }
 };
-$.styles = Ct`
+v.styles = xt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -880,37 +912,37 @@ $.styles = Ct`
             justify-content: center;
         }
     `;
-v([
-  Y({ type: Object })
-], $.prototype, "inputData", 2);
-v([
-  Y({ type: Object })
-], $.prototype, "theme", 2);
-v([
-  D()
-], $.prototype, "dataSets", 2);
-v([
-  D()
-], $.prototype, "canvasList", 2);
-v([
-  D()
-], $.prototype, "themeBgColor", 2);
-v([
-  D()
-], $.prototype, "themeTitleColor", 2);
-v([
-  D()
-], $.prototype, "themeSubtitleColor", 2);
-v([
-  _t(".gauge-container")
-], $.prototype, "gaugeContainer", 2);
-v([
-  _t(".wrapper")
-], $.prototype, "wrapper", 2);
-$ = v([
-  Kt("widget-gauge-1.7.35")
-], $);
+S([
+  tt({ type: Object })
+], v.prototype, "inputData", 2);
+S([
+  tt({ type: Object })
+], v.prototype, "theme", 2);
+S([
+  k()
+], v.prototype, "dataSets", 2);
+S([
+  k()
+], v.prototype, "canvasList", 2);
+S([
+  k()
+], v.prototype, "themeBgColor", 2);
+S([
+  k()
+], v.prototype, "themeTitleColor", 2);
+S([
+  k()
+], v.prototype, "themeSubtitleColor", 2);
+S([
+  vt(".gauge-container")
+], v.prototype, "gaugeContainer", 2);
+S([
+  vt(".wrapper")
+], v.prototype, "wrapper", 2);
+v = S([
+  Zt("widget-gauge-1.7.37")
+], v);
 export {
-  $ as WidgetGauge
+  v as WidgetGauge
 };
 //# sourceMappingURL=widget-gauge.js.map