@record-evolution/widget-linechart 1.6.34 → 1.7.2

package/dist/widget-linechart.js

@@ -1,21 +1,21 @@
-import * as Y from "echarts/core";
-import { GridComponent as xt, TitleComponent as vt, ToolboxComponent as At, TooltipComponent as _t, LegendComponent as bt, DataZoomComponent as wt } from "echarts/components";
-import { LineChart as Ct, BarChart as St, ScatterChart as Et } from "echarts/charts";
-import { UniversalTransition as Tt, LegacyGridContainLabel as Dt } from "echarts/features";
-import { CanvasRenderer as Ot } from "echarts/renderers";
-import et from "tinycolor2";
-const I = globalThis, G = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, J = /* @__PURE__ */ Symbol(), st = /* @__PURE__ */ new WeakMap();
-let ut = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== J) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+import * as nt from "echarts/core";
+import { GridComponent as Pt, TitleComponent as Mt, ToolboxComponent as Nt, TooltipComponent as Ut, LegendComponent as zt, DataZoomComponent as Rt } from "echarts/components";
+import { LineChart as It, BarChart as Ht, ScatterChart as jt } from "echarts/charts";
+import { UniversalTransition as kt, LegacyGridContainLabel as Bt } from "echarts/features";
+import { CanvasRenderer as Wt } from "echarts/renderers";
+import ft from "tinycolor2";
+const G = globalThis, at = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, rt = /* @__PURE__ */ Symbol(), yt = /* @__PURE__ */ new WeakMap();
+let Tt = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== rt) 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 (G && 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));
+    if (at && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = yt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && yt.set(e, t));
     }
     return t;
   }
@@ -23,115 +23,115 @@ let ut = class {
     return this.cssText;
   }
 };
-const Lt = (s) => new ut(typeof s == "string" ? s : s + "", void 0, J), Pt = (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, J);
-}, Mt = (s, t) => {
-  if (G) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const Zt = (o) => new Tt(typeof o == "string" ? o : o + "", void 0, rt), Vt = (o, ...t) => {
+  const e = o.length === 1 ? o[0] : t.reduce((s, i, n) => s + ((a) => {
+    if (a._$cssResult$ === !0) return a.cssText;
+    if (typeof a == "number") return a;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(i) + o[n + 1], o[0]);
+  return new Tt(e, o, rt);
+}, qt = (o, t) => {
+  if (at) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const i = document.createElement("style"), r = I.litNonce;
-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
+    const s = document.createElement("style"), i = G.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
   }
-}, it = G ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, gt = at ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const i of t.cssRules) e += i.cssText;
-  return Lt(e);
-})(s) : s;
-const { is: Ut, defineProperty: Nt, getOwnPropertyDescriptor: zt, getOwnPropertyNames: Ht, getOwnPropertySymbols: Rt, getPrototypeOf: jt } = Object, W = globalThis, rt = W.trustedTypes, It = rt ? rt.emptyScript : "", kt = W.reactiveElementPolyfillSupport, M = (s, t) => s, k = { toAttribute(s, t) {
+  for (const s of t.cssRules) e += s.cssText;
+  return Zt(e);
+})(o) : o;
+const { is: Xt, defineProperty: Yt, getOwnPropertyDescriptor: Gt, getOwnPropertyNames: Kt, getOwnPropertySymbols: Ft, getPrototypeOf: Jt } = Object, J = globalThis, xt = J.trustedTypes, Qt = xt ? xt.emptyScript : "", te = J.reactiveElementPolyfillSupport, j = (o, t) => o, K = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      s = s ? It : null;
+      o = o ? Qt : null;
       break;
     case Object:
     case Array:
-      s = s == null ? s : JSON.stringify(s);
+      o = o == null ? o : JSON.stringify(o);
   }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
+  return o;
+}, fromAttribute(o, t) {
+  let e = o;
   switch (t) {
     case Boolean:
-      e = s !== null;
+      e = o !== null;
       break;
     case Number:
-      e = s === null ? null : Number(s);
+      e = o === null ? null : Number(o);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(s);
+        e = JSON.parse(o);
       } catch {
         e = null;
       }
   }
   return e;
-} }, K = (s, t) => !Ut(s, t), nt = { attribute: !0, type: String, converter: k, reflect: !1, useDefault: !1, hasChanged: K };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), W.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let S = class extends HTMLElement {
+} }, ht = (o, t) => !Xt(o, t), $t = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ht };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), J.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let O = 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 = nt) {
+  static createProperty(t, e = $t) {
     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 && Nt(this.prototype, t, r);
+      const s = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && Yt(this.prototype, t, i);
     }
   }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = zt(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: n } = Gt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(o) {
-      this[e] = o;
+    }, set(a) {
+      this[e] = a;
     } };
-    return { get: r, set(o) {
-      const l = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, l, i);
+    return { get: i, set(a) {
+      const l = i?.call(this);
+      n?.call(this, a), this.requestUpdate(t, l, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? nt;
+    return this.elementProperties.get(t) ?? $t;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = jt(this);
+    if (this.hasOwnProperty(j("elementProperties"))) return;
+    const t = Jt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(M("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const e = this.properties, i = [...Ht(e), ...Rt(e)];
-      for (const r of i) this.createProperty(r, e[r]);
+    if (this.hasOwnProperty(j("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
+      const e = this.properties, s = [...Kt(e), ...Ft(e)];
+      for (const i of s) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const r = this._$Eu(e, i);
-      r !== void 0 && this._$Eh.set(r, e);
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const e = [];
     if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) e.unshift(it(r));
-    } else t !== void 0 && e.push(it(t));
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(gt(i));
+    } else t !== void 0 && e.push(gt(t));
     return e;
   }
   static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+    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();
@@ -147,12 +147,12 @@ let S = class extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    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 Mt(t, this.constructor.elementStyles), t;
+    return qt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -162,35 +162,35 @@ let S = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach((t) => t.hostDisconnected?.());
   }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
   }
   _$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 : k).toAttribute(e, i.type);
-      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
+    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const n = (s.converter?.toAttribute !== void 0 ? s.converter : K).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, 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 : k;
-      this._$Em = r;
-      const l = o.fromAttribute(e, n.type);
-      this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
+    const s = this.constructor, i = s._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const n = s.getPropertyOptions(i), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : K;
+      this._$Em = i;
+      const l = a.fromAttribute(e, n.type);
+      this[i] = l ?? this._$Ej?.get(i) ?? l, this._$Em = null;
     }
   }
-  requestUpdate(t, e, i, r = !1, n) {
+  requestUpdate(t, e, s, i = !1, n) {
     if (t !== void 0) {
-      const o = this.constructor;
-      if (r === !1 && (n = this[t]), i ??= o.getPropertyOptions(t), !((i.hasChanged ?? K)(n, e) || i.useDefault && i.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, i)))) return;
-      this.C(t, e, i);
+      const a = this.constructor;
+      if (i === !1 && (n = this[t]), s ??= a.getPropertyOptions(t), !((s.hasChanged ?? ht)(n, e) || s.useDefault && s.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(a._$Eu(t, s)))) return;
+      this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: i, reflect: r, wrapped: n }, o) {
-    i && !(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 || i || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, e, { useDefault: s, reflect: i, wrapped: n }, a) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, a ?? e ?? this[t]), n !== !0 || a !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -209,21 +209,21 @@ let S = 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 [i, n] of this._$Ep) this[i] = n;
         this._$Ep = void 0;
       }
