@record-evolution/widget-linechart 1.7.6 → 1.7.8

package/dist/widget-linechart.js

@@ -4,18 +4,18 @@ import { LineChart as Ht, BarChart as It, ScatterChart as jt } from "echarts/cha
 import { UniversalTransition as kt, LegacyGridContainLabel as Bt } from "echarts/features";
 import { CanvasRenderer as Zt } 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(), gt = /* @__PURE__ */ new WeakMap();
+const G = globalThis, rt = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, at = /* @__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.");
+    if (this._$cssResult$ = !0, s !== at) 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 (at && t === void 0) {
+    if (rt && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && gt.set(e, t));
+      s && (t = yt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && yt.set(e, t));
     }
     return t;
   }
@@ -23,20 +23,20 @@ let Tt = class {
     return this.cssText;
   }
 };
-const Wt = (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.");
+const Wt = (o) => new Tt(typeof o == "string" ? o : o + "", void 0, at), qt = (o, ...t) => {
+  const e = o.length === 1 ? o[0] : t.reduce((s, i, n) => 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.");
   })(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);
+  return new Tt(e, o, at);
+}, Vt = (o, t) => {
+  if (rt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), i = G.litNonce;
     i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
   }
-}, yt = at ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, gt = rt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
   return Wt(e);
@@ -69,7 +69,7 @@ const { is: Xt, defineProperty: Yt, getOwnPropertyDescriptor: Gt, getOwnProperty
       }
   }
   return e;
-} }, ht = (o, t) => !Xt(o, t), $t = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ht };
+} }, lt = (o, t) => !Xt(o, t), $t = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: lt };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), J.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let O = class extends HTMLElement {
   static addInitializer(t) {
@@ -87,12 +87,12 @@ let O = class extends HTMLElement {
   static getPropertyDescriptor(t, e, s) {
     const { get: i, set: n } = Gt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(a) {
-      this[e] = a;
+    }, set(r) {
+      this[e] = r;
     } };
-    return { get: i, set(a) {
-      const l = i?.call(this);
-      n?.call(this, a), this.requestUpdate(t, l, s);
+    return { get: i, set(r) {
+      const h = i?.call(this);
+      n?.call(this, r), this.requestUpdate(t, h, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -125,8 +125,8 @@ let O = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const i of s) e.unshift(yt(i));
-    } else t !== void 0 && e.push(yt(t));
+      for (const i of s) e.unshift(gt(i));
+    } else t !== void 0 && e.push(gt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -152,7 +152,7 @@ let O = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return qt(t, this.constructor.elementStyles), t;
+    return Vt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -175,22 +175,22 @@ let O = class extends HTMLElement {
   _$AK(t, e) {
     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;
+      const n = s.getPropertyOptions(i), r = 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;
+      const h = r.fromAttribute(e, n.type);
+      this[i] = h ?? this._$Ej?.get(i) ?? h, this._$Em = null;
     }
   }
   requestUpdate(t, e, s, i = !1, n) {
     if (t !== void 0) {
-      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;
+      const r = this.constructor;
+      if (i === !1 && (n = this[t]), s ??= r.getPropertyOptions(t), !((s.hasChanged ?? lt)(n, e) || s.useDefault && s.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, s)))) return;
       this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: 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));
+  C(t, e, { useDefault: s, reflect: i, wrapped: n }, r) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, r ?? e ?? this[t]), n !== !0 || r !== 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;
@@ -214,8 +214,8 @@ let O = class extends HTMLElement {
       }
       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);
+        const { wrapped: r } = n, h = this[i];
+        r !== !0 || this._$AL.has(i) || h === void 0 || this.C(i, void 0, n, h);
       }
     }
     let t = !1;
@@ -253,7 +253,7 @@ let O = class extends HTMLElement {
   }
 };
 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(""), Z = (o) => o === null || typeof o != "object" && typeof o != "function", ct = Array.isArray, ie = (o) => ct(o) || typeof o?.[Symbol.iterator] == "function", ot = `[ 	
+const ht = globalThis, vt = (o) => o, F = ht.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(""), Z = (o) => o === null || typeof o != "object" && typeof o != "function", ct = Array.isArray, ie = (o) => ct(o) || typeof o?.[Symbol.iterator] == "function", ot = `[ 	
 \f\r]`, I = /<(?:(!--|\/[^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) {
@@ -262,13 +262,13 @@ function Ot(o, t) {
 }
 const ne = (o, t) => {
   const e = o.length - 1, s = [];
-  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = I;
-  for (let l = 0; l < e; l++) {
-    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 === I ? 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 ?? I, 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 = I : (a = T, i = void 0);
-    const g = a === T && o[l + 1].startsWith("/>") ? " " : "";
-    n += a === I ? r + ee : c >= 0 ? (s.push(d), r.slice(0, c) + Et + r.slice(c) + A + g) : r + A + (c === -2 ? l : g);
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = I;
+  for (let h = 0; h < e; h++) {
+    const a = o[h];
+    let d, l, c = -1, p = 0;
+    for (; p < a.length && (r.lastIndex = p, l = r.exec(a), l !== null); ) p = r.lastIndex, r === I ? l[1] === "!--" ? r = bt : l[1] !== void 0 ? r = _t : l[2] !== void 0 ? (Dt.test(l[2]) && (i = RegExp("</" + l[2], "g")), r = T) : l[3] !== void 0 && (r = T) : r === T ? l[0] === ">" ? (r = i ?? I, c = -1) : l[1] === void 0 ? c = -2 : (c = r.lastIndex - l[2].length, d = l[1], r = l[3] === void 0 ? T : l[3] === '"' ? St : wt) : r === St || r === wt ? r = T : r === bt || r === _t ? r = I : (r = T, i = void 0);
+    const y = r === T && o[h + 1].startsWith("/>") ? " " : "";
+    n += r === I ? a + ee : c >= 0 ? (s.push(d), a.slice(0, c) + Et + a.slice(c) + A + y) : a + A + (c === -2 ? h : y);
   }
   return [Ot(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -276,30 +276,30 @@ class W {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
-    let n = 0, a = 0;
-    const l = t.length - 1, r = this.parts, [d, h] = ne(t, e);
+    let n = 0, r = 0;
+    const h = t.length - 1, a = this.parts, [d, l] = ne(t, e);
     if (this.el = W.createElement(d, s), E.currentNode = this.el.content, e === 2 || e === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
-    for (; (i = E.nextNode()) !== null && r.length < l; ) {
+    for (; (i = E.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const c of i.getAttributeNames()) if (c.endsWith(Et)) {
-          const p = h[a++], g = i.getAttribute(c).split(A), x = /([.?@])?(.*)/.exec(p);
-          r.push({ type: 1, index: n, name: x[2], strings: g, 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));
+          const p = l[r++], y = i.getAttribute(c).split(A), x = /([.?@])?(.*)/.exec(p);
+          a.push({ type: 1, index: n, name: x[2], strings: y, ctor: x[1] === "." ? ae : x[1] === "?" ? le : x[1] === "@" ? he : Q }), i.removeAttribute(c);
+        } else c.startsWith(A) && (a.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 g = 0; g < p; g++) i.append(c[g], B()), E.nextNode(), r.push({ type: 2, index: ++n });
+            for (let y = 0; y < p; y++) i.append(c[y], B()), E.nextNode(), a.push({ type: 2, index: ++n });
             i.append(c[p], B());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === Lt) r.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === Lt) a.push({ type: 2, index: n });
       else {
         let c = -1;
-        for (; (c = i.data.indexOf(A, c + 1)) !== -1; ) r.push({ type: 7, index: n }), c += A.length - 1;
+        for (; (c = i.data.indexOf(A, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += A.length - 1;
       }
       n++;
     }
@@ -315,7 +315,7 @@ function M(o, t, e = o, s) {
   const n = Z(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 ae {
+class re {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -328,13 +328,13 @@ class ae {
   u(t) {
     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 n = E.nextNode(), r = 0, h = 0, a = s[0];
+    for (; a !== void 0; ) {
+      if (r === a.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];
+        a.type === 2 ? d = new q(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new ce(n, this, t)), this._$AV.push(d), a = s[++h];
       }
-      a !== r?.index && (n = E.nextNode(), a++);
+      r !== a?.index && (n = E.nextNode(), r++);
     }
     return E.currentNode = L, i;
   }
@@ -343,7 +343,7 @@ class ae {
     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 V {
+class q {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -377,8 +377,8 @@ class V {
     const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = W.createElement(Ot(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === i) this._$AH.p(e);
     else {
-      const n = new ae(i, this), a = n.u(this.options);
-      n.p(e), this.T(a), this._$AH = n;
+      const n = new re(i, this), r = n.u(this.options);
+      n.p(e), this.T(r), this._$AH = n;
     }
   }
   _$AC(t) {
@@ -389,7 +389,7 @@ class V {
     ct(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     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++;
+    for (const n of t) i === e.length ? e.push(s = new q(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) {
@@ -414,20 +414,20 @@ class Q {
   }
   _$AI(t, e = this, s, i) {
     const n = this.strings;
-    let a = !1;
-    if (n === void 0) t = M(this, t, e, 0), a = !Z(t) || t !== this._$AH && t !== P, a && (this._$AH = t);
+    let r = !1;
+    if (n === void 0) t = M(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== P, r && (this._$AH = t);
     else {
-      const l = t;
-      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 ||= !Z(d) || d !== this._$AH[r], d === f ? t = f : t !== f && (t += (d ?? "") + n[r + 1]), this._$AH[r] = d;
+      const h = t;
+      let a, d;
+      for (t = n[0], a = 0; a < n.length - 1; a++) d = M(this, h[s + a], e, a), d === P && (d = this._$AH[a]), r ||= !Z(d) || d !== this._$AH[a], d === f ? t = f : t !== f && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
     }
-    a && !i && this.j(t);
+    r && !i && this.j(t);
   }
   j(t) {
     t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class re extends Q {
+class ae extends Q {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -435,7 +435,7 @@ class re extends Q {
     this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class he extends Q {
+class le extends Q {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -443,7 +443,7 @@ class he extends Q {
     this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class le extends Q {
+class he extends Q {
   constructor(t, e, s, i, n) {
     super(t, e, s, i, n), this.type = 5;
   }
@@ -467,14 +467,14 @@ class ce {
     M(this, t);
   }
 }
-const de = lt.litHtmlPolyfillSupport;
-de?.(W, V), (lt.litHtmlVersions ??= []).push("3.3.2");
+const de = ht.litHtmlPolyfillSupport;
+de?.(W, q), (ht.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;
-    s._$litPart$ = i = new V(t.insertBefore(B(), n), n, void 0, e ?? {});
+    s._$litPart$ = i = new q(t.insertBefore(B(), n), n, void 0, e ?? {});
   }
   return i._$AI(o), i;
 };
@@ -510,48 +510,48 @@ const me = (o) => (t, e) => {
     customElements.define(o, t);
   }) : customElements.define(o, t);
 };
-const fe = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ht }, ge = (o = fe, t, e) => {
+const fe = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: lt }, 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 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(a, void 0, o, l), l;
+    const { name: r } = e;
+    return { set(h) {
+      const a = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(r, a, o, !0, h);
+    }, init(h) {
+      return h !== void 0 && this.C(r, void 0, o, h), h;
     } };
   }
   if (s === "setter") {
-    const { name: a } = e;
-    return function(l) {
-      const r = this[a];
-      t.call(this, l), this.requestUpdate(a, r, o, !0, l);
+    const { name: r } = e;
+    return function(h) {
+      const a = this[r];
+      t.call(this, h), this.requestUpdate(r, a, o, !0, h);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
 function tt(o) {
-  return (t, e) => typeof e == "object" ? ge(o, t, e) : ((s, i, n) => {
-    const a = i.hasOwnProperty(n);
-    return i.constructor.createProperty(n, s), a ? Object.getOwnPropertyDescriptor(i, n) : void 0;
+  return (t, e) => typeof e == "object" ? ye(o, t, e) : ((s, i, n) => {
+    const r = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, s), r ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(o, t, e);
 }
 function et(o) {
   return tt({ ...o, state: !0, attribute: !1 });
 }
-const ye = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
+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 ye(e, s, { get() {
+    const n = (r) => r.renderRoot?.querySelector(o) ?? null;
+    return ge(e, s, { get() {
       return n(this);
     } });
   };
 }
 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);
+  for (var i = s > 1 ? void 0 : s ? ve(t, e) : t, n = o.length - 1, r; n >= 0; n--)
+    (r = o[n]) && (i = (s ? r(t, e, i) : r(i)) || i);
   return s && i && $e(t, e, i), i;
 };
 nt.use([
@@ -568,9 +568,19 @@ nt.use([
   kt,
   Bt
 ]);
-let y = class extends k {
+let g = class extends k {
   constructor() {
-    super(), this.canvasList = /* @__PURE__ */ new Map(), this.origWidth = 0, this.origHeight = 0, this.modifier = 1, this.version = "1.7.6", 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.8", this.updateThresholdMs = 300, this.maxIntervalSamples = 3, this.template = {
+      // ECharts paints the registered theme's own canvas `backgroundColor`
+      // (chalk = `rgba(41,52,65,1)`) as an opaque slab over the wrapper's
+      // background, so the tile shows the theme colour behind the chart and
+      // the host's `--re-tile-background-color` everywhere else. Keeping the
+      // canvas transparent lets the wrapper show through; it already falls
+      // back to the theme's colour when nothing overrides it, so no theme
+      // loses its background. Set here rather than filtered out of
+      // registerTheme() — theme registration is global by name, so another
+      // widget on the page can re-register the same theme with it.
+      backgroundColor: "transparent",
       title: {
         text: "Temperature Change in the Coming Week",
         left: "center",
@@ -705,13 +715,23 @@ let y = class extends k {
       });
     }), this.resizeObserver.observe(this.chartContainer));
   }
+  /**
+   * Resolved text colour for the chart canvas.
+   *
+   * The themeTitleColor field holds a var() chain, which the browser resolves
+   * for CSS but ECharts cannot — it paints to a canvas and needs a real
+   * colour. Read at the point of use rather than cached, so a board style
+   * edit reaches the next chart rebuild instead of waiting for a theme change.
+   */
+  resolvedTextColor() {
+    return getComputedStyle(this).getPropertyValue("--re-text-color").trim() || this.theme?.theme_object?.title?.textStyle?.color;
+  }
   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, !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))
+    if (this.themeBgColor = `var(--re-tile-background-color, ${this.theme?.theme_object?.backgroundColor || "transparent"})`, this.themeTitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`, this.themeSubtitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.subtextStyle?.color || this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`, !o || !o.theme_object || !o.theme_name) return;
+    const t = ["parallel", "geo", "timeline", "visualMap", "markPoint"], e = Object.fromEntries(
+      Object.entries(o.theme_object).filter(([s]) => !t.includes(s))
     );
-    nt.registerTheme(o.theme_name, i);
+    nt.registerTheme(o.theme_name, e);
   }
   /** True when bars grow to the right instead of upwards (axis.orientation). */
   isHorizontal() {
@@ -752,13 +772,13 @@ let y = class extends k {
       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, g = 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) => ({
+      const n = [...new Set(i.data.map((a) => a.pivot ?? ""))].sort(), r = ft(i.backgroundColor).monochromatic(n.length).map((a) => a.toHexString()), h = ft(i.borderColor).monochromatic(n.length).map((a) => a.toHexString());
+      n.forEach((a, d) => {
+        const l = a ?? "", c = i.label ?? "", p = l + (l && c ? " - " : "") + c, y = i.borderColor ? i.advanced?.chartName?.includes("#split#") ? i.borderColor : h[d] : void 0, x = i.backgroundColor ? i.advanced?.chartName?.includes("#split#") ? i.backgroundColor : r[d] : void 0, V = n.length === 1 ? i.data : i.data?.filter((u) => u.pivot === a), b = (u, S, m) => o ? [S, u, m] : [u, S, m];
+        let v = this.inputData?.axis?.timeseries ? V?.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;
+        })) ?? [] : V?.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);
@@ -770,14 +790,14 @@ let y = class extends k {
           maxDate: U,
           type: i.type ?? "line",
           lineStyle: {
-            color: g,
+            color: y,
             width: i.styling?.borderWidth ?? 2,
             type: i.styling?.borderDash ?? "solid"
           },
           smooth: !1,
           itemStyle: {
             color: x,
-            borderColor: g,
+            borderColor: y,
             borderWidth: i.styling?.borderWidth ?? 2
           },
           areaStyle: i.styling?.fill ? { color: x } : void 0,
@@ -801,7 +821,7 @@ let y = class extends k {
           yAxisIndex: o ? 0 : z
         };
         let _ = i.advanced?.chartName ?? "";
-        _ = _.replace("#split#", h);
+        _ = _.replace("#split#", l);
         const w = this.setupChart(_), X = w?.series.map((u) => u.id) ?? [];
         let D = p, it = 2;
         for (; X.includes(D); )
@@ -813,9 +833,9 @@ let y = class extends k {
     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);
+      [...this.canvasList.entries()].sort(([i, n], [r, h]) => {
+        const a = n.series?.[0].drawOrder ?? 0, d = h.series?.[0].drawOrder ?? 0;
+        return a !== d ? a - d : i.localeCompare(r);
       })
     ), s.length > 0 && this.canvasList.forEach((i) => {
       i.echart?.resize();
@@ -853,23 +873,23 @@ let y = class extends k {
       return this.updateThresholdMs;
     let i = 0;
     if (this.xAxisType() === "time")
-      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);
+      for (const h of o.series) {
+        const a = h.data;
+        for (const d of a || []) {
+          const l = d.value?.[0] || 0;
+          l > i && (i = l);
         }
       }
     else
       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();
+        const h = e - o.lastUpdateTime;
+        o.updateIntervals.push(h), o.updateIntervals.length > this.maxIntervalSamples && o.updateIntervals.shift();
       }
       o.lastUpdateTime = e, o.lastMaxTimestamp = i;
     }
-    return o.updateIntervals && o.updateIntervals.length > 0 ? o.updateIntervals.reduce((l, r) => l + r, 0) / o.updateIntervals.length : this.updateThresholdMs;
+    return o.updateIntervals && o.updateIntervals.length > 0 ? o.updateIntervals.reduce((h, a) => h + a, 0) / o.updateIntervals.length : this.updateThresholdMs;
   }
   applyData() {
     if (!this.chartContainer) return;
@@ -878,12 +898,12 @@ let y = class extends k {
       t.element && this.chartContainer.appendChild(t.element);
     this.canvasList.forEach((t, e) => {
       t.series.sort((m, H) => m.name > H.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({
+      const s = this.inputData?.axis?.showLegend ?? !0, i = this.inputData?.axis?.showTitle ?? !0, n = this.inputData?.axis?.showXAxis ?? !0, r = this.inputData?.axis?.showYAxis ?? !0, h = this.inputData?.axis?.showBox ?? !1, a = JSON.stringify({
         showLegend: s,
         showTitle: i,
         showXAxis: n,
-        showYAxis: a,
-        showBox: l,
+        showYAxis: r,
+        showBox: h,
         xAxisLabel: this.inputData?.axis?.xAxisLabel,
         yAxisLabel: this.inputData?.axis?.yAxisLabel,
         xAxisZoom: this.inputData?.axis?.xAxisZoom,
@@ -900,23 +920,23 @@ let y = class extends k {
         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 = 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") {
+      }), d = t.lastConfig !== a;
+      t.lastConfig = a;
+      const l = window.structuredClone(this.template);
+      if (l.title.text = e, l.title.show = i, l.xAxis.name = this.inputData?.axis?.xAxisLabel ?? "", l.xAxis.type = this.xAxisType(), l.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), H = 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) ? H : pt;
-        h.xAxis = {
-          ...h.xAxis,
+        l.xAxis = {
+          ...l.xAxis,
           min: ut !== 1 / 0 ? ut : (/* @__PURE__ */ new Date()).getTime() - 1440 * 60 * 1e3,
           max: mt !== 0 ? mt : (/* @__PURE__ */ new Date()).getTime()
         };
       }
       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 ?? {}];
+      l.dataZoom[0].show = c, l.toolbox.show = c;
+      const p = Array.isArray(l.yAxis) ? l.yAxis : [l.yAxis ?? {}];
       for (; p.length < 2; ) p.push({});
-      h.yAxis = p;
-      const g = 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;
+      l.yAxis = p;
+      const y = t.series.some((m) => !!m.label?.show), x = t.series.some((m) => (m.valueAxisIndex ?? 0) === 1), V = t.series.length === 0 || t.series.some((m) => (m.valueAxisIndex ?? 0) === 0), b = r && V, v = r && 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,
@@ -939,8 +959,8 @@ let y = class extends k {
         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 = {
+        const m = Array.isArray(l.xAxis) ? l.xAxis[0] : l.xAxis;
+        l.yAxis = {
           ...m,
           position: "left",
           // Read top-to-bottom, so the first data point is the top
@@ -953,7 +973,7 @@ let y = class extends k {
           nameLocation: "start",
           nameGap: v ? 30 : 10,
           nameTextStyle: { align: "left" }
-        }, h.xAxis = p.map((H, Y) => ({
+        }, l.xAxis = p.map((H, Y) => ({
           ...H,
           position: Y === 0 ? "bottom" : "top",
           nameLocation: "middle",
@@ -961,14 +981,14 @@ let y = class extends k {
           nameTextStyle: { align: "center" }
         }));
       }
-      h.dataZoom[0].xAxisIndex = o ? void 0 : [0], h.dataZoom[0].yAxisIndex = o ? [0] : void 0, h.series = t.series, h.legend.show = s;
+      l.dataZoom[0].xAxisIndex = o ? void 0 : [0], l.dataZoom[0].yAxisIndex = o ? [0] : void 0, l.series = t.series, l.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,
+      l.grid = {
+        ...l.grid,
+        show: h,
         backgroundColor: "transparent",
-        borderWidth: l ? 1 : 0,
-        borderColor: this.themeTitleColor ?? "#ccc",
+        borderWidth: h ? 1 : 0,
+        borderColor: this.resolvedTextColor() ?? "#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.
@@ -979,14 +999,14 @@ let y = class extends k {
         // 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 ? g ? 45 : 15 : 0) + u,
-        containLabel: n || a
+        right: (o ? y ? 45 : 15 : 0) + u,
+        containLabel: n || r
       }, c && Object.assign(
-        h.dataZoom[0],
+        l.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.drawing = !0, t.echart?.setOption(h, { notMerge: d, lazyUpdate: !0 });
+      l.animation = !0, l.animationEasing = "linear", l.animationDuration = S, l.animationDurationUpdate = S, t.drawing = !0, t.echart?.setOption(l, { notMerge: d, lazyUpdate: !0 });
     });
   }
   // ECharts positions a slider dataZoom against the grid rect from *before*
@@ -1056,7 +1076,7 @@ let y = class extends k {
         `;
   }
 };
-y.styles = Vt`
+g.styles = qt`
         :host {
             display: block;
             font-family: sans-serif;
@@ -1135,32 +1155,32 @@ y.styles = Vt`
     `;
 $([
   tt({ type: Object })
-], y.prototype, "inputData", 2);
+], g.prototype, "inputData", 2);
 $([
   tt({ type: Object })
-], y.prototype, "theme", 2);
+], g.prototype, "theme", 2);
 $([
   tt({ type: Object })
-], y.prototype, "timeRange", 2);
+], g.prototype, "timeRange", 2);
 $([
   et()
-], y.prototype, "canvasList", 2);
+], g.prototype, "canvasList", 2);
 $([
   et()
-], y.prototype, "themeBgColor", 2);
+], g.prototype, "themeBgColor", 2);
 $([
   et()
-], y.prototype, "themeTitleColor", 2);
+], g.prototype, "themeTitleColor", 2);
 $([
   et()
-], y.prototype, "themeSubtitleColor", 2);
+], g.prototype, "themeSubtitleColor", 2);
 $([
   xe(".chart-container")
-], y.prototype, "chartContainer", 2);
-y = $([
-  me("widget-linechart-1.7.6")
-], y);
+], g.prototype, "chartContainer", 2);
+g = $([
+  me("widget-linechart-1.7.8")
+], g);
 export {
-  y as WidgetLinechart
+  g as WidgetLinechart
 };
 //# sourceMappingURL=widget-linechart.js.map