@record-evolution/widget-linechart 1.6.34 → 1.7.1

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 F from "echarts/core";
+import { GridComponent as St, TitleComponent as Et, ToolboxComponent as Tt, TooltipComponent as Dt, LegendComponent as Lt, DataZoomComponent as Ot } from "echarts/components";
+import { LineChart as Pt, BarChart as Mt, ScatterChart as Ut } from "echarts/charts";
+import { UniversalTransition as Nt, LegacyGridContainLabel as Rt } from "echarts/features";
+import { CanvasRenderer as zt } from "echarts/renderers";
+import lt from "tinycolor2";
+const k = globalThis, Q = k.ShadowRoot && (k.ShadyCSS === void 0 || k.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = /* @__PURE__ */ Symbol(), ct = /* @__PURE__ */ new WeakMap();
+let vt = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== tt) 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 (Q && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = ct.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ct.set(e, t));
     }
     return t;
   }
@@ -23,54 +23,54 @@ 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 Ht = (i) => new vt(typeof i == "string" ? i : i + "", void 0, tt), jt = (i, ...t) => {
+  const e = i.length === 1 ? i[0] : t.reduce((s, n, o) => s + ((r) => {
+    if (r._$cssResult$ === !0) return r.cssText;
+    if (typeof r == "number") return r;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + i[o + 1], i[0]);
+  return new vt(e, i, tt);
+}, It = (i, t) => {
+  if (Q) i.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"), n = k.litNonce;
+    n !== void 0 && s.setAttribute("nonce", n), s.textContent = e.cssText, i.appendChild(s);
   }
-}, it = G ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, pt = Q ? (i) => i : (i) => i 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 Ht(e);
+})(i) : i;
+const { is: kt, defineProperty: Bt, getOwnPropertyDescriptor: Wt, getOwnPropertyNames: qt, getOwnPropertySymbols: Vt, getPrototypeOf: Xt } = Object, q = globalThis, dt = q.trustedTypes, Yt = dt ? dt.emptyScript : "", Zt = q.reactiveElementPolyfillSupport, N = (i, t) => i, B = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      s = s ? It : null;
+      i = i ? Yt : null;
       break;
     case Object:
     case Array:
-      s = s == null ? s : JSON.stringify(s);
+      i = i == null ? i : JSON.stringify(i);
   }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
   switch (t) {
     case Boolean:
-      e = s !== null;
+      e = i !== null;
       break;
     case Number:
-      e = s === null ? null : Number(s);
+      e = i === null ? null : Number(i);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(s);
+        e = JSON.parse(i);
       } 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();
+} }, et = (i, t) => !kt(i, t), ut = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: et };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), q.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let S = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -78,60 +78,60 @@ let S = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = nt) {
+  static createProperty(t, e = ut) {
     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(), n = this.getPropertyDescriptor(t, s, e);
+      n !== void 0 && Bt(this.prototype, t, n);
     }
   }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = zt(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, s) {
+    const { get: n, set: o } = Wt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(o) {
-      this[e] = o;
+    }, set(r) {
+      this[e] = r;
     } };
-    return { get: r, set(o) {
-      const l = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, l, i);
+    return { get: n, set(r) {
+      const l = n?.call(this);
+      o?.call(this, r), this.requestUpdate(t, l, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? nt;
+    return this.elementProperties.get(t) ?? ut;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = jt(this);
+    if (this.hasOwnProperty(N("elementProperties"))) return;
+    const t = Xt(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(N("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
+      const e = this.properties, s = [...qt(e), ...Vt(e)];
+      for (const n of s) this.createProperty(n, e[n]);
     }
     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, n] of e) this.elementProperties.set(s, n);
     }
     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 n = this._$Eu(e, s);
+      n !== void 0 && this._$Eh.set(n, 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 n of s) e.unshift(pt(n));
+    } else t !== void 0 && e.push(pt(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 It(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), n = this.constructor._$Eu(t, s);
+    if (n !== void 0 && s.reflect === !0) {
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : B).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), 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, n = s._$Eh.get(t);
+    if (n !== void 0 && this._$Em !== n) {
+      const o = s.getPropertyOptions(n), r = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : B;
+      this._$Em = n;
+      const l = r.fromAttribute(e, o.type);
+      this[n] = l ?? this._$Ej?.get(n) ?? l, this._$Em = null;
     }
   }
-  requestUpdate(t, e, i, r = !1, n) {
+  requestUpdate(t, e, s, n = !1, o) {
     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 r = this.constructor;
+      if (n === !1 && (o = this[t]), s ??= r.getPropertyOptions(t), !((s.hasChanged ?? et)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, s)))) return;
+      this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: 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: n, wrapped: o }, r) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, r ?? e ?? this[t]), o !== !0 || r !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), n === !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 [n, o] of this._$Ep) this[n] = o;
         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 [n, o] of s) {
+        const { wrapped: r } = o, l = this[n];
+        r !== !0 || this._$AL.has(n) || l === void 0 || this.C(n, void 0, o, 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;
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[N("elementProperties")] = /* @__PURE__ */ new Map(), S[N("finalized")] = /* @__PURE__ */ new Map(), Zt?.({ ReactiveElement: S }), (q.reactiveElementVersions ??= []).push("2.1.2");
+const it = globalThis, mt = (i) => i, W = it.trustedTypes, ft = W ? W.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, _t = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, bt = "?" + v, Gt = `<${bt}>`, C = document, z = () => C.createComment(""), H = (i) => i === null || typeof i != "object" && typeof i != "function", st = Array.isArray, Jt = (i) => st(i) || typeof i?.[Symbol.iterator] == "function", K = `[ 	
+\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, gt = />/g, b = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, $t = /"/g, wt = /^(?:script|style|textarea|title)$/i, Kt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), Ft = Kt(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), u = /* @__PURE__ */ Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), w = C.createTreeWalker(C, 129);
+function Ct(i, t) {
+  if (!st(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ft !== void 0 ? ft.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 Qt = (i, t) => {
+  const e = i.length - 1, s = [];
+  let n, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = U;
   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 a = i[l];
+    let h, c, p = -1, y = 0;
+    for (; y < a.length && (r.lastIndex = y, c = r.exec(a), c !== null); ) y = r.lastIndex, r === U ? c[1] === "!--" ? r = yt : c[1] !== void 0 ? r = gt : c[2] !== void 0 ? (wt.test(c[2]) && (n = RegExp("</" + c[2], "g")), r = b) : c[3] !== void 0 && (r = b) : r === b ? c[0] === ">" ? (r = n ?? U, p = -1) : c[1] === void 0 ? p = -2 : (p = r.lastIndex - c[2].length, h = c[1], r = c[3] === void 0 ? b : c[3] === '"' ? $t : xt) : r === $t || r === xt ? r = b : r === yt || r === gt ? r = U : (r = b, n = void 0);
+    const m = r === b && i[l + 1].startsWith("/>") ? " " : "";
+    o += r === U ? a + Gt : p >= 0 ? (s.push(h), a.slice(0, p) + _t + a.slice(p) + v + m) : a + v + (p === -2 ? l : m);
   }
-  return [gt(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [Ct(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class H {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let r;
+class j {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let n;
     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) {
-      const c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
+    let o = 0, r = 0;
+    const l = t.length - 1, a = this.parts, [h, c] = Qt(t, e);
+    if (this.el = j.createElement(h, s), w.currentNode = this.el.content, e === 2 || e === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.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;
+    for (; (n = w.nextNode()) !== null && a.length < l; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(_t)) {
+          const y = c[r++], m = n.getAttribute(p).split(v), g = /([.?@])?(.*)/.exec(y);
+          a.push({ type: 1, index: o, name: g[2], strings: m, ctor: g[1] === "." ? ee : g[1] === "?" ? ie : g[1] === "@" ? se : V }), n.removeAttribute(p);
+        } else p.startsWith(v) && (a.push({ type: 6, index: o }), n.removeAttribute(p));
+        if (wt.test(n.tagName)) {
+          const p = n.textContent.split(v), y = p.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());
+            n.textContent = W ? W.emptyScript : "";
+            for (let m = 0; m < y; m++) n.append(p[m], z()), w.nextNode(), a.push({ type: 2, index: ++o });
+            n.append(p[y], z());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === ft) h.push({ type: 2, index: n });
+      } else if (n.nodeType === 8) if (n.data === bt) a.push({ type: 2, index: o });
       else {
-        let c = -1;
-        for (; (c = r.data.indexOf(v, c + 1)) !== -1; ) h.push({ type: 7, index: n }), c += v.length - 1;
+        let p = -1;
+        for (; (p = n.data.indexOf(v, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += v.length - 1;
       }
-      n++;
+      o++;
     }
   }
   static createElement(t, e) {
-    const i = b.createElement("template");
-    return i.innerHTML = t, i;
+    const s = C.createElement("template");
+    return s.innerHTML = t, s;
   }
 }
-function T(s, t, e = s, i) {
+function T(i, t, e = i, s) {
   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;
+  let n = s !== void 0 ? e._$Co?.[s] : e._$Cl;
+  const o = H(t) ? void 0 : t._$litDirective$;
+  return n?.constructor !== o && (n?._$AO?.(!1), o === void 0 ? n = void 0 : (n = new o(i), n._$AT(i, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = n : e._$Cl = n), n !== void 0 && (t = T(i, n._$AS(i, t.values), n, s)), t;
 }
-class Zt {
+class te {
   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, n = (t?.creationScope ?? C).importNode(e, !0);
+    w.currentNode = n;
+    let o = w.nextNode(), r = 0, l = 0, a = s[0];
+    for (; a !== void 0; ) {
+      if (r === a.index) {
+        let h;
+        a.type === 2 ? h = new I(o, o.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (h = new ne(o, this, t)), this._$AV.push(h), a = s[++l];
       }
-      o !== h?.index && (n = _.nextNode(), o++);
+      r !== a?.index && (o = w.nextNode(), r++);
     }
-    return _.currentNode = b, r;
+    return w.currentNode = C, n;
   }
   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 I {
   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, n) {
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = n, this._$Cv = n?.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 = T(this, t, e), H(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) : Jt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -371,63 +371,63 @@ 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 !== u && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(C.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, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = j.createElement(Ct(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === n) 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 o = new te(n, this), r = o.u(this.options);
+      o.p(e), this.T(r), this._$AH = o;
     }
   }
   _$AC(t) {
-    let e = pt.get(t.strings);
-    return e === void 0 && pt.set(t.strings, e = new H(t)), e;
+    let e = At.get(t.strings);
+    return e === void 0 && At.set(t.strings, e = new j(t)), e;
   }
   k(t) {
-    Q(this._$AH) || (this._$AH = [], this._$AR());
+    st(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, n = 0;
+    for (const o of t) n === e.length ? e.push(s = new I(this.O(z()), this.O(z()), this, this.options)) : s = e[n], s._$AI(o), n++;
+    n < e.length && (this._$AR(s && s._$AB.nextSibling, n), e.length = n);
   }
   _$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 = mt(t).nextSibling;
+      mt(t).remove(), t = s;
     }
   }
   setConnected(t) {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class q {
+class V {
   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, n, o) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = u;
   }
-  _$AI(t, e = this, i, r) {
-    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);
+  _$AI(t, e = this, s, n) {
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0) t = T(this, t, e, 0), r = !H(t) || t !== this._$AH && t !== E, r && (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 a, h;
+      for (t = o[0], a = 0; a < o.length - 1; a++) h = T(this, l[s + a], e, a), h === E && (h = this._$AH[a]), r ||= !H(h) || h !== this._$AH[a], h === u ? t = u : t !== u && (t += (h ?? "") + o[a + 1]), this._$AH[a] = h;
     }
-    o && !r && this.j(t);
+    r && !n && this.j(t);
   }
   j(t) {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Yt extends q {
+class ee extends V {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -435,7 +435,7 @@ class Yt extends q {
     this.element[this.name] = t === u ? void 0 : t;
   }
 }
-class Gt extends q {
+class ie extends V {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -443,22 +443,22 @@ class Gt extends q {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
-class Jt extends q {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
+class se extends V {
+  constructor(t, e, s, n, o) {
+    super(t, e, s, n, o), 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;
+    const s = this._$AH, n = t === u && s !== u || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== u && (s === u || n);
+    n && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Kt {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+class ne {
+  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;
@@ -467,19 +467,19 @@ class Kt {
     T(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 n = e?.renderBefore ?? null;
-    i._$litPart$ = r = new R(t.insertBefore(N(), n), n, void 0, e ?? {});
-  }
-  return r._$AI(s), r;
+const oe = it.litHtmlPolyfillSupport;
+oe?.(j, I), (it.litHtmlVersions ??= []).push("3.3.2");
+const re = (i, t, e) => {
+  const s = e?.renderBefore ?? t;
+  let n = s._$litPart$;
+  if (n === void 0) {
+    const o = e?.renderBefore ?? null;
+    s._$litPart$ = n = new I(t.insertBefore(z(), o), o, void 0, e ?? {});
+  }
+  return n._$AI(i), n;
 };
-const tt = globalThis;
-class U extends S {
+const nt = globalThis;
+class R extends S {
   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 = re(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -501,76 +501,76 @@ class U extends S {
     return E;
   }
 }
-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) => {
+R._$litElement$ = !0, R.finalized = !0, nt.litElementHydrateSupport?.({ LitElement: R });
+const ae = nt.litElementPolyfillSupport;
+ae?.({ LitElement: R });
+(nt.litElementVersions ??= []).push("4.2.2");
+const he = (i) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
-    customElements.define(s, t);
-  }) : customElements.define(s, t);
+    customElements.define(i, t);
+  }) : customElements.define(i, 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 le = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: et }, ce = (i = le, t, e) => {
+  const { kind: s, metadata: n } = e;
+  let o = globalThis.litPropertyMetadata.get(n);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), o.set(e.name, i), s === "accessor") {
+    const { name: r } = e;
     return { set(l) {
-      const h = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(o, h, s, !0, l);
+      const a = t.get.call(this);
+      t.set.call(this, l), this.requestUpdate(r, a, i, !0, l);
     }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
+      return l !== void 0 && this.C(r, void 0, i, l), l;
     } };
   }
-  if (i === "setter") {
-    const { name: o } = e;
+  if (s === "setter") {
+    const { name: r } = e;
     return function(l) {
-      const h = this[o];
-      t.call(this, l), this.requestUpdate(o, h, s, !0, l);
+      const a = this[r];
+      t.call(this, l), this.requestUpdate(r, a, i, !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 X(i) {
+  return (t, e) => typeof e == "object" ? ce(i, t, e) : ((s, n, o) => {
+    const r = n.hasOwnProperty(o);
+    return n.constructor.createProperty(o, s), r ? Object.getOwnPropertyDescriptor(n, o) : void 0;
+  })(i, t, e);
 }
-function X(s) {
-  return V({ ...s, state: !0, attribute: !1 });
+function Y(i) {
+  return X({ ...i, 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() {
-      return n(this);
+const pe = (i, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(i, t, e), e);
+function de(i, t) {
+  return (e, s, n) => {
+    const o = (r) => r.renderRoot?.querySelector(i) ?? null;
+    return pe(e, s, { get() {
+      return o(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 ue = Object.defineProperty, me = Object.getOwnPropertyDescriptor, $ = (i, t, e, s) => {
+  for (var n = s > 1 ? void 0 : s ? me(t, e) : t, o = i.length - 1, r; o >= 0; o--)
+    (r = i[o]) && (n = (s ? r(t, e, n) : r(n)) || n);
+  return s && n && ue(t, e, n), n;
 };
-Y.use([
-  xt,
-  vt,
-  At,
-  _t,
-  bt,
-  wt,
-  Ct,
+F.use([
   St,
   Et,
-  Ot,
   Tt,
-  Dt
+  Dt,
+  Lt,
+  Ot,
+  Pt,
+  Mt,
+  Ut,
+  zt,
+  Nt,
+  Rt
 ]);
-let $ = class extends U {
+let x = class extends R {
   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.1", 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,23 +693,23 @@ 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(i) {
+    i.has("inputData") && (this.cachedXAxisType = void 0, this.cachedYAxisType = void 0), i.has("inputData") && this.chartContainer && (this.transformData(), this.applyData()), i.has("theme") && (this.registerTheme(this.theme), this.deleteCharts(), this.transformData(), this.applyData()), super.update(i);
   }
-  firstUpdated(s) {
+  firstUpdated(i) {
     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(i) {
     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, !i || !i.theme_object || !i.theme_name) return;
+    const s = ["parallel", "geo", "timeline", "visualMap", "markPoint"], n = Object.fromEntries(
+      Object.entries(i.theme_object).filter(([o]) => !s.includes(o))
     );
-    Y.registerTheme(s.theme_name, r);
+    F.registerTheme(i.theme_name, n);
   }
   transformData() {
     if (!this?.inputData?.dataseries?.length) return;
@@ -693,56 +717,57 @@ let $ = class extends U {
       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;
+      const e = [...new Set(t.data.map((o) => o.pivot ?? ""))].sort(), s = lt(t.backgroundColor).monochromatic(e.length).map((o) => o.toHexString()), n = lt(t.borderColor).monochromatic(e.length).map((o) => o.toHexString());
+      e.forEach((o, r) => {
+        const l = o ?? "", a = t.label ?? "", h = l + (l && a ? " - " : "") + a, c = t.borderColor ? t.advanced?.chartName?.includes("#split#") ? t.borderColor : n[r] : void 0, p = t.backgroundColor ? t.advanced?.chartName?.includes("#split#") ? t.backgroundColor : s[r] : void 0, y = e.length === 1 ? t.data : t.data?.filter((d) => d.pivot === o);
+        let m = this.inputData?.axis?.timeseries ? y?.map((d) => ({ name: d.x, value: [new Date(d.x ?? "").getTime(), d.y, d.r] })) ?? [] : y?.map((d) => ({ name: d.x, value: [d.x, d.y, d.r] })) ?? [], g = 0, D = 0;
         if (this.xAxisType() === "time" && m) {
-          const p = m.map(($t) => $t.value[0]);
-          f = Math.min(...p), w = Math.max(...p);
+          const d = m.map((f) => f.value[0]);
+          g = Math.min(...d), D = Math.max(...d);
         }
-        const D = {
-          id: a,
-          name: a,
-          minDate: f,
-          maxDate: w,
+        const L = {
+          id: h,
+          name: h,
+          minDate: g,
+          maxDate: D,
           type: t.type ?? "line",
           lineStyle: {
-            color: d,
+            color: c,
             width: t.styling?.borderWidth ?? 2,
             type: t.styling?.borderDash ?? "solid"
           },
           smooth: !1,
           itemStyle: {
-            color: c,
-            borderColor: d,
+            color: p,
+            borderColor: c,
             borderWidth: t.styling?.borderWidth ?? 2
           },
-          areaStyle: t.styling?.fill ? { color: c } : void 0,
+          areaStyle: t.styling?.fill ? { color: p } : void 0,
           symbol: t.styling?.pointStyle ?? "circle",
-          symbolSize: (p) => p[2] ?? 0,
+          symbolSize: (d) => d[2] ?? 0,
           showSymbol: t.styling?.pointStyle !== "none",
           data: m ?? [],
-          drawOrder: t.advanced?.drawOrder ?? 0
+          drawOrder: t.advanced?.drawOrder ?? 0,
+          yAxisIndex: t.yAxis === "right" ? 1 : 0
         };
-        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 O = t.advanced?.chartName ?? "";
+        O = O.replace("#split#", l);
+        const P = this.setupChart(O), M = P?.series.map((d) => d.id) ?? [];
+        let A = h, Z = 2;
+        for (; M.includes(A); )
+          A = `${h}_${Z++}`;
+        L.id = A, P?.series.push(L);
       });
     });
-    const s = [];
+    const i = [];
     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);
+      t.doomed && (t.echart?.dispose(), t.element?.remove(), i.push(e));
+    }), i.forEach((t) => this.canvasList.delete(t)), this.canvasList = new Map(
+      [...this.canvasList.entries()].sort(([t, e], [s, n]) => {
+        const o = e.series?.[0].drawOrder ?? 0, r = n.series?.[0].drawOrder ?? 0;
+        return o !== r ? o - r : t.localeCompare(s);
       })
-    ), s.length > 0 && this.canvasList.forEach((t) => {
+    ), i.length > 0 && this.canvasList.forEach((t) => {
       t.echart?.resize();
     });
   }
@@ -751,8 +776,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 i of this.inputData?.dataseries ?? []) {
+      const t = i.data?.find((e) => e.x !== void 0 && e.x !== null);
       if (t) {
         this.cachedXAxisType = isNaN(Number(t.x)) ? "category" : "value";
         break;
@@ -763,8 +788,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 i of this.inputData?.dataseries ?? []) {
+      const t = i.data?.find((e) => e.y !== void 0 && e.y !== null);
       if (t) {
         this.cachedYAxisType = isNaN(Number(t.y)) ? "category" : "value";
         break;
@@ -772,100 +797,124 @@ let $ = class extends U {
     }
     return this.cachedYAxisType;
   }
-  calculateAnimationDuration(s, t) {
+  calculateAnimationDuration(i, t) {
     const e = Date.now();
-    if (!(s.series.length === 1) || !this.inputData?.axis?.timeseries)
+    if (!(i.series.length === 1) || !this.inputData?.axis?.timeseries)
       return this.updateThresholdMs;
-    let r = 0;
+    let n = 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 i.series) {
+        const a = l.data;
+        for (const h of a || []) {
+          const c = h.value?.[0] || 0;
+          c > n && (n = c);
         }
       }
     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();
+      n = e;
+    if (i.lastMaxTimestamp = i.lastMaxTimestamp ?? 0, n > i.lastMaxTimestamp) {
+      if (i.updateIntervals ??= [], i.lastUpdateTime > 0) {
+        const l = e - i.lastUpdateTime;
+        i.updateIntervals.push(l), i.updateIntervals.length > this.maxIntervalSamples && i.updateIntervals.shift();
       }
-      s.lastUpdateTime = e, s.lastMaxTimestamp = r;
+      i.lastUpdateTime = e, i.lastMaxTimestamp = n;
     }
-    return s.updateIntervals && s.updateIntervals.length > 0 ? s.updateIntervals.reduce((l, h) => l + h, 0) / s.updateIntervals.length : this.updateThresholdMs;
+    return i.updateIntervals && i.updateIntervals.length > 0 ? i.updateIntervals.reduce((l, a) => l + a, 0) / i.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({
+      for (const i of this.canvasList.values())
+        i.element && this.chartContainer.appendChild(i.element);
+      this.canvasList.forEach((i, t) => {
+        i.series.sort((f, G) => f.name > G.name ? 1 : -1);
+        const e = this.inputData?.axis?.showLegend ?? !0, s = this.inputData?.axis?.showTitle ?? !0, n = this.inputData?.axis?.showXAxis ?? !0, o = this.inputData?.axis?.showYAxis ?? !0, r = this.inputData?.axis?.showBox ?? !1, l = JSON.stringify({
           showLegend: e,
-          showTitle: i,
-          showXAxis: r,
-          showYAxis: n,
-          showBox: o,
+          showTitle: s,
+          showXAxis: n,
+          showYAxis: o,
+          showBox: r,
           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(),
-          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()
+          seriesCount: i.series.length,
+          seriesNames: i.series.map((f) => f.name).join(","),
+          seriesAxes: i.series.map((f) => f.yAxisIndex ?? 0).join(",")
+        }), a = i.lastConfig !== l;
+        i.lastConfig = l;
+        const h = a ? window.structuredClone(this.template) : i.echart?.getOption() ?? window.structuredClone(this.template);
+        if (h.title.text = t, h.title.show = s, h.xAxis.name = this.inputData?.axis?.xAxisLabel ?? "", h.xAxis.type = this.xAxisType(), h.xAxis.show = n, this.xAxisType() === "time") {
+          const f = i.series.map((_) => _.minDate ?? 1 / 0).reduce((_, J) => Math.min(_, J), 1 / 0), G = i.series.map((_) => _.maxDate ?? 0).reduce((_, J) => Math.max(_, J), 0), ot = Number(this.timeRange?.start), rt = Number(this.timeRange?.end), at = isNaN(ot) ? f : ot, ht = isNaN(rt) ? G : rt;
+          h.xAxis = {
+            ...h.xAxis,
+            min: at !== 1 / 0 ? at : (/* @__PURE__ */ new Date()).getTime() - 1440 * 60 * 1e3,
+            max: ht !== 0 ? ht : (/* @__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,
+        h.dataZoom[0].show = this.inputData?.axis?.xAxisZoom ?? !1, h.toolbox.show = this.inputData?.axis?.xAxisZoom ?? !1;
+        const c = Array.isArray(h.yAxis) ? h.yAxis : [h.yAxis ?? {}];
+        for (; c.length < 2; ) c.push({});
+        h.yAxis = c;
+        const p = i.series.some((f) => (f.yAxisIndex ?? 0) === 1), y = i.series.length === 0 || i.series.some((f) => (f.yAxisIndex ?? 0) === 0), m = o && y, g = o && p, D = this.inputData?.axis?.yAxisLabel ?? "", L = this.inputData?.axis?.yAxisLabelRight ?? "", O = m && !!D, P = g && !!L, M = this.yAxisType(), A = ["value", "log"].includes(M ?? "") ? { fontSize: 14, formatter: (f) => Math.round(f * 100) / 100 } : void 0;
+        Object.assign(c[0], {
+          type: M,
+          name: D,
+          scale: this.inputData?.axis?.yAxisScaling ?? !1,
+          show: m,
+          position: "left",
+          nameLocation: "end",
+          nameGap: 10,
+          nameTextStyle: { align: "left" },
+          axisLine: { show: !0 }
+        }), A && (c[0].axisLabel = A), Object.assign(c[1], {
+          type: M,
+          name: g ? L : "",
+          scale: this.inputData?.axis?.yAxisScalingRight ?? !1,
+          show: g,
+          position: "right",
+          nameLocation: "end",
+          nameGap: 10,
+          nameTextStyle: { align: "right" },
+          axisLine: { show: !0 },
+          splitLine: { show: !1 }
+        }), A && (c[1].axisLabel = A), h.series = i.series, h.legend.show = e;
+        const Z = (s || O || P ? 30 : 0) + (e && P ? 25 : 0);
+        h.grid = {
+          ...h.grid,
+          show: r,
           backgroundColor: "transparent",
-          borderWidth: o ? 1 : 0,
+          borderWidth: r ? 1 : 0,
           borderColor: this.themeTitleColor ?? "#ccc",
-          top: y,
-          bottom: r ? 20 : 0,
-          left: n ? 20 : 0,
+          top: Z,
+          bottom: n ? 20 : 0,
+          left: m ? 20 : 0,
           right: 0,
-          containLabel: r || n
+          containLabel: n || o
         };
-        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 d = this.updateThresholdMs;
+        h.animation = !0, h.animationEasing = "linear", h.animationDuration = d, h.animationDurationUpdate = d, i.echart?.on("finished", () => i.drawing = !1), i.drawing = !0, i.echart?.setOption(h, { notMerge: a, lazyUpdate: !0 });
       });
     }
   }
   deleteCharts() {
-    this.canvasList.forEach((s, t) => {
-      s.echart?.dispose(), s.element?.remove(), this.canvasList.delete(t);
+    this.canvasList.forEach((i, t) => {
+      i.echart?.dispose(), i.element?.remove(), this.canvasList.delete(t);
     });
   }
-  setupChart(s) {
-    const t = this.canvasList.get(s);
+  setupChart(i) {
+    const t = this.canvasList.get(i);
     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", i), e.setAttribute("class", "sizer"), this.chartContainer.appendChild(e);
+    const n = {
+      echart: F.init(e, this.theme?.theme_name),
       series: [],
       element: e,
       drawing: !1,
@@ -873,13 +922,13 @@ let $ = class extends U {
       updateIntervals: [],
       lastMaxTimestamp: 0
     };
-    return this.canvasList.set(s, r), r;
+    return this.canvasList.set(i, n), n;
   }
   disconnectedCallback() {
     this.resizeObserver && this.chartContainer && (this.resizeObserver.unobserve(this.chartContainer), this.resizeObserver.disconnect()), super.disconnectedCallback();
   }
   render() {
-    return Vt`
+    return Ft`
             <div
                 class="wrapper"
                 style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
@@ -902,7 +951,7 @@ let $ = class extends U {
         `;
   }
 };
-$.styles = Pt`
+x.styles = jt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -979,34 +1028,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")
-], $);
+$([
+  X({ type: Object })
+], x.prototype, "inputData", 2);
+$([
+  X({ type: Object })
+], x.prototype, "theme", 2);
+$([
+  X({ type: Object })
+], x.prototype, "timeRange", 2);
+$([
+  Y()
+], x.prototype, "canvasList", 2);
+$([
+  Y()
+], x.prototype, "themeBgColor", 2);
+$([
+  Y()
+], x.prototype, "themeTitleColor", 2);
+$([
+  Y()
+], x.prototype, "themeSubtitleColor", 2);
+$([
+  de(".chart-container")
+], x.prototype, "chartContainer", 2);
+x = $([
+  he("widget-linechart-1.7.1")
+], x);
 export {
-  $ as WidgetLinechart
+  x as WidgetLinechart
 };
 //# sourceMappingURL=widget-linechart.js.map