-      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 s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [i, n] of s) {
+        const { wrapped: a } = n, l = this[i];
+        a !== !0 || this._$AL.has(i) || l === void 0 || this.C(i, void 0, n, l);
       }
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(e)) : this._$EM();
-    } catch (i) {
-      throw t = !1, this._$EM(), i;
+      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);
   }
@@ -252,70 +252,70 @@ let S = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[M("elementProperties")] = /* @__PURE__ */ new Map(), S[M("finalized")] = /* @__PURE__ */ new Map(), kt?.({ ReactiveElement: S }), (W.reactiveElementVersions ??= []).push("2.1.2");
-const F = globalThis, ot = (s) => s, B = F.trustedTypes, at = B ? B.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, mt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, ft = "?" + v, Bt = `<${ft}>`, b = document, N = () => b.createComment(""), z = (s) => s === null || typeof s != "object" && typeof s != "function", Q = Array.isArray, Wt = (s) => Q(s) || typeof s?.[Symbol.iterator] == "function", Z = `[ 	
-\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, lt = />/g, A = RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ct = /'/g, dt = /"/g, yt = /^(?:script|style|textarea|title)$/i, qt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), Vt = qt(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), u = /* @__PURE__ */ Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), _ = b.createTreeWalker(b, 129);
-function gt(s, t) {
-  if (!Q(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return at !== void 0 ? at.createHTML(t) : t;
+O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[j("elementProperties")] = /* @__PURE__ */ new Map(), O[j("finalized")] = /* @__PURE__ */ new Map(), te?.({ ReactiveElement: O }), (J.reactiveElementVersions ??= []).push("2.1.2");
+const lt = globalThis, vt = (o) => o, F = lt.trustedTypes, At = F ? F.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Et = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + A, ee = `<${Lt}>`, L = document, B = () => L.createComment(""), W = (o) => o === null || typeof o != "object" && typeof o != "function", ct = Array.isArray, ie = (o) => ct(o) || typeof o?.[Symbol.iterator] == "function", ot = `[ 	
+\f\r]`, H = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, _t = />/g, T = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), wt = /'/g, St = /"/g, Dt = /^(?:script|style|textarea|title)$/i, se = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), oe = se(1), P = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), E = L.createTreeWalker(L, 129);
+function Ot(o, t) {
+  if (!ct(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return At !== void 0 ? At.createHTML(t) : t;
 }
-const Xt = (s, t) => {
-  const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = P;
+const ne = (o, t) => {
+  const e = o.length - 1, s = [];
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = H;
   for (let l = 0; l < e; l++) {
-    const h = s[l];
-    let a, d, c = -1, y = 0;
-    for (; y < h.length && (o.lastIndex = y, d = o.exec(h), d !== null); ) y = o.lastIndex, o === P ? d[1] === "!--" ? o = ht : d[1] !== void 0 ? o = lt : d[2] !== void 0 ? (yt.test(d[2]) && (r = RegExp("</" + d[2], "g")), o = A) : d[3] !== void 0 && (o = A) : o === A ? d[0] === ">" ? (o = r ?? P, c = -1) : d[1] === void 0 ? c = -2 : (c = o.lastIndex - d[2].length, a = d[1], o = d[3] === void 0 ? A : d[3] === '"' ? dt : ct) : o === dt || o === ct ? o = A : o === ht || o === lt ? o = P : (o = A, r = void 0);
-    const m = o === A && s[l + 1].startsWith("/>") ? " " : "";
-    n += o === P ? h + Bt : c >= 0 ? (i.push(a), h.slice(0, c) + mt + h.slice(c) + v + m) : h + v + (c === -2 ? l : m);
+    const r = o[l];
+    let d, h, c = -1, p = 0;
+    for (; p < r.length && (a.lastIndex = p, h = a.exec(r), h !== null); ) p = a.lastIndex, a === H ? h[1] === "!--" ? a = bt : h[1] !== void 0 ? a = _t : h[2] !== void 0 ? (Dt.test(h[2]) && (i = RegExp("</" + h[2], "g")), a = T) : h[3] !== void 0 && (a = T) : a === T ? h[0] === ">" ? (a = i ?? H, c = -1) : h[1] === void 0 ? c = -2 : (c = a.lastIndex - h[2].length, d = h[1], a = h[3] === void 0 ? T : h[3] === '"' ? St : wt) : a === St || a === wt ? a = T : a === bt || a === _t ? a = H : (a = T, i = void 0);
+    const y = a === T && o[l + 1].startsWith("/>") ? " " : "";
+    n += a === H ? r + ee : c >= 0 ? (s.push(d), r.slice(0, c) + Et + r.slice(c) + A + y) : r + A + (c === -2 ? l : y);
   }
-  return [gt(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [Ot(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class H {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let r;
+class Z {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let i;
     this.parts = [];
-    let n = 0, o = 0;
-    const l = t.length - 1, h = this.parts, [a, d] = Xt(t, e);
-    if (this.el = H.createElement(a, i), _.currentNode = this.el.content, e === 2 || e === 3) {
+    let n = 0, a = 0;
+    const l = t.length - 1, r = this.parts, [d, h] = ne(t, e);
+    if (this.el = Z.createElement(d, s), E.currentNode = this.el.content, e === 2 || e === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
-    for (; (r = _.nextNode()) !== null && h.length < l; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(mt)) {
-          const y = d[o++], m = r.getAttribute(c).split(v), f = /([.?@])?(.*)/.exec(y);
-          h.push({ type: 1, index: n, name: f[2], strings: m, ctor: f[1] === "." ? Yt : f[1] === "?" ? Gt : f[1] === "@" ? Jt : q }), r.removeAttribute(c);
-        } else c.startsWith(v) && (h.push({ type: 6, index: n }), r.removeAttribute(c));
-        if (yt.test(r.tagName)) {
-          const c = r.textContent.split(v), y = c.length - 1;
-          if (y > 0) {
-            r.textContent = B ? B.emptyScript : "";
-            for (let m = 0; m < y; m++) r.append(c[m], N()), _.nextNode(), h.push({ type: 2, index: ++n });
-            r.append(c[y], N());
+    for (; (i = E.nextNode()) !== null && r.length < l; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const c of i.getAttributeNames()) if (c.endsWith(Et)) {
+          const p = h[a++], y = i.getAttribute(c).split(A), x = /([.?@])?(.*)/.exec(p);
+          r.push({ type: 1, index: n, name: x[2], strings: y, ctor: x[1] === "." ? re : x[1] === "?" ? he : x[1] === "@" ? le : Q }), i.removeAttribute(c);
+        } else c.startsWith(A) && (r.push({ type: 6, index: n }), i.removeAttribute(c));
+        if (Dt.test(i.tagName)) {
+          const c = i.textContent.split(A), p = c.length - 1;
+          if (p > 0) {
+            i.textContent = F ? F.emptyScript : "";
+            for (let y = 0; y < p; y++) i.append(c[y], B()), E.nextNode(), r.push({ type: 2, index: ++n });
+            i.append(c[p], B());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === ft) h.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === Lt) r.push({ type: 2, index: n });
       else {
         let c = -1;
-        for (; (c = r.data.indexOf(v, c + 1)) !== -1; ) h.push({ type: 7, index: n }), c += v.length - 1;
+        for (; (c = i.data.indexOf(A, c + 1)) !== -1; ) r.push({ type: 7, index: n }), c += A.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const i = b.createElement("template");
-    return i.innerHTML = t, i;
+    const s = L.createElement("template");
+    return s.innerHTML = t, s;
   }
 }
-function T(s, t, e = s, i) {
-  if (t === E) 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 = T(s, r._$AS(s, t.values), r, i)), t;
+function M(o, t, e = o, s) {
+  if (t === P) return t;
+  let i = s !== void 0 ? e._$Co?.[s] : e._$Cl;
+  const n = W(t) ? void 0 : t._$litDirective$;
+  return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = i : e._$Cl = i), i !== void 0 && (t = M(o, i._$AS(o, t.values), i, s)), t;
 }
-class Zt {
+class ae {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -326,29 +326,29 @@ class Zt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = (t?.creationScope ?? b).importNode(e, !0);
-    _.currentNode = r;
-    let n = _.nextNode(), o = 0, l = 0, h = i[0];
-    for (; h !== void 0; ) {
-      if (o === h.index) {
-        let a;
-        h.type === 2 ? a = new R(n, n.nextSibling, this, t) : h.type === 1 ? a = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (a = new Kt(n, this, t)), this._$AV.push(a), h = i[++l];
+    const { el: { content: e }, parts: s } = this._$AD, i = (t?.creationScope ?? L).importNode(e, !0);
+    E.currentNode = i;
+    let n = E.nextNode(), a = 0, l = 0, r = s[0];
+    for (; r !== void 0; ) {
+      if (a === r.index) {
+        let d;
+        r.type === 2 ? d = new V(n, n.nextSibling, this, t) : r.type === 1 ? d = new r.ctor(n, r.name, r.strings, this, t) : r.type === 6 && (d = new ce(n, this, t)), this._$AV.push(d), r = s[++l];
       }
-      o !== h?.index && (n = _.nextNode(), o++);
+      a !== r?.index && (n = E.nextNode(), a++);
     }
-    return _.currentNode = b, r;
+    return E.currentNode = L, i;
   }
   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++;
+    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 R {
+class V {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, e, i, r) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(t, e, s, i) {
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = i?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -362,7 +362,7 @@ class R {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = T(this, t, e), z(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Wt(t) ? this.k(t) : this._(t);
+    t = M(this, t, e), W(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ie(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -371,115 +371,115 @@ class R {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(b.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && W(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.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 = H.createElement(gt(i.h, i.h[0]), this.options)), i);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = Z.createElement(Ot(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === i) 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;
+      const n = new ae(i, this), a = n.u(this.options);
+      n.p(e), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = pt.get(t.strings);
-    return e === void 0 && pt.set(t.strings, e = new H(t)), e;
+    let e = Ct.get(t.strings);
+    return e === void 0 && Ct.set(t.strings, e = new Z(t)), e;
   }
   k(t) {
-    Q(this._$AH) || (this._$AH = [], this._$AR());
+    ct(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 R(this.O(N()), this.O(N()), this, this.options)) : i = e[r], i._$AI(n), r++;
-    r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
+    let s, i = 0;
+    for (const n of t) i === e.length ? e.push(s = new V(this.O(B()), this.O(B()), this, this.options)) : s = e[i], s._$AI(n), i++;
+    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const i = ot(t).nextSibling;
-      ot(t).remove(), t = i;
+      const s = vt(t).nextSibling;
+      vt(t).remove(), t = s;
     }
   }
   setConnected(t) {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class q {
+class Q {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, i, r, n) {
-    this.type = 1, this._$AH = u, 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 = u;
+  constructor(t, e, s, i, n) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = f;
   }
-  _$AI(t, e = this, i, r) {
+  _$AI(t, e = this, s, i) {
     const n = this.strings;
-    let o = !1;
-    if (n === void 0) t = T(this, t, e, 0), o = !z(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+    let a = !1;
+    if (n === void 0) t = M(this, t, e, 0), a = !W(t) || t !== this._$AH && t !== P, a && (this._$AH = t);
     else {
       const l = t;
-      let h, a;
-      for (t = n[0], h = 0; h < n.length - 1; h++) a = T(this, l[i + h], e, h), a === E && (a = this._$AH[h]), o ||= !z(a) || a !== this._$AH[h], a === u ? t = u : t !== u && (t += (a ?? "") + n[h + 1]), this._$AH[h] = a;
+      let r, d;
+      for (t = n[0], r = 0; r < n.length - 1; r++) d = M(this, l[s + r], e, r), d === P && (d = this._$AH[r]), a ||= !W(d) || d !== this._$AH[r], d === f ? t = f : t !== f && (t += (d ?? "") + n[r + 1]), this._$AH[r] = d;
     }
-    o && !r && this.j(t);
+    a && !i && this.j(t);
   }
   j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Yt extends q {
+class re extends Q {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
+    this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class Gt extends q {
+class he extends Q {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
+    this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class Jt extends q {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
+class le extends Q {
+  constructor(t, e, s, i, n) {
+    super(t, e, s, i, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = T(this, t, e, 0) ?? u) === E) return;
-    const i = this._$AH, r = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== u && (i === u || r);
-    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = M(this, t, e, 0) ?? f) === P) return;
+    const s = this._$AH, i = t === f && s !== f || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== f && (s === f || i);
+    i && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Kt {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+class ce {
+  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) {
-    T(this, t);
+    M(this, t);
   }
 }
-const Ft = F.litHtmlPolyfillSupport;
-Ft?.(H, R), (F.litHtmlVersions ??= []).push("3.3.2");
-const Qt = (s, t, e) => {
-  const i = e?.renderBefore ?? t;
-  let r = i._$litPart$;
-  if (r === void 0) {
+const de = lt.litHtmlPolyfillSupport;
+de?.(Z, V), (lt.litHtmlVersions ??= []).push("3.3.2");
+const pe = (o, t, e) => {
+  const s = e?.renderBefore ?? t;
+  let i = s._$litPart$;
+  if (i === void 0) {
     const n = e?.renderBefore ?? null;
-    i._$litPart$ = r = new R(t.insertBefore(N(), n), n, void 0, e ?? {});
+    s._$litPart$ = i = new V(t.insertBefore(B(), n), n, void 0, e ?? {});
   }
-  return r._$AI(s), r;
+  return i._$AI(o), i;
 };
-const tt = globalThis;
-class U extends S {
+const dt = globalThis;
+class k extends O {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -489,7 +489,7 @@ class U extends S {
   }
   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 = pe(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -498,79 +498,79 @@ class U extends S {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return E;
+    return P;
   }
 }
-U._$litElement$ = !0, U.finalized = !0, tt.litElementHydrateSupport?.({ LitElement: U });
-const te = tt.litElementPolyfillSupport;
-te?.({ LitElement: U });
-(tt.litElementVersions ??= []).push("4.2.2");
-const ee = (s) => (t, e) => {
+k._$litElement$ = !0, k.finalized = !0, dt.litElementHydrateSupport?.({ LitElement: k });
+const ue = dt.litElementPolyfillSupport;
+ue?.({ LitElement: k });
+(dt.litElementVersions ??= []).push("4.2.2");
+const me = (o) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
-    customElements.define(s, t);
-  }) : customElements.define(s, t);
+    customElements.define(o, t);
+  }) : customElements.define(o, t);
 };
-const se = { attribute: !0, type: String, converter: k, reflect: !1, hasChanged: K }, ie = (s = se, 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;
+const fe = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ht }, ye = (o = fe, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), s === "accessor") {
+    const { name: a } = e;
     return { set(l) {
-      const h = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(o, h, s, !0, l);
+      const r = t.get.call(this);
+      t.set.call(this, l), this.requestUpdate(a, r, o, !0, l);
     }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
+      return l !== void 0 && this.C(a, void 0, o, l), l;
     } };
   }
-  if (i === "setter") {
-    const { name: o } = e;
+  if (s === "setter") {
+    const { name: a } = e;
     return function(l) {
-      const h = this[o];
-      t.call(this, l), this.requestUpdate(o, h, s, !0, l);
+      const r = this[a];
+      t.call(this, l), this.requestUpdate(a, r, o, !0, l);
     };
   }
-  throw Error("Unsupported decorator location: " + i);
+  throw Error("Unsupported decorator location: " + s);
 };
-function V(s) {
-  return (t, e) => typeof e == "object" ? ie(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 tt(o) {
+  return (t, e) => typeof e == "object" ? ye(o, t, e) : ((s, i, n) => {
+    const a = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, s), a ? Object.getOwnPropertyDescriptor(i, n) : void 0;
+  })(o, t, e);
 }
-function X(s) {
-  return V({ ...s, state: !0, attribute: !1 });
+function et(o) {
+  return tt({ ...o, state: !0, attribute: !1 });
 }
-const re = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
-function ne(s, t) {
-  return (e, i, r) => {
-    const n = (o) => o.renderRoot?.querySelector(s) ?? null;
-    return re(e, i, { get() {
+const ge = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
+function xe(o, t) {
+  return (e, s, i) => {
+    const n = (a) => a.renderRoot?.querySelector(o) ?? null;
+    return ge(e, s, { get() {
       return n(this);
     } });
   };
 }
-var oe = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, x = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? ae(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 && oe(t, e, r), r;
+var $e = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, $ = (o, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ve(t, e) : t, n = o.length - 1, a; n >= 0; n--)
+    (a = o[n]) && (i = (s ? a(t, e, i) : a(i)) || i);
+  return s && i && $e(t, e, i), i;
 };
-Y.use([
-  xt,
-  vt,
-  At,
-  _t,
-  bt,
-  wt,
-  Ct,
-  St,
-  Et,
-  Ot,
-  Tt,
-  Dt
+nt.use([
+  Pt,
+  Mt,
+  Nt,
+  Ut,
+  zt,
+  Rt,
+  It,
+  Ht,
+  jt,
+  Wt,
+  kt,
+  Bt
 ]);
-let $ = class extends U {
+let g = class extends k {
   constructor() {
-    super(), this.canvasList = /* @__PURE__ */ new Map(), this.origWidth = 0, this.origHeight = 0, this.modifier = 1, this.version = "1.6.34", this.updateThresholdMs = 300, this.maxIntervalSamples = 3, this.template = {
+    super(), this.canvasList = /* @__PURE__ */ new Map(), this.origWidth = 0, this.origHeight = 0, this.modifier = 1, this.version = "1.7.2", this.updateThresholdMs = 300, this.maxIntervalSamples = 3, this.template = {
       title: {
         text: "Temperature Change in the Coming Week",
         left: "center",
@@ -629,21 +629,45 @@ let $ = class extends U {
           fontSize: 14
         }
       },
-      yAxis: {
-        type: "value",
-        nameLocation: "middle",
-        name: "Temperature (°C)",
-        nameGap: 30,
-        axisLabel: {
-          fontSize: 14
-        },
-        axisLine: {
-          lineStyle: {
-            width: void 0
-          }
+      // index 0 = left (primary) axis, index 1 = right (secondary) axis.
+      // Must stay function-free: the template is copied via structuredClone.
+      yAxis: [
+        {
+          type: "value",
+          nameLocation: "middle",
+          name: "Temperature (°C)",
+          nameGap: 30,
+          position: "left",
+          axisLabel: {
+            fontSize: 14
+          },
+          axisLine: {
+            lineStyle: {
+              width: void 0
+            }
+          },
+          scale: !1
         },
-        scale: !1
-      },
+        {
+          type: "value",
+          position: "right",
+          show: !1,
+          name: "",
+          nameGap: 30,
+          axisLabel: {
+            fontSize: 14
+          },
+          axisLine: {
+            lineStyle: {
+              width: void 0
+            }
+          },
+          splitLine: {
+            show: !1
+          },
+          scale: !1
+        }
+      ],
       series: [
         {
           name: "Highest",
@@ -669,81 +693,130 @@ let $ = class extends U {
       ]
     };
   }
-  update(s) {
-    s.has("inputData") && (this.cachedXAxisType = void 0, this.cachedYAxisType = void 0), s.has("inputData") && this.chartContainer && (this.transformData(), this.applyData()), s.has("theme") && (this.registerTheme(this.theme), this.deleteCharts(), this.transformData(), this.applyData()), super.update(s);
+  update(o) {
+    o.has("inputData") && (this.cachedXAxisType = void 0, this.cachedYAxisType = void 0), o.has("inputData") && this.chartContainer && (this.transformData(), this.applyData()), o.has("theme") && (this.registerTheme(this.theme), this.deleteCharts(), this.transformData(), this.applyData()), super.update(o);
   }
-  firstUpdated(s) {
+  firstUpdated(o) {
     this.registerTheme(this.theme), this.transformData(), this.applyData(), this.chartContainer && (this.resizeObserver = new ResizeObserver(() => {
       this.canvasList.forEach((t) => {
         t.echart?.resize();
       });
     }), this.resizeObserver.observe(this.chartContainer));
   }
-  registerTheme(s) {
+  registerTheme(o) {
     const t = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), e = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
-    if (this.themeBgColor = e || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color, this.themeSubtitleColor = t || this.theme?.theme_object?.title?.subtextStyle?.color || this.themeTitleColor, !s || !s.theme_object || !s.theme_name) return;
-    const i = ["parallel", "geo", "timeline", "visualMap", "markPoint"], r = Object.fromEntries(
-      Object.entries(s.theme_object).filter(([n]) => !i.includes(n))
+    if (this.themeBgColor = e || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color, this.themeSubtitleColor = t || this.theme?.theme_object?.title?.subtextStyle?.color || this.themeTitleColor, !o || !o.theme_object || !o.theme_name) return;
+    const s = ["parallel", "geo", "timeline", "visualMap", "markPoint"], i = Object.fromEntries(
+      Object.entries(o.theme_object).filter(([n]) => !s.includes(n))
     );
-    Y.registerTheme(s.theme_name, r);
+    nt.registerTheme(o.theme_name, i);
+  }
+  /** True when bars grow to the right instead of upwards (axis.orientation). */
+  isHorizontal() {
+    return this.inputData?.axis?.orientation === "horizontal";
+  }
+  /**
+   * Index of the measured y-value inside a data point's `value` tuple.
+   *
+   * A point is stored as `[x, y, r]` for a vertical chart. A horizontal chart
+   * swaps the first two entries to `[y, x, r]`, because ECharts always maps
+   * tuple index 0 to the x axis and index 1 to the y axis — and in a
+   * horizontal chart the measured value is what belongs on the x axis.
+   */
+  valueIndex() {
+    return this.isHorizontal() ? 0 : 1;
+  }
+  /** Index of the x-value (category/timestamp) inside a data point's `value` tuple. */
+  categoryIndex() {
+    return this.isHorizontal() ? 1 : 0;
+  }
+  /**
+   * Formatter for the on-chart value labels (styling.showValueLabels).
+   * Rounds to two decimals to match the numeric axis labels, and leaves
+   * categorical y-values untouched.
+   */
+  valueLabelFormatter(o) {
+    return (t) => {
+      const e = Array.isArray(t?.value) ? t.value[o] : t?.value;
+      if (e == null || e === "") return "";
+      const s = Number(e);
+      return isNaN(s) ? String(e) : String(Math.round(s * 100) / 100);
+    };
   }
   transformData() {
     if (!this?.inputData?.dataseries?.length) return;
-    this.canvasList.forEach((t) => {
-      t.series = [], t.doomed = !0;
-    }), this.inputData.dataseries.sort((t, e) => (t.advanced?.drawOrder ?? 0) - (e.advanced?.drawOrder ?? 0)), this.inputData.dataseries.forEach((t) => {
-      t.advanced ??= {}, t.advanced.chartName ??= "", t.data ??= [];
-      const e = [...new Set(t.data.map((n) => n.pivot ?? ""))].sort(), i = et(t.backgroundColor).monochromatic(e.length).map((n) => n.toHexString()), r = et(t.borderColor).monochromatic(e.length).map((n) => n.toHexString());
-      e.forEach((n, o) => {
-        const l = n ?? "", h = t.label ?? "", a = l + (l && h ? " - " : "") + h, d = t.borderColor ? t.advanced?.chartName?.includes("#split#") ? t.borderColor : r[o] : void 0, c = t.backgroundColor ? t.advanced?.chartName?.includes("#split#") ? t.backgroundColor : i[o] : void 0, y = e.length === 1 ? t.data : t.data?.filter((p) => p.pivot === n);
-        let m = this.inputData?.axis?.timeseries ? y?.map((p) => ({ name: p.x, value: [new Date(p.x ?? "").getTime(), p.y, p.r] })) ?? [] : y?.map((p) => ({ name: p.x, value: [p.x, p.y, p.r] })) ?? [], f = 0, w = 0;
-        if (this.xAxisType() === "time" && m) {
-          const p = m.map(($t) => $t.value[0]);
-          f = Math.min(...p), w = Math.max(...p);
+    const o = this.isHorizontal(), t = this.valueIndex(), e = this.categoryIndex();
+    this.canvasList.forEach((i) => {
+      i.series = [], i.doomed = !0;
+    }), this.inputData.dataseries.sort((i, n) => (i.advanced?.drawOrder ?? 0) - (n.advanced?.drawOrder ?? 0)), this.inputData.dataseries.forEach((i) => {
+      i.advanced ??= {}, i.advanced.chartName ??= "", i.data ??= [];
+      const n = [...new Set(i.data.map((r) => r.pivot ?? ""))].sort(), a = ft(i.backgroundColor).monochromatic(n.length).map((r) => r.toHexString()), l = ft(i.borderColor).monochromatic(n.length).map((r) => r.toHexString());
+      n.forEach((r, d) => {
+        const h = r ?? "", c = i.label ?? "", p = h + (h && c ? " - " : "") + c, y = i.borderColor ? i.advanced?.chartName?.includes("#split#") ? i.borderColor : l[d] : void 0, x = i.backgroundColor ? i.advanced?.chartName?.includes("#split#") ? i.backgroundColor : a[d] : void 0, q = n.length === 1 ? i.data : i.data?.filter((u) => u.pivot === r), b = (u, S, m) => o ? [S, u, m] : [u, S, m];
+        let v = this.inputData?.axis?.timeseries ? q?.map((u) => ({
+          name: u.x,
+          value: b(new Date(u.x ?? "").getTime(), u.y, u.r)
+        })) ?? [] : q?.map((u) => ({ name: u.x, value: b(u.x, u.y, u.r) })) ?? [], N = 0, U = 0;
+        if (this.xAxisType() === "time" && v) {
+          const u = v.map((S) => S.value[e]);
+          N = Math.min(...u), U = Math.max(...u);
         }
-        const D = {
-          id: a,
-          name: a,
-          minDate: f,
-          maxDate: w,
-          type: t.type ?? "line",
+        const z = i.yAxis === "right" ? 1 : 0, R = {
+          id: p,
+          name: p,
+          minDate: N,
+          maxDate: U,
+          type: i.type ?? "line",
           lineStyle: {
-            color: d,
-            width: t.styling?.borderWidth ?? 2,
-            type: t.styling?.borderDash ?? "solid"
+            color: y,
+            width: i.styling?.borderWidth ?? 2,
+            type: i.styling?.borderDash ?? "solid"
           },
           smooth: !1,
           itemStyle: {
-            color: c,
-            borderColor: d,
-            borderWidth: t.styling?.borderWidth ?? 2
+            color: x,
+            borderColor: y,
+            borderWidth: i.styling?.borderWidth ?? 2
           },
-          areaStyle: t.styling?.fill ? { color: c } : void 0,
-          symbol: t.styling?.pointStyle ?? "circle",
-          symbolSize: (p) => p[2] ?? 0,
-          showSymbol: t.styling?.pointStyle !== "none",
-          data: m ?? [],
-          drawOrder: t.advanced?.drawOrder ?? 0
+          areaStyle: i.styling?.fill ? { color: x } : void 0,
+          symbol: i.styling?.pointStyle ?? "circle",
+          symbolSize: (u) => u[2] ?? 0,
+          showSymbol: i.styling?.pointStyle !== "none",
+          label: {
+            show: i.styling?.showValueLabels ?? !1,
+            // Bars grow upwards when vertical and rightwards when
+            // horizontal, so the label sits past the growing end.
+            position: o ? "right" : "top",
+            fontSize: 12,
+            formatter: this.valueLabelFormatter(t)
+          },
+          data: v ?? [],
+          drawOrder: i.advanced?.drawOrder ?? 0,
+          valueAxisIndex: z,
+          // The secondary value axis is the right y axis when vertical
+          // and the top x axis when horizontal.
+          xAxisIndex: o ? z : 0,
+          yAxisIndex: o ? 0 : z
         };
-        let C = t.advanced?.chartName ?? "";
-        C = C.replace("#split#", l);
-        const O = this.setupChart(C), j = O?.series.map((p) => p.id) ?? [];
-        let g = a, L = 2;
-        for (; j.includes(g); )
-          g = `${a}_${L++}`;
-        D.id = g, O?.series.push(D);
+        let _ = i.advanced?.chartName ?? "";
+        _ = _.replace("#split#", h);
+        const w = this.setupChart(_), X = w?.series.map((u) => u.id) ?? [];
+        let D = p, it = 2;
+        for (; X.includes(D); )
+          D = `${p}_${it++}`;
+        R.id = D, w?.series.push(R);
       });
     });
     const s = [];
-    this.canvasList.forEach((t, e) => {
-      t.doomed && (t.echart?.dispose(), t.element?.remove(), s.push(e));
-    }), s.forEach((t) => this.canvasList.delete(t)), this.canvasList = new Map(
-      [...this.canvasList.entries()].sort(([t, e], [i, r]) => {
-        const n = e.series?.[0].drawOrder ?? 0, o = r.series?.[0].drawOrder ?? 0;
-        return n !== o ? n - o : t.localeCompare(i);
+    this.canvasList.forEach((i, n) => {
+      i.doomed && (i.echart?.dispose(), i.element?.remove(), s.push(n));
+    }), s.forEach((i) => this.canvasList.delete(i)), this.canvasList = new Map(
+      [...this.canvasList.entries()].sort(([i, n], [a, l]) => {
+        const r = n.series?.[0].drawOrder ?? 0, d = l.series?.[0].drawOrder ?? 0;
+        return r !== d ? r - d : i.localeCompare(a);
       })
-    ), s.length > 0 && this.canvasList.forEach((t) => {
-      t.echart?.resize();
+    ), s.length > 0 && this.canvasList.forEach((i) => {
+      i.echart?.resize();
     });
   }
   xAxisType() {
@@ -751,8 +824,8 @@ let $ = class extends U {
     if (this.inputData?.axis?.timeseries)
       return this.cachedXAxisType = "time", this.cachedXAxisType;
     this.cachedXAxisType = "value";
-    for (const s of this.inputData?.dataseries ?? []) {
-      const t = s.data?.find((e) => e.x !== void 0 && e.x !== null);
+    for (const o of this.inputData?.dataseries ?? []) {
+      const t = o.data?.find((e) => e.x !== void 0 && e.x !== null);
       if (t) {
         this.cachedXAxisType = isNaN(Number(t.x)) ? "category" : "value";
         break;
@@ -763,8 +836,8 @@ let $ = class extends U {
   yAxisType() {
     if (this.cachedYAxisType) return this.cachedYAxisType;
     this.cachedYAxisType = "value";
-    for (const s of this.inputData?.dataseries ?? []) {
-      const t = s.data?.find((e) => e.y !== void 0 && e.y !== null);
+    for (const o of this.inputData?.dataseries ?? []) {
+      const t = o.data?.find((e) => e.y !== void 0 && e.y !== null);
       if (t) {
         this.cachedYAxisType = isNaN(Number(t.y)) ? "category" : "value";
         break;
@@ -772,100 +845,165 @@ let $ = class extends U {
     }
     return this.cachedYAxisType;
   }
-  calculateAnimationDuration(s, t) {
+  calculateAnimationDuration(o, t) {
     const e = Date.now();
-    if (!(s.series.length === 1) || !this.inputData?.axis?.timeseries)
+    if (!(o.series.length === 1) || !this.inputData?.axis?.timeseries)
       return this.updateThresholdMs;
-    let r = 0;
+    let i = 0;
     if (this.xAxisType() === "time")
-      for (const l of s.series) {
-        const h = l.data;
-        for (const a of h || []) {
-          const d = a.value?.[0] || 0;
-          d > r && (r = d);
+      for (const l of o.series) {
+        const r = l.data;
+        for (const d of r || []) {
+          const h = d.value?.[0] || 0;
+          h > i && (i = h);
         }
       }
     else
-      r = e;
-    if (s.lastMaxTimestamp = s.lastMaxTimestamp ?? 0, r > s.lastMaxTimestamp) {
-      if (s.updateIntervals ??= [], s.lastUpdateTime > 0) {
-        const l = e - s.lastUpdateTime;
-        s.updateIntervals.push(l), s.updateIntervals.length > this.maxIntervalSamples && s.updateIntervals.shift();
+      i = e;
+    if (o.lastMaxTimestamp = o.lastMaxTimestamp ?? 0, i > o.lastMaxTimestamp) {
+      if (o.updateIntervals ??= [], o.lastUpdateTime > 0) {
+        const l = e - o.lastUpdateTime;
+        o.updateIntervals.push(l), o.updateIntervals.length > this.maxIntervalSamples && o.updateIntervals.shift();
       }
-      s.lastUpdateTime = e, s.lastMaxTimestamp = r;
+      o.lastUpdateTime = e, o.lastMaxTimestamp = i;
     }
-    return s.updateIntervals && s.updateIntervals.length > 0 ? s.updateIntervals.reduce((l, h) => l + h, 0) / s.updateIntervals.length : this.updateThresholdMs;
+    return o.updateIntervals && o.updateIntervals.length > 0 ? o.updateIntervals.reduce((l, r) => l + r, 0) / o.updateIntervals.length : this.updateThresholdMs;
   }
   applyData() {
-    if (this.chartContainer) {
-      for (const s of this.canvasList.values())
-        s.element && this.chartContainer.appendChild(s.element);
-      this.canvasList.forEach((s, t) => {
-        s.series.sort((f, w) => f.name > w.name ? 1 : -1);
-        const e = this.inputData?.axis?.showLegend ?? !0, i = this.inputData?.axis?.showTitle ?? !0, r = this.inputData?.axis?.showXAxis ?? !0, n = this.inputData?.axis?.showYAxis ?? !0, o = this.inputData?.axis?.showBox ?? !1, l = JSON.stringify({
-          showLegend: e,
-          showTitle: i,
-          showXAxis: r,
-          showYAxis: n,
-          showBox: o,
-          xAxisLabel: this.inputData?.axis?.xAxisLabel,
-          yAxisLabel: this.inputData?.axis?.yAxisLabel,
-          xAxisZoom: this.inputData?.axis?.xAxisZoom,
-          yAxisScaling: this.inputData?.axis?.yAxisScaling,
-          xAxisType: this.xAxisType(),
-          yAxisType: this.yAxisType(),
-          seriesCount: s.series.length,
-          seriesNames: s.series.map((f) => f.name).join(",")
-        }), h = s.lastConfig !== l;
-        s.lastConfig = l;
-        const a = h ? window.structuredClone(this.template) : s.echart?.getOption() ?? window.structuredClone(this.template);
-        if (a.title.text = t, a.title.show = i, a.xAxis.name = this.inputData?.axis?.xAxisLabel ?? "", a.xAxis.type = this.xAxisType(), a.xAxis.show = r, this.xAxisType() === "time") {
-          const f = s.series.map((g) => g.minDate ?? 1 / 0).reduce((g, L) => Math.min(g, L), 1 / 0), w = s.series.map((g) => g.maxDate ?? 0).reduce((g, L) => Math.max(g, L), 0), D = Number(this.timeRange?.start), C = Number(this.timeRange?.end), O = isNaN(D) ? f : D, j = isNaN(C) ? w : C;
-          a.xAxis = {
-            ...a.xAxis,
-            min: O !== 1 / 0 ? O : (/* @__PURE__ */ new Date()).getTime() - 1440 * 60 * 1e3,
-            max: j !== 0 ? j : (/* @__PURE__ */ new Date()).getTime()
-          };
-        }
-        a.dataZoom[0].show = this.inputData?.axis?.xAxisZoom ?? !1, a.toolbox.show = this.inputData?.axis?.xAxisZoom ?? !1;
-        const d = this.inputData?.axis?.yAxisLabel ?? "", c = n && !!d;
-        a.yAxis.type = this.yAxisType(), a.yAxis.name = d, a.yAxis.scale = this.inputData?.axis?.yAxisScaling ?? !1, a.yAxis.show = n, a.yAxis.nameLocation = "end", a.yAxis.nameGap = 10, a.yAxis.nameTextStyle = { align: "left" }, a.yAxis.axisLine = { show: !0 }, ["value", "log"].includes(a.yAxis.type) && (a.yAxis.axisLabel = {
-          "font-size": 14,
-          formatter: (f) => Math.round(f * 100) / 100
-        }), a.series = s.series, a.legend.show = e;
-        const y = i || c ? 30 : 0;
-        a.grid = {
-          ...a.grid,
-          show: o,
-          backgroundColor: "transparent",
-          borderWidth: o ? 1 : 0,
-          borderColor: this.themeTitleColor ?? "#ccc",
-          top: y,
-          bottom: r ? 20 : 0,
-          left: n ? 20 : 0,
-          right: 0,
-          containLabel: r || n
+    if (!this.chartContainer) return;
+    const o = this.isHorizontal();
+    for (const t of this.canvasList.values())
+      t.element && this.chartContainer.appendChild(t.element);
+    this.canvasList.forEach((t, e) => {
+      t.series.sort((m, I) => m.name > I.name ? 1 : -1);
+      const s = this.inputData?.axis?.showLegend ?? !0, i = this.inputData?.axis?.showTitle ?? !0, n = this.inputData?.axis?.showXAxis ?? !0, a = this.inputData?.axis?.showYAxis ?? !0, l = this.inputData?.axis?.showBox ?? !1, r = JSON.stringify({
+        showLegend: s,
+        showTitle: i,
+        showXAxis: n,
+        showYAxis: a,
+        showBox: l,
+        xAxisLabel: this.inputData?.axis?.xAxisLabel,
+        yAxisLabel: this.inputData?.axis?.yAxisLabel,
+        xAxisZoom: this.inputData?.axis?.xAxisZoom,
+        yAxisScaling: this.inputData?.axis?.yAxisScaling,
+        yAxisLabelRight: this.inputData?.axis?.yAxisLabelRight,
+        yAxisScalingRight: this.inputData?.axis?.yAxisScalingRight,
+        xAxisType: this.xAxisType(),
+        yAxisType: this.yAxisType(),
+        // Flipping the orientation swaps which option key holds the
+        // single category axis and which holds the value-axis array,
+        // so it must force a notMerge rebuild rather than a merge.
+        orientation: this.inputData?.axis?.orientation ?? "vertical",
+        seriesCount: t.series.length,
+        seriesNames: t.series.map((m) => m.name).join(","),
+        seriesAxes: t.series.map((m) => m.valueAxisIndex ?? 0).join(","),
+        seriesLabels: t.series.map((m) => m.label?.show ? 1 : 0).join(",")
+      }), d = t.lastConfig !== r;
+      t.lastConfig = r;
+      const h = d ? window.structuredClone(this.template) : t.echart?.getOption() ?? window.structuredClone(this.template);
+      if (h.title.text = e, h.title.show = i, h.xAxis.name = this.inputData?.axis?.xAxisLabel ?? "", h.xAxis.type = this.xAxisType(), h.xAxis.show = n, this.xAxisType() === "time") {
+        const m = t.series.map((C) => C.minDate ?? 1 / 0).reduce((C, st) => Math.min(C, st), 1 / 0), I = t.series.map((C) => C.maxDate ?? 0).reduce((C, st) => Math.max(C, st), 0), Y = Number(this.timeRange?.start), pt = Number(this.timeRange?.end), ut = isNaN(Y) ? m : Y, mt = isNaN(pt) ? I : pt;
+        h.xAxis = {
+          ...h.xAxis,
+          min: ut !== 1 / 0 ? ut : (/* @__PURE__ */ new Date()).getTime() - 1440 * 60 * 1e3,
+          max: mt !== 0 ? mt : (/* @__PURE__ */ new Date()).getTime()
         };
-        const m = this.updateThresholdMs;
-        a.animation = !0, a.animationEasing = "linear", a.animationDuration = m, a.animationDurationUpdate = m, s.echart?.on("finished", () => s.drawing = !1), s.drawing = !0, s.echart?.setOption(a, { notMerge: h, lazyUpdate: !0 });
-      });
-    }
+      }
+      const c = this.inputData?.axis?.xAxisZoom ?? !1;
+      h.dataZoom[0].show = c, h.toolbox.show = c;
+      const p = Array.isArray(h.yAxis) ? h.yAxis : [h.yAxis ?? {}];
+      for (; p.length < 2; ) p.push({});
+      h.yAxis = p;
+      const y = t.series.some((m) => !!m.label?.show), x = t.series.some((m) => (m.valueAxisIndex ?? 0) === 1), q = t.series.length === 0 || t.series.some((m) => (m.valueAxisIndex ?? 0) === 0), b = a && q, v = a && x, N = this.inputData?.axis?.yAxisLabel ?? "", U = this.inputData?.axis?.yAxisLabelRight ?? "", z = b && !!N, R = v && !!U, _ = this.yAxisType(), w = ["value", "log"].includes(_ ?? "") ? { fontSize: 14, formatter: (m) => Math.round(m * 100) / 100 } : void 0;
+      if (Object.assign(p[0], {
+        type: _,
+        name: N,
+        scale: this.inputData?.axis?.yAxisScaling ?? !1,
+        show: b,
+        position: "left",
+        nameLocation: "end",
+        nameGap: 10,
+        nameTextStyle: { align: "left" },
+        axisLine: { show: !0 }
+      }), w && (p[0].axisLabel = w), Object.assign(p[1], {
+        type: _,
+        name: v ? U : "",
+        scale: this.inputData?.axis?.yAxisScalingRight ?? !1,
+        show: v,
+        position: "right",
+        nameLocation: "end",
+        nameGap: 10,
+        nameTextStyle: { align: "right" },
+        axisLine: { show: !0 },
+        splitLine: { show: !1 }
+      }), w && (p[1].axisLabel = w), o) {
+        const m = Array.isArray(h.xAxis) ? h.xAxis[0] : h.xAxis;
+        h.yAxis = {
+          ...m,
+          position: "left",
+          // Read top-to-bottom, so the first data point is the top
+          // bar — the convention for ranked horizontal bar charts.
+          inverse: !0,
+          // 'start' is the top of an inverted axis, which keeps the
+          // axis name clear of the value axis running along the bottom.
+          // When a secondary value axis is in use it is drawn along
+          // the top, so the name has to clear its tick labels too.
+          nameLocation: "start",
+          nameGap: v ? 30 : 10,
+          nameTextStyle: { align: "left" }
+        }, h.xAxis = p.map((I, Y) => ({
+          ...I,
+          position: Y === 0 ? "bottom" : "top",
+          nameLocation: "middle",
+          nameGap: 27,
+          nameTextStyle: { align: "center" }
+        })), h.dataZoom = [
+          { ...h.dataZoom?.[0] ?? {}, xAxisIndex: void 0, yAxisIndex: [0] }
+        ];
+      }
+      h.series = t.series, h.legend.show = s;
+      const X = (i || z || R ? 30 : 0) + (s && R ? 25 : 0), D = 40, it = c && !o ? D : 0, u = c && o ? D : 0;
+      h.grid = {
+        ...h.grid,
+        show: l,
+        backgroundColor: "transparent",
+        borderWidth: l ? 1 : 0,
+        borderColor: this.themeTitleColor ?? "#ccc",
+        top: X,
+        // The category axis sits at the bottom when vertical and on the
+        // left when horizontal; the value axis is the other way round.
+        // The zoom slider is not accounted for by `containLabel`, so its
+        // thickness has to be reserved here as well — see ZOOM_THICKNESS.
+        bottom: ((o ? b : n) ? 20 : 0) + it,
+        left: (o ? n : b) ? 20 : 0,
+        // A horizontal chart grows towards the right edge, so the last
+        // axis tick and any value label printed past the end of a bar
+        // need room that `containLabel` does not reserve for them.
+        right: (o ? y ? 45 : 15 : 0) + u,
+        containLabel: n || a
+      }, c && Object.assign(
+        h.dataZoom[0],
+        o ? { right: 0, top: X, bottom: 20, left: void 0 } : { bottom: 0, left: void 0, right: void 0, top: void 0 }
+      );
+      const S = this.updateThresholdMs;
+      h.animation = !0, h.animationEasing = "linear", h.animationDuration = S, h.animationDurationUpdate = S, t.echart?.on("finished", () => t.drawing = !1), t.drawing = !0, t.echart?.setOption(h, { notMerge: d, lazyUpdate: !0 });
+    });
   }
   deleteCharts() {
-    this.canvasList.forEach((s, t) => {
-      s.echart?.dispose(), s.element?.remove(), this.canvasList.delete(t);
+    this.canvasList.forEach((o, t) => {
+      o.echart?.dispose(), o.element?.remove(), this.canvasList.delete(t);
     });
   }
-  setupChart(s) {
-    const t = this.canvasList.get(s);
+  setupChart(o) {
+    const t = this.canvasList.get(o);
     if (t)
       return delete t.doomed, t;
     if (!this.chartContainer)
       return;
     const e = document.createElement("div");
-    e.setAttribute("name", s), e.setAttribute("class", "sizer"), this.chartContainer.appendChild(e);
-    const r = {
-      echart: Y.init(e, this.theme?.theme_name),
+    e.setAttribute("name", o), e.setAttribute("class", "sizer"), this.chartContainer.appendChild(e);
+    const i = {
+      echart: nt.init(e, this.theme?.theme_name),
       series: [],
       element: e,
       drawing: !1,
@@ -873,13 +1011,13 @@ let $ = class extends U {
       updateIntervals: [],
       lastMaxTimestamp: 0
     };
-    return this.canvasList.set(s, r), r;
+    return this.canvasList.set(o, i), i;
   }
   disconnectedCallback() {
     this.resizeObserver && this.chartContainer && (this.resizeObserver.unobserve(this.chartContainer), this.resizeObserver.disconnect()), super.disconnectedCallback();
   }
   render() {
-    return Vt`
+    return oe`
             <div
                 class="wrapper"
                 style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
@@ -902,7 +1040,7 @@ let $ = class extends U {
         `;
   }
 };
-$.styles = Pt`
+g.styles = Vt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -979,34 +1117,34 @@ $.styles = Pt`
             justify-content: center;
         }
     `;
-x([
-  V({ type: Object })
-], $.prototype, "inputData", 2);
-x([
-  V({ type: Object })
-], $.prototype, "theme", 2);
-x([
-  V({ type: Object })
-], $.prototype, "timeRange", 2);
-x([
-  X()
-], $.prototype, "canvasList", 2);
-x([
-  X()
-], $.prototype, "themeBgColor", 2);
-x([
-  X()
-], $.prototype, "themeTitleColor", 2);
-x([
-  X()
-], $.prototype, "themeSubtitleColor", 2);
-x([
-  ne(".chart-container")
-], $.prototype, "chartContainer", 2);
-$ = x([
-  ee("widget-linechart-1.6.34")
-], $);
+$([
+  tt({ type: Object })
+], g.prototype, "inputData", 2);
+$([
+  tt({ type: Object })
+], g.prototype, "theme", 2);
+$([
+  tt({ type: Object })
+], g.prototype, "timeRange", 2);
+$([
+  et()
+], g.prototype, "canvasList", 2);
+$([
+  et()
+], g.prototype, "themeBgColor", 2);
+$([
+  et()
+], g.prototype, "themeTitleColor", 2);
+$([
+  et()
+], g.prototype, "themeSubtitleColor", 2);
+$([
+  xe(".chart-container")
+], g.prototype, "chartContainer", 2);
+g = $([
+  me("widget-linechart-1.7.2")
+], g);
 export {
-  $ as WidgetLinechart
+  g as WidgetLinechart
 };
 //# sourceMappingURL=widget-linechart.js.map