No available W sensors found.
` : w}${r}
@@ -7389,15 +7376,13 @@ const gn = /[._\-\s]+/, us = /^\d+$/, zt = /^(?=.*[a-z])(?=.*\d)[a-z0-9]{6,}$/i,${this._t("editor.section.array_health_smoothing_help")} @@ -7470,24 +7455,20 @@ const gn = /[._\-\s]+/, us = /^\d+$/, zt = /^(?=.*[a-z])(?=.*\d)[a-z0-9]{6,}$/i,
${this._t("editor.helper.string_sensor_sharing_help")} @@ -7871,16 +7842,14 @@ const gn = /[._\-\s]+/, us = /^\d+$/, zt = /^(?=.*[a-z])(?=.*\d)[a-z0-9]{6,}$/i, s )}
${R}
+${this._t("card.subtitle.drag_hint")}
+${e.reason}
+ ${e.powerEntityName ? y`${this._t("card.popup.info.power_source", { + value: e.powerEntityName + })}
` : w} + ${e.stringGroupLabel && e.stringPowerSourceName && e.stringPowerSharePercent !== void 0 ? y`${this._t("card.popup.info.string_share", { + label: e.stringGroupLabel, + percent: e.stringPowerSharePercent.toFixed(0), + source: e.stringPowerSourceName + })}
` : w} ++ ${this._t("card.popup.info.current_inverter_status", { + value: e.inverterStatusDisplay ?? this._t("common.not_configured") + })} +
++ ${this._t("card.popup.info.inverter_evaluation", { + value: this._renderInverterEvaluation(e) + })} +
++ ${this._t("card.popup.info.inverter_source", { + value: e.inverterStatusEntityName ?? this._t("common.not_configured") + })} +
+${this._t("card.popup.telemetry.setup_hint")}
+${this._t("card.popup.telemetry.setup_hint")}
`} ++ ${t === "energy" ? this._t("card.popup.panel_compare.no_panels_energy") : this._t("card.popup.panel_compare.no_panels_power")} +
+ `; + const n = this._getPanelCompareSignature(t, r), o = this._getPanelCompareCacheKey(t, n, s), l = this._kpiCompareCache[o], a = l?.loading ?? !1, c = l?.error, p = r.map((b, C) => ({ + ...b, + color: wr[C % wr.length], + samples: this._scaleGraphSamples( + this._adjustGraphSamplesForEntity( + b.entityId, + l?.samplesByPanelId[b.panelId] ?? [] + ), + b.scale + ) + })), d = an( + p.map((b) => ({ + id: b.panelId, + samples: b.samples + })), + Date.now(), + s, + St, + 320, + 132, + 10 + ), h = new Map(d.series.map((b) => [b.id, b])), u = d.series.some( + (b) => b.sampleCount > 0 && (b.pointsCount === 0 || b.sampleCount > 1 && b.pointsCount < 2) + ), g = d.hasData && d.drawableCount === 0, f = g || u, v = t === "energy" ? "kWh" : "W", x = d.series.flatMap( + (b) => b.samples.map((C) => C.value).filter((C) => Number.isFinite(C)) + ), S = x.length > 0 ? this._computeGraphStats( + x.map((b, C) => ({ + ts: C, + value: b + })) + ) : { min: null, max: null, median: null }, I = x.length > 0 ? Math.min(...x) : null, M = x.length > 0 ? Math.max(...x) : null, $ = I === null || M === null ? null : I === M ? I - 1 : I, E = I === null || M === null ? null : I === M ? M + 1 : M, L = S.max !== null && $ !== null && E !== null ? this._toGraphY(S.max, $, E, 132, 10) : null, R = S.median !== null && $ !== null && E !== null ? this._toGraphY(S.median, $, E, 132, 10) : null, m = S.min !== null && $ !== null && E !== null ? this._toGraphY(S.min, $, E, 132, 10) : null, P = S.max !== null ? this._t("card.popup.history.max", { + value: this._formatGraphPower(S.max, v) + }) : null, k = S.median !== null ? this._t("card.popup.history.median", { + value: this._formatGraphPower(S.median, v) + }) : null, F = S.min !== null ? this._t("card.popup.history.min", { + value: this._formatGraphPower(S.min, v) + }) : null, A = this._buildGraphHourTicks( + { + startTs: d.startTs, + endTs: d.endTs + }, + s + ), O = this._buildGraphAxisTicks(A), se = t === "energy" ? this._t("card.popup.history.panel_compare_energy") : this._t("card.popup.history.panel_compare_power"); + return y` +${this._t("card.popup.panel_compare.loading")}
` : c ? y`${c}
` : d.hasData ? g ? y`${this._t("card.popup.panel_compare.render_failure")}
` : y` +${this._t("card.popup.panel_compare.no_data")}
`} + + ${f ? y` ++ ${t === "energy" ? this._t("card.popup.panel_compare.no_panels_energy") : this._t("card.popup.panel_compare.no_panels_power")} +
+ `; + const o = this._getPanelCompareSignature(t, s), l = this._getPanelCompareCacheKey(t, o, n), a = this._kpiCompareCache[l], c = a?.loading ?? !1, p = a?.error, d = nn( + s.map( + (g) => this._scaleGraphSamples( + this._adjustGraphSamplesForEntity( + g.entityId, + a?.samplesByPanelId[g.panelId] ?? [] + ), + g.scale + ) + ) + ), h = t === "energy" ? this._resolveUnit("energy_entity", "kWh") : this._resolveUnit("power_entity", "W"), u = t === "energy" ? this._t("card.popup.history.total_panel_energy") : this._t("card.popup.history.total_panel_power"); + return y` +${r.overlayStateMessage}
` : w} + ${r.showEnableForecastButton ? y` +${this._t("card.popup.history.custom_not_configured")}
`} +${n}
` + )} +${this._t("card.popup.system_health.everything_ok")}
`} ++ ${r.label}: ${r.value} +
+ ` + )} +${this._t("card.popup.history.graph_not_configured")}
`} + ${r.overlayStateMessage ? y`${r.overlayStateMessage}
` : w} + ${r.showEnableForecastButton ? y` +${this._t("card.popup.history.loading")}
`; + if (o) + return y`${o}
`; + if (p.length === 0) + return y`${this._t("card.popup.history.no_data")}
`; + const x = Mt(p, St), S = this._computeGraphStats(p), I = Date.now(), M = I - s * 60 * 60 * 1e3, $ = I, E = d && !f && !v && g.length > 0 ? Mt(g, St) : [], L = p.map((B) => B.value).filter((B) => Number.isFinite(B)), R = E.map((B) => B.value).filter((B) => Number.isFinite(B)), m = [...L, ...R], P = m.length > 0 ? Math.min(...m) : null, k = m.length > 0 ? Math.max(...m) : null, F = P === null || k === null ? null : P === k ? P - 1 : P, A = P === null || k === null ? null : P === k ? k + 1 : k, O = F !== null && A !== null ? { + startTs: M, + endTs: $, + minValue: F, + maxValue: A + } : null, se = O !== null ? this._buildAlignedGraphLinePath(x, O, 320, 132, 10) : "", b = O !== null ? this._buildAlignedGraphAreaPath(x, O, 320, 132, 10) : "", C = O !== null && E.length > 0 ? this._buildAlignedGraphLinePath(E, O, 320, 132, 10) : "", W = this._buildGraphHourTicks( + { + startTs: M, + endTs: $ + }, + s + ), pe = this._buildGraphAxisTicks(W), K = S.max !== null && F !== null && A !== null ? this._toGraphY(S.max, F, A, 132, 10) : null, ye = S.median !== null && F !== null && A !== null ? this._toGraphY(S.median, F, A, 132, 10) : null, ve = S.min !== null && F !== null && A !== null ? this._toGraphY(S.min, F, A, 132, 10) : null, et = `spv-graph-${e.replace(/[^a-zA-Z0-9_-]/g, "-")}`, Ne = S.max !== null ? this._t("card.popup.history.max", { + value: this._formatGraphPower(S.max, t) + }) : null, we = S.median !== null ? this._t("card.popup.history.median", { + value: this._formatGraphPower(S.median, t) + }) : null, tt = S.min !== null ? this._t("card.popup.history.min", { + value: this._formatGraphPower(S.min, t) + }) : null; + return y` +${this._t("card.popup.history.loading")}
` : w} + ${d && !f && v ? y`${v}
` : w} + ${d && !f && !v && g.length === 0 ? y`${this._t("card.popup.history.no_data")}
` : w} + `; + } + _handlePopupGraphRangeChangeForEntity(e, t, r, s) { + e.preventDefault(), e.stopPropagation(); + const n = this._captureScrollPositionsForPopupGraph(e); + this._popupGraphRangeHours = r, this._scheduleCapturedScrollRestore(n), t && this._ensurePopupGraphLoadedByEntity(t, r, n), s && this._ensurePopupGraphLoadedByEntity(s, r, n); + } + _toggleTelemetryGraph(e, t, r) { + e.preventDefault(), e.stopPropagation(); + const s = this._captureScrollPositionsForPopupGraph(e); + if (this._telemetryGraphPanelId === t && this._telemetryGraphEntityId === r) { + this._clearTelemetryGraph(), this._scheduleCapturedScrollRestore(s); + return; + } + this._telemetryGraphPanelId = t, this._telemetryGraphEntityId = r, this._telemetryGraphRangeHours = 6, this._scheduleCapturedScrollRestore(s), this._ensurePopupGraphLoadedByEntity(r, this._telemetryGraphRangeHours, s); + } + _handleTelemetryGraphRangeChange(e, t, r) { + e.preventDefault(), e.stopPropagation(); + const s = this._captureScrollPositionsForPopupGraph(e); + this._telemetryGraphRangeHours = r, this._scheduleCapturedScrollRestore(s), this._ensurePopupGraphLoadedByEntity(t, r, s); + } + _clearTelemetryGraph() { + this._telemetryGraphPanelId = null, this._telemetryGraphEntityId = null, this._telemetryGraphRangeHours = 6; + } + _getPopupGraphCacheKey(e, t) { + return `${e}|${t}`; + } + _getPanelConfig(e) { + return this._config?.panels.find((t) => t.id === e); + } + async _ensurePopupGraphLoaded(e, t, r) { + if (!this._config || !this.hass) + return; + const n = this._getPanelConfig(e)?.power_entity; + n && await this._ensurePopupGraphLoadedByEntity(n, t, r); + } + async _ensurePopupGraphLoadedByEntity(e, t, r) { + if (!this._config || !this.hass) + return; + const s = this._getPopupGraphCacheKey(e, t), n = this._popupGraphCache[s], o = Date.now(); + if (n?.loading || n && !n.error && n.loadedAt && o - n.loadedAt < hn) + return; + const l = ++this._popupGraphRequestToken; + if (this._popupGraphLatestTokenByKey[s] = l, this._popupGraphCache = { + ...this._popupGraphCache, + [s]: { + loading: !0, + samples: n?.samples ?? [], + loadedAt: n?.loadedAt + } + }, this._scheduleCapturedScrollRestore(r), !this.hass.callApi && !this.hass.callWS) { + if (this._popupGraphLatestTokenByKey[s] !== l) + return; + this._popupGraphCache = { + ...this._popupGraphCache, + [s]: { + loading: !1, + samples: [], + error: "Unable to load panel history", + loadedAt: Date.now() + } + }, this._scheduleCapturedScrollRestore(r); + return; + } + try { + if (this._popupGraphLatestTokenByKey[s] !== l) + return; + const a = await this._loadPopupGraphRecorderSamples(e, t); + if (this._popupGraphLatestTokenByKey[s] !== l) + return; + this._popupGraphCache = { + ...this._popupGraphCache, + [s]: { + loading: !1, + samples: a, + loadedAt: Date.now() + } + }, this._scheduleCapturedScrollRestore(r); + } catch (a) { + if (this._popupGraphLatestTokenByKey[s] !== l) + return; + this._popupGraphCache = { + ...this._popupGraphCache, + [s]: { + loading: !1, + samples: [], + error: `Unable to load panel history (${Ct($t(a))})`, + loadedAt: Date.now() + } + }, this._scheduleCapturedScrollRestore(r); + } + } + async _loadPopupGraphRecorderSamples(e, t) { + if (!this.hass || !this.hass.callApi && !this.hass.callWS) + throw new Error("Recorder API unavailable"); + const r = Date.now(), s = Math.min(168, t + 6), n = new Date(r - s * 60 * 60 * 1e3).toISOString(), o = new Date(r).toISOString(), l = this._getSharedHistorySamplesForRange(e, t); + if (l) { + const d = lt(l, r, t), h = this._stabilizePopupRangeSamples( + e, + l, + d, + r, + t + ); + if (this._hasPopupRangeCoverage(h, r, t)) + return h; + try { + const u = await this._fetchRecorderHistoryRaw(n, o, [e]), g = this._parseRecorderResponse(u, s, [e])[e] ?? [], f = this._mergeGraphSampleSets(l, g), v = lt(f, r, t); + return this._stabilizePopupRangeSamples(e, f, v, r, t); + } catch { + return h; + } + } + const a = await this._fetchRecorderHistoryRaw(n, o, [e]), c = this._parseRecorderResponse(a, s, [e])[e] ?? [], p = lt(c, r, t); + return this._stabilizePopupRangeSamples(e, c, p, r, t); + } + _getSharedHistorySamplesForRange(e, t) { + if (!(this._config?.enable_array_checks ?? !1) || this._getHistoryHours() < t) + return null; + const r = this._historyByEntityId[e]; + return !r || r.length === 0 ? null : r; + } + _stabilizePopupRangeSamples(e, t, r, s, n) { + const o = s - n * 60 * 60 * 1e3, l = [...t].sort((u, g) => u.ts - g.ts), a = [...r].sort((u, g) => u.ts - g.ts), c = l.filter((u) => u.ts < o).pop() ?? null, p = this._isForecastDefaultEntity(e), d = Number(this.hass?.states?.[e]?.state); + if (a.length === 0) + p && Number.isFinite(d) ? a.push({ ts: o, value: d }) : c ? a.push({ ts: o, value: c.value }) : Number.isFinite(d) && a.push({ ts: o, value: d }); + else if (a[0].ts > o && (c || p)) { + const u = p ? a[0].value : c?.value ?? a[0].value; + a.unshift({ ts: o, value: u }); + } + const h = a[a.length - 1]; + if (!h && Number.isFinite(d)) + a.push({ ts: s, value: d }); + else if (h && h.ts < s) { + const u = Number.isFinite(d) ? d : h.value; + a.push({ ts: s, value: u }); + } + return a.filter((u) => Number.isFinite(u.ts) && Number.isFinite(u.value)).sort((u, g) => u.ts - g.ts); + } + _hasPopupRangeCoverage(e, t, r) { + if (e.length === 0) + return !1; + const s = t - r * 60 * 60 * 1e3, n = e[0].ts, o = e[e.length - 1].ts, l = 900 * 1e3; + return n <= s + l && o >= t - l; + } + _mergeGraphSampleSets(...e) { + const t = /* @__PURE__ */ new Map(); + for (const r of e) + for (const s of r) + !Number.isFinite(s.ts) || !Number.isFinite(s.value) || t.set(s.ts, s); + return [...t.values()].sort((r, s) => r.ts - s.ts); + } + _getUnitForEntity(e, t) { + const r = this.hass?.states?.[e]?.attributes?.unit_of_measurement; + return typeof r == "string" && r.trim().length > 0 ? r : t; + } + _formatGraphPower(e, t) { + const r = t.trim(); + if (e === null) + return r ? `0 ${t}` : "0"; + const s = this.hass?.locale?.language ?? "en", n = re(e), o = r.toLowerCase(), l = o.includes("wh") || o.includes("kwh") ? this._config?.energy_decimals ?? 2 : this._config?.power_decimals ?? 0, a = new Intl.NumberFormat(s, { + minimumFractionDigits: l, + maximumFractionDigits: l + }).format(n); + return r ? `${a} ${t}` : a; + } + _computeGraphStats(e) { + const t = e.map((l) => l.value).filter((l) => Number.isFinite(l)).sort((l, a) => l - a); + if (t.length === 0) + return { min: null, max: null, median: null }; + const r = t[0] ?? null, s = t[t.length - 1] ?? null, n = Math.floor(t.length / 2), o = t.length % 2 === 0 ? (t[n - 1] + t[n]) / 2 : t[n]; + return { min: r, max: s, median: o }; + } + _buildGraphHourTicks(e, t) { + if (e.startTs === null || e.endTs === null) + return []; + const r = e.startTs, s = e.endTs, n = Math.max(s - r, 1), o = 320, l = 10, a = o - l * 2, c = t === 1 ? 900 * 1e3 : t === 6 ? 3600 * 1e3 : 14400 * 1e3, p = [], d = (u) => { + const g = new Date(u), f = `${g.getHours()}`.padStart(2, "0"), v = `${g.getMinutes()}`.padStart(2, "0"); + return t === 1 ? `${f}:${v}` : `${f}h`; + }; + let h = Math.ceil(r / c) * c; + for (; h < s; ) { + const u = l + (h - r) / n * a; + p.push({ + x: u, + label: d(h) + }), h += c; + } + if (t === 6 && p.length < 3) { + const u = [0.25, 0.5, 0.75]; + for (const g of u) { + const f = r + n * g, v = l + (f - r) / n * a; + p.push({ + x: v, + label: d(f) + }); + } + } + return p.sort((u, g) => u.x - g.x), p; + } + _buildGraphAxisTicks(e) { + if (e.length === 0) + return []; + const t = 10, s = 320 - t * 2; + return e.map((n) => ({ + label: n.label, + leftPercent: (n.x - t) / s * 100 + })); + } + _toGraphY(e, t, r, s, n) { + const o = Math.max(r - t, 1), l = Math.max(s - n * 2, 1); + return s - n - (e - t) / o * l; + } + _buildAlignedGraphLinePath(e, t, r, s, n) { + const o = e.filter((h) => Number.isFinite(h.ts) && Number.isFinite(h.value)).sort((h, u) => h.ts - u.ts); + if (o.length === 0) + return ""; + const l = Math.max(t.endTs - t.startTs, 1), a = Math.max(t.maxValue - t.minValue, 1), c = Math.max(r - n * 2, 1), p = Math.max(s - n * 2, 1), d = []; + for (const h of o) { + const u = Math.min(Math.max(h.ts, t.startTs), t.endTs), g = n + (u - t.startTs) / l * c, f = (h.value - t.minValue) / a, v = s - n - Math.min(Math.max(f, 0), 1) * p, x = d[d.length - 1]; + x && Math.abs(x.x - g) < 0.01 && Math.abs(x.y - v) < 0.01 || d.push({ x: g, y: v }); + } + return d.length === 0 ? "" : (d.length === 1 && d.push({ ...d[0] }), d.map( + (h, u) => `${u === 0 ? "M" : "L"}${h.x.toFixed(2)},${h.y.toFixed(2)}` + ).join(" ")); + } + _buildAlignedGraphAreaPath(e, t, r, s, n) { + const o = this._buildAlignedGraphLinePath(e, t, r, s, n); + if (!o) + return ""; + const l = e.filter((f) => Number.isFinite(f.ts) && Number.isFinite(f.value)).sort((f, v) => f.ts - v.ts); + if (l.length === 0) + return ""; + const a = Math.max(t.endTs - t.startTs, 1), c = Math.max(r - n * 2, 1), p = Math.min(Math.max(l[0].ts, t.startTs), t.endTs), d = Math.min( + Math.max(l[l.length - 1].ts, t.startTs), + t.endTs + ), h = n + (p - t.startTs) / a * c, u = n + (d - t.startTs) / a * c, g = s - n; + return `${o} L${u.toFixed(2)},${g.toFixed(2)} L${h.toFixed(2)},${g.toFixed(2)} Z`; + } + _formatGraphTime(e) { + if (e === null) + return "--:--"; + const t = this.hass?.locale?.language ?? "en"; + return new Intl.DateTimeFormat(t, { + hour: "2-digit", + minute: "2-digit", + hour12: !1, + hourCycle: "h23" + }).format(e); + } + _formatGraphDiagnosticTime(e) { + if (e === null) + return "--"; + const t = this.hass?.locale?.language ?? "en"; + return new Intl.DateTimeFormat(t, { + month: "2-digit", + day: "2-digit", + hour: "2-digit", + minute: "2-digit", + hour12: !1, + hourCycle: "h23" + }).format(e); + } + _resolveThemeMode() { + const e = this._config?.theme_mode ?? "auto"; + if (e === "dark" || e === "light") + return e; + const t = this.hass?.themes?.darkMode; + return typeof t == "boolean" ? t ? "dark" : "light" : typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "dark"; + } + _buildSystemHealthState(e) { + const t = { + error: this._config?.colors?.error ?? "#ff627f", + offline: this._config?.colors?.unavailable ?? "#586779", + deviation: this._config?.colors?.deviation ?? "#ff9667", + setup: "#41c9d8", + ok: "#8ed072" + }, r = e.inverterCount + e.errorCount; + return r > 0 ? { + label: `${r} Fault${r === 1 ? "" : "s"}`, + color: t.error + } : e.offlineCount > 0 ? { + label: `${e.offlineCount} Unavailable`, + color: t.offline + } : e.deviationCount > 0 ? { + label: `${e.deviationCount} Deviation`, + color: t.deviation + } : e.unconfiguredCount > 0 ? { + label: `${e.unconfiguredCount} Needs Setup`, + color: t.setup + } : { label: "System OK", color: t.ok }; + } + _buildSystemHealthSections(e) { + const t = e.panels.filter((p) => !p.hiddenSlot), r = (p) => t.filter((d) => d.status === p).map((d) => `Panel on ${this._formatSlotLabel(d.slotIndex)} (${d.label}): ${d.reason}`), s = [], n = r("inverter"); + n.length > 0 && s.push({ title: "Inverter", items: n }); + const o = r("error"); + o.length > 0 && s.push({ title: "Error", items: o }); + const l = r("deviation"); + l.length > 0 && s.push({ title: "Deviation", items: l }); + const a = r("offline"); + a.length > 0 && s.push({ title: "Unavailable", items: a }); + const c = r("unconfigured"); + return c.length > 0 && s.push({ title: "Needs setup", items: c }), s; + } + _computeRenderedColumns(e, t) { + const r = Math.max(1, Math.floor(e)), s = this._cardWidth > 0 ? this._cardWidth : t ?? 980, n = t ? Math.min(s, t) : s; + if (!Number.isFinite(n) || n <= 0) + return r; + const o = Math.max(120, n - 40), l = n <= 560 ? 8 : 10, a = n <= 760, c = a ? Math.min(r, 3) : r, p = this._getPanelWidthCapPx(), d = p !== null ? p : a ? 100 : Math.max(130, Math.min(220, o * 0.32)), h = Math.floor((o + l) / (d + l)); + return Math.max(1, Math.min(c, h || 1)); + } + _computeRenderedRows(e, t) { + const r = Math.max(1, e), s = Math.max(1, t); + return Math.max(1, Math.ceil(r / s)); + } + _computeWidthBasedPanelHeight(e, t) { + const s = this._computeTileWidthPx(e, t) * 0.62; + return Math.round(Math.min(220, Math.max(92, s))); + } + _computePanelWidthPx(e, t) { + const r = this._computeTileWidthPx(e, t); + return Math.max(96, Math.round(r)); + } + _computeTileWidthPx(e, t) { + const r = this._cardWidth > 0 ? this._cardWidth : t ?? 980, s = t ? Math.min(r, t) : r, n = s <= 560 ? 8 : 10, o = Math.max(120, s - 40), l = Math.max(1, e), a = (o - Math.max(0, l - 1) * n) / l; + return this._applyPanelWidthCapPx(a); + } + _getPanelWidthCapPx() { + if (!(this._config?.limit_panel_width ?? !1)) + return null; + const e = this._config?.panel_max_width_px ?? 220; + return Math.min(Math.max(e, 120), 320); + } + _applyPanelWidthCapPx(e) { + const t = this._getPanelWidthCapPx(); + return t ? Math.min(e, t) : e; + } + _computePanelHeightPx(e, t, r = this._config?.columns ?? 3, s) { + const n = this._computeWidthBasedPanelHeight(r, s); + if (!t || !Number.isFinite(t)) + return n; + const o = Math.max(1, e), l = 250, a = 36, c = Math.max(o - 1, 0) * 10, d = (t - l - a - c) / o; + if (!Number.isFinite(d)) + return n; + const h = Math.min(240, Math.max(96, d)), u = Math.min(h, n * 1.6); + return Math.round(Math.min(220, Math.max(92, u))); + } + _computePanelScale(e) { + const r = e / 128, s = Math.min(1.28, Math.max(0.76, r)); + return Number(s.toFixed(3)); + } + _startResizeObserver() { + if (typeof ResizeObserver > "u" || this._resizeObserver) + return; + const e = () => { + const t = Math.round(this.getBoundingClientRect().width); + !Number.isFinite(t) || t <= 0 || t !== this._cardWidth && (this._cardWidth = t); + }; + this._resizeObserver = new ResizeObserver(() => { + e(); + }), this._resizeObserver.observe(this), e(); + } + _shouldShowPerformance(e, t, r) { + return e.performancePercent === null || e.ratedPowerW === null ? !1 : t >= 94 && r >= 110; + } + _formatPanelPerformanceText(e, t, r, s = this._buildPanelPerformanceLabelCandidates(e)) { + if (!s) + return ""; + const n = this._computePanelScale(r), l = Math.min(0.96, Math.max(0.62, 0.72 * n)) * 16; + return tn({ + candidates: s, + panelWidthPx: t, + panelHeightPx: r, + fontPx: l, + reservedRightPx: _n, + measureTextWidthPx: (a, c) => this._measureTextWidthPx(a, c) + }).text; + } + _buildPanelPerformanceLabelCandidates(e) { + if (e.performancePercent === null || e.ratedPowerW === null) + return null; + const t = e.performancePercent.toFixed(0), r = e.ratedPowerW.toFixed(0); + return [ + { + variant: "full", + text: this._t("card.panel.performance_full", { percent: t, rated: r }) + }, + { + variant: "medium", + text: this._t("card.panel.performance_medium", { percent: t, rated: r }) + }, + { + variant: "compact", + text: this._t("card.panel.performance_compact", { percent: t }) + } + ]; + } + _measureTextWidthPx(e, t) { + if (typeof document > "u") + return e.length * t * 0.52; + if (_e._textMeasureContext === void 0) { + const s = document.createElement("canvas"); + _e._textMeasureContext = s.getContext("2d"); + } + const r = _e._textMeasureContext; + return r ? (r.font = `500 ${t}px system-ui, -apple-system, "Segoe UI", sans-serif`, r.measureText(e).width) : e.length * t * 0.52; + } + _handlePanelClick(e) { + e.hiddenSlot || (this._config?.panel_tap_action ?? "details") === "details" && (this._showLivePowerPopup = !1, this._showEnergyPopup = !1, this._showCustomKpiPopup = !1, this._showSystemHealthPopup = !1, this._selectedPanelId = e.id, this._popupGraphRangeHours = 6, this._clearTelemetryGraph(), this._kpiCompareExpanded = { power: !1, energy: !1 }, this._kpiCompareRangeHours = { power: 6, energy: 6 }, this._ensurePopupGraphLoaded(e.id, 6)); + } + _resolveUnit(e, t) { + if (!this._config) + return t; + for (const r of this._config.panels) { + const s = r[e]; + if (!s) + continue; + const n = this.hass?.states?.[s]?.attributes?.unit_of_measurement; + if (typeof n == "string" && n.trim().length > 0) + return n; + } + return t; + } + _getSystemPowerEntityId() { + if (!this._config || !(this._config.use_system_power_entity ?? !1)) + return null; + const e = this._config.system_power_entity?.trim(); + return e && e.length > 0 ? e : null; + } + _getSystemEnergyEntityId() { + if (!this._config || !(this._config.use_system_energy_entity ?? !1)) + return null; + const e = this._config.system_energy_entity?.trim(); + return e && e.length > 0 ? e : null; + } + _getSystemEntityIdForKind(e) { + return e === "energy" ? this._getSystemEnergyEntityId() : this._getSystemPowerEntityId(); + } + _getForecastEntityId(e) { + return Si(this.hass, e); + } + _isForecastDefaultEntity(e) { + return e === at("power") || e === at("energy"); + } + _isForecastOverlayEnabled() { + return this._config?.enable_forecast_overlay ?? !1; + } + _resolveForecastMetricDisplay(e, t, r) { + const s = at(e), n = this._getForecastEntityId(e); + if (!n) + return { + expectedEntityId: s, + entityId: null, + value: null, + unit: r, + display: this._t("common.not_configured") + }; + const o = this._getUnitForEntity(n, r), l = Number(this.hass?.states?.[n]?.state), a = Number.isFinite(l) ? re(l) : null, c = this.hass?.locale?.language ?? "en"; + return { + expectedEntityId: s, + entityId: n, + value: a, + unit: o, + display: He(a, t, o, this._t("common.unavailable"), c) + }; + } + _resolveSummaryPower(e) { + const t = this._getSystemPowerEntityId(); + if (t) { + const r = this.hass?.states?.[t], s = Number(r?.state), n = Number.isFinite(s) ? s : null; + return { + value: n === null ? null : this._config?.invert_system_power ? re(n * -1) : re(n), + unit: this._getUnitForEntity(t, "W") + }; + } + return { + value: e.totalPower, + unit: this._resolveUnit("power_entity", "W") + }; + } + _resolveSummaryEnergy(e) { + const t = this._getSystemEnergyEntityId(); + if (!this._config) + return { value: null, unit: "kWh" }; + if (t) { + const r = this.hass?.states?.[t], s = Number(r?.state); + return { + value: Number.isFinite(s) ? s : null, + unit: this._getUnitForEntity(t, "kWh") + }; + } + return { + value: e.totalEnergy, + unit: this._resolveUnit("energy_entity", "kWh") + }; + } + _isSummaryEnergyConfigured() { + return this._config ? this._config.use_system_energy_entity ?? !1 ? !!this._config.system_energy_entity?.trim() : this._config.panels.some((e) => !!e.energy_entity) : !1; + } + _resolveCustomKpi() { + const e = this._config?.custom_kpi_title, t = e !== void 0 ? e : "Custom KPI", r = this._getCustomKpiEntityId(); + if (!r) + return { title: t, value: "Not configured" }; + const s = this.hass?.states?.[r]; + if (!s) + return { title: t, value: "Unavailable" }; + const n = s.state?.toString().trim().toLowerCase(); + if (!n || n === "unknown" || n === "unavailable") + return { title: t, value: "Unavailable" }; + const o = Number(s.state); + if (Number.isFinite(o)) { + const l = this.hass?.locale?.language ?? "en", a = this._getUnitForEntity(r, ""), c = this._config?.invert_custom_kpi ? re(o * -1) : re(o), p = wi( + String(c), + l, + this._config?.custom_kpi_decimals ?? 0, + a + ); + return { + title: t, + value: p ?? s.state + }; + } + return { title: t, value: s.state }; + } + _getCustomKpiEntityId() { + const e = this._config?.custom_kpi_entity?.trim(); + return e && e.length > 0 ? e : null; + } + _handlePopupCloseClick(e, t) { + e.preventDefault(), e.stopPropagation(), t(); + } + _closeAllPopups() { + this._selectedPanelId = null, this._showLivePowerPopup = !1, this._showEnergyPopup = !1, this._showCustomKpiPopup = !1, this._showSystemHealthPopup = !1, this._clearTelemetryGraph(), this._clearPopupScrollRestore(); + } + _clearPopupScrollRestore() { + const e = this._popupScrollRestore; + e && e.frameId !== null && typeof window < "u" && window.cancelAnimationFrame(e.frameId), this._popupScrollRestore = null, this._popupScrollRestoreToken++; + } + _captureScrollPositionsForPopupGraph(e) { + const s = (e?.currentTarget instanceof HTMLElement ? e.currentTarget : e?.target instanceof HTMLElement ? e.target : null)?.closest(".spv-popup") ?? null ?? this.renderRoot.querySelector(".spv-popup"); + if (!s) + return this._popupScrollRestore = null, null; + const n = ++this._popupScrollRestoreToken; + return this._popupScrollRestore = { + token: n, + popup: s, + top: s.scrollTop, + left: s.scrollLeft, + expiresAt: Date.now() + 2500, + frameId: null, + framesRemaining: 0 + }, this._scheduleCapturedScrollRestore(n), n; + } + _scheduleCapturedScrollRestore(e, t = 2) { + if (!e || typeof window > "u") + return; + if (!this._hasPopupOpen()) { + this._popupScrollRestore = null; + return; + } + const r = this._popupScrollRestore; + if (!(!r || r.token !== e)) { + if (r.expiresAt < Date.now()) { + this._popupScrollRestore = null; + return; + } + r.framesRemaining = Math.max(r.framesRemaining, t), r.frameId === null && (r.frameId = window.requestAnimationFrame(() => { + const s = this._popupScrollRestore; + if (!(!s || s.token !== e)) { + if (s.frameId = null, !this._hasPopupOpen()) { + this._popupScrollRestore = null; + return; + } + if (s.expiresAt < Date.now()) { + this._popupScrollRestore = null; + return; + } + if (s.popup.isConnected && (s.popup.scrollTop = s.top, s.popup.scrollLeft = s.left), s.framesRemaining = Math.max(0, s.framesRemaining - 1), s.framesRemaining > 0) { + this._scheduleCapturedScrollRestore(e, s.framesRemaining); + return; + } + this._popupScrollRestore = null; + } + })); + } + } + _renderInlinePanelConfig(e) { + const t = this._config?.panels.find((n) => n.id === e.id); + if (!t) + return w; + const r = this._getAvailableQuickSetupPowerEntities(e.id), s = !(t.enabled ?? !0); + return y` +Quick Setup:
+No available W sensors found.
` : w} ++ ${this._t("editor.section.layout_copy")} +
++ ${this._t("editor.section.appearance_copy")} +
++ ${this._t("editor.section.display_copy")} +
++ ${this._t("editor.section.forecast_copy")} +
++ ${this._t("editor.forecast.default_sensors")} +
++ ${this._t("editor.forecast.line_help")} +
+${r}
++ ${this._t("editor.section.array_health_copy")} +
++ ${this._t("editor.section.array_health_smoothing_help")} +
++ ${this._t("editor.section.inverter_copy")} +
++ ${this._t("editor.helper.fault_example")} +
++ ${this._t("editor.helper.working_example")} +
++ ${this._t("editor.section.status_colors_copy")} +
++ ${this._t("editor.section.motion_copy")} +
++ ${this._t("editor.section.panels_copy")} +
++ ${this._t("editor.section.panels_drag_hint")} +
++ ${this._t("editor.section.panel_defaults_copy")} +
++ ${this._t("editor.section.autofill_copy")} +
++ ${this._t("editor.helper.autofill_search_help")} +
+ ++ ${this._t("editor.helper.autofill_inverter_status_help")} +
+ ++ ${this._t("editor.helper.autofill_advanced_help")} +
+ + ${this._autoFillResultMessage ? y`${this._autoFillResultMessage}
` : w} ++ ${this._t("editor.section.string_setup_copy")} +
++ ${this._t("editor.helper.string_sensor_sharing_help")} +
+ ${e ? y` ++ ${this._t("editor.helper.derate_help")} +
+ ${this._renderPanelEntityPicker( + t, + "inverter_status_entity", + this._t("editor.field.inverter_status_sensor"), + e.inverter_status_entity, + ["sensor", "binary_sensor"] + )} + ${this._renderPanelAdvancedSection(t, e)} ++ ${this._t("editor.section.advanced_copy")} +
+ ${Cr.map( + (r) => this._renderPanelAdvancedSensorSelector( + e, + r.key, + this._t(r.labelKey), + t.advanced_metrics?.[r.key], + this._getAdvancedSensorEntityIds(e, r.key, r.matcher) + ) + )} +${subtitle}
+${this._t("card.subtitle.drag_hint")}
+${panel.reason}
+ ${panel.powerEntityName + ? html`${this._t("card.popup.info.power_source", { + value: panel.powerEntityName, + })}
` + : nothing} + ${panel.stringGroupLabel && + panel.stringPowerSourceName && + panel.stringPowerSharePercent !== undefined + ? html`${this._t("card.popup.info.string_share", { + label: panel.stringGroupLabel, + percent: panel.stringPowerSharePercent.toFixed(0), + source: panel.stringPowerSourceName, + })}
` + : nothing} ++ ${this._t("card.popup.info.current_inverter_status", { + value: panel.inverterStatusDisplay ?? this._t("common.not_configured"), + })} +
++ ${this._t("card.popup.info.inverter_evaluation", { + value: this._renderInverterEvaluation(panel), + })} +
++ ${this._t("card.popup.info.inverter_source", { + value: panel.inverterStatusEntityName ?? this._t("common.not_configured"), + })} +
+${this._t("card.popup.telemetry.setup_hint")}
+${this._t("card.popup.telemetry.setup_hint")}
` + : nothing} ++ ${kind === "energy" + ? this._t("card.popup.panel_compare.no_panels_energy") + : this._t("card.popup.panel_compare.no_panels_power")} +
+ `; + } + + const signature = this._getPanelCompareSignature(kind, targets); + const cacheKey = this._getPanelCompareCacheKey(kind, signature, range); + const cache = this._kpiCompareCache[cacheKey]; + const loading = cache?.loading ?? false; + const error = cache?.error; + + const series = targets.map((target, index) => ({ + ...target, + color: PANEL_COMPARE_COLORS[index % PANEL_COMPARE_COLORS.length], + samples: this._scaleGraphSamples( + this._adjustGraphSamplesForEntity( + target.entityId, + cache?.samplesByPanelId[target.panelId] ?? [], + ), + target.scale, + ), + })); + + const graphModel = buildCompareGraphModel( + series.map((item) => ({ + id: item.panelId, + samples: item.samples, + })), + Date.now(), + range, + POPUP_GRAPH_MAX_POINTS, + 320, + 132, + 10, + ); + const seriesById = new Map(graphModel.series.map((item) => [item.id, item])); + const hasSuspectSeries = graphModel.series.some( + (item) => + item.sampleCount > 0 && + (item.pointsCount === 0 || (item.sampleCount > 1 && item.pointsCount < 2)), + ); + const hasRenderFailure = graphModel.hasData && graphModel.drawableCount === 0; + const showDiagnostics = hasRenderFailure || hasSuspectSeries; + const compareUnit = kind === "energy" ? "kWh" : "W"; + const compareValues = graphModel.series.flatMap((item) => + item.samples + .map((sample) => sample.value) + .filter((value) => Number.isFinite(value)), + ); + const compareStats = + compareValues.length > 0 + ? this._computeGraphStats( + compareValues.map((value, index) => ({ + ts: index, + value, + })), + ) + : { min: null, max: null, median: null }; + const compareMinRaw = compareValues.length > 0 ? Math.min(...compareValues) : null; + const compareMaxRaw = compareValues.length > 0 ? Math.max(...compareValues) : null; + const compareScaleMin = + compareMinRaw === null || compareMaxRaw === null + ? null + : compareMinRaw === compareMaxRaw + ? compareMinRaw - 1 + : compareMinRaw; + const compareScaleMax = + compareMinRaw === null || compareMaxRaw === null + ? null + : compareMinRaw === compareMaxRaw + ? compareMaxRaw + 1 + : compareMaxRaw; + const compareMaxY = + compareStats.max !== null && compareScaleMin !== null && compareScaleMax !== null + ? this._toGraphY(compareStats.max, compareScaleMin, compareScaleMax, 132, 10) + : null; + const compareMedianY = + compareStats.median !== null && compareScaleMin !== null && compareScaleMax !== null + ? this._toGraphY(compareStats.median, compareScaleMin, compareScaleMax, 132, 10) + : null; + const compareMinY = + compareStats.min !== null && compareScaleMin !== null && compareScaleMax !== null + ? this._toGraphY(compareStats.min, compareScaleMin, compareScaleMax, 132, 10) + : null; + const compareMaxLabel = + compareStats.max !== null + ? this._t("card.popup.history.max", { + value: this._formatGraphPower(compareStats.max, compareUnit), + }) + : null; + const compareMedianLabel = + compareStats.median !== null + ? this._t("card.popup.history.median", { + value: this._formatGraphPower(compareStats.median, compareUnit), + }) + : null; + const compareMinLabel = + compareStats.min !== null + ? this._t("card.popup.history.min", { + value: this._formatGraphPower(compareStats.min, compareUnit), + }) + : null; + + const hourTicks = this._buildGraphHourTicks( + { + startTs: graphModel.startTs, + endTs: graphModel.endTs, + }, + range, + ); + const axisTicks = this._buildGraphAxisTicks(hourTicks); + const compareTitle = + kind === "energy" + ? this._t("card.popup.history.panel_compare_energy") + : this._t("card.popup.history.panel_compare_power"); + + return html` +${this._t("card.popup.panel_compare.loading")}
` + : error + ? html`${error}
` + : !graphModel.hasData + ? html`${this._t("card.popup.panel_compare.no_data")}
` + : hasRenderFailure + ? html`${this._t("card.popup.panel_compare.render_failure")}
` + : html` ++ ${kind === "energy" + ? this._t("card.popup.panel_compare.no_panels_energy") + : this._t("card.popup.panel_compare.no_panels_power")} +
+ `; + } + + const signature = this._getPanelCompareSignature(kind, targets); + const cacheKey = this._getPanelCompareCacheKey(kind, signature, range); + const cache = this._kpiCompareCache[cacheKey]; + const loading = cache?.loading ?? false; + const error = cache?.error; + const aggregateSamples = aggregateStepwiseSamples( + targets.map((target) => + this._scaleGraphSamples( + this._adjustGraphSamplesForEntity( + target.entityId, + cache?.samplesByPanelId[target.panelId] ?? [], + ), + target.scale, + ), + ), + ); + const unit = + kind === "energy" + ? this._resolveUnit("energy_entity", "kWh") + : this._resolveUnit("power_entity", "W"); + const title = + kind === "energy" + ? this._t("card.popup.history.total_panel_energy") + : this._t("card.popup.history.total_panel_power"); + + return html` +${options.overlayStateMessage}
` + : nothing} + ${options.showEnableForecastButton + ? html` +${this._t("card.popup.history.custom_not_configured")}
`} +${this._t("card.popup.system_health.everything_ok")}
` + : sections.map( + (section) => html` +${item}
`, + )} ++ ${entry.label}: ${entry.value} +
+ `, + )} +${this._t("card.popup.history.graph_not_configured")}
` + : this._renderPopupGraphBody(entityId, options)} + ${options.overlayStateMessage + ? html`${options.overlayStateMessage}
` + : nothing} + ${options.showEnableForecastButton + ? html` +${this._t("card.popup.history.loading")}
`; + } + + if (error) { + return html`${error}
`; + } + + if (samples.length === 0) { + return html`${this._t("card.popup.history.no_data")}
`; + } + + const downsampled = downsampleSamples(samples, POPUP_GRAPH_MAX_POINTS); + const stats = this._computeGraphStats(samples); + const nowMs = Date.now(); + const frameStartTs = nowMs - range * 60 * 60 * 1000; + const frameEndTs = nowMs; + const overlayDownsampled = + overlayEntityId && !overlayLoading && !overlayError && overlaySamples.length > 0 + ? downsampleSamples(overlaySamples, POPUP_GRAPH_MAX_POINTS) + : []; + const actualValues = samples + .map((sample) => sample.value) + .filter((value) => Number.isFinite(value)); + const overlayValues = overlayDownsampled + .map((sample) => sample.value) + .filter((value) => Number.isFinite(value)); + const allValues = [...actualValues, ...overlayValues]; + const graphMinRaw = allValues.length > 0 ? Math.min(...allValues) : null; + const graphMaxRaw = allValues.length > 0 ? Math.max(...allValues) : null; + const graphMin = + graphMinRaw === null || graphMaxRaw === null + ? null + : graphMinRaw === graphMaxRaw + ? graphMinRaw - 1 + : graphMinRaw; + const graphMax = + graphMinRaw === null || graphMaxRaw === null + ? null + : graphMinRaw === graphMaxRaw + ? graphMaxRaw + 1 + : graphMaxRaw; + const graphFrame = + graphMin !== null && graphMax !== null + ? { + startTs: frameStartTs, + endTs: frameEndTs, + minValue: graphMin, + maxValue: graphMax, + } + : null; + const actualLinePath = + graphFrame !== null + ? this._buildAlignedGraphLinePath(downsampled, graphFrame, 320, 132, 10) + : ""; + const actualAreaPath = + graphFrame !== null + ? this._buildAlignedGraphAreaPath(downsampled, graphFrame, 320, 132, 10) + : ""; + const overlayLinePath = + graphFrame !== null && overlayDownsampled.length > 0 + ? this._buildAlignedGraphLinePath(overlayDownsampled, graphFrame, 320, 132, 10) + : ""; + const hourTicks = this._buildGraphHourTicks( + { + startTs: frameStartTs, + endTs: frameEndTs, + }, + range, + ); + const axisTicks = this._buildGraphAxisTicks(hourTicks); + const maxY = + stats.max !== null && graphMin !== null && graphMax !== null + ? this._toGraphY(stats.max, graphMin, graphMax, 132, 10) + : null; + const medianY = + stats.median !== null && graphMin !== null && graphMax !== null + ? this._toGraphY(stats.median, graphMin, graphMax, 132, 10) + : null; + const minY = + stats.min !== null && graphMin !== null && graphMax !== null + ? this._toGraphY(stats.min, graphMin, graphMax, 132, 10) + : null; + const gradientId = `spv-graph-${graphKey.replace(/[^a-zA-Z0-9_-]/g, "-")}`; + const maxLabel = + stats.max !== null + ? this._t("card.popup.history.max", { + value: this._formatGraphPower(stats.max, unit), + }) + : null; + const medianLabel = + stats.median !== null + ? this._t("card.popup.history.median", { + value: this._formatGraphPower(stats.median, unit), + }) + : null; + const minLabel = + stats.min !== null + ? this._t("card.popup.history.min", { + value: this._formatGraphPower(stats.min, unit), + }) + : null; + + return html` +${this._t("card.popup.history.loading")}
` + : nothing} + ${overlayEntityId && !overlayLoading && overlayError + ? html`${overlayError}
` + : nothing} + ${overlayEntityId && + !overlayLoading && + !overlayError && + overlaySamples.length === 0 + ? html`${this._t("card.popup.history.no_data")}
` + : nothing} + `; + } + + private _handlePopupGraphRangeChangeForEntity( + event: Event, + powerEntity: string | undefined, + range: PopupGraphRangeHours, + overlayEntityId?: string, + ): void { + event.preventDefault(); + event.stopPropagation(); + const scrollToken = this._captureScrollPositionsForPopupGraph(event); + this._popupGraphRangeHours = range; + this._scheduleCapturedScrollRestore(scrollToken); + if (powerEntity) { + void this._ensurePopupGraphLoadedByEntity(powerEntity, range, scrollToken); + } + if (overlayEntityId) { + void this._ensurePopupGraphLoadedByEntity(overlayEntityId, range, scrollToken); + } + } + + private _toggleTelemetryGraph( + event: Event, + panelId: string, + entityId: string, + ): void { + event.preventDefault(); + event.stopPropagation(); + const scrollToken = this._captureScrollPositionsForPopupGraph(event); + const isCurrent = + this._telemetryGraphPanelId === panelId && + this._telemetryGraphEntityId === entityId; + + if (isCurrent) { + this._clearTelemetryGraph(); + this._scheduleCapturedScrollRestore(scrollToken); + return; + } + + this._telemetryGraphPanelId = panelId; + this._telemetryGraphEntityId = entityId; + this._telemetryGraphRangeHours = 6; + this._scheduleCapturedScrollRestore(scrollToken); + void this._ensurePopupGraphLoadedByEntity(entityId, this._telemetryGraphRangeHours, scrollToken); + } + + private _handleTelemetryGraphRangeChange( + event: Event, + entityId: string, + range: PopupGraphRangeHours, + ): void { + event.preventDefault(); + event.stopPropagation(); + const scrollToken = this._captureScrollPositionsForPopupGraph(event); + this._telemetryGraphRangeHours = range; + this._scheduleCapturedScrollRestore(scrollToken); + void this._ensurePopupGraphLoadedByEntity(entityId, range, scrollToken); + } + + private _clearTelemetryGraph(): void { + this._telemetryGraphPanelId = null; + this._telemetryGraphEntityId = null; + this._telemetryGraphRangeHours = 6; + } + + private _getPopupGraphCacheKey( + entityId: string, + range: PopupGraphRangeHours, + ): string { + return `${entityId}|${range}`; + } + + private _getPanelConfig(panelId: string): PanelConfig | undefined { + return this._config?.panels.find((panel) => panel.id === panelId); + } + + private async _ensurePopupGraphLoaded( + panelId: string, + range: PopupGraphRangeHours, + scrollToken?: number | null, + ): PromiseQuick Setup:
+No available W sensors found.
` + : nothing} ++ ${this._t("editor.section.layout_copy")} +
++ ${this._t("editor.section.appearance_copy")} +
++ ${this._t("editor.section.display_copy")} +
++ ${this._t("editor.section.forecast_copy")} +
++ ${this._t("editor.forecast.default_sensors")} +
++ ${this._t("editor.forecast.line_help")} +
+${forecastStatus}
++ ${this._t("editor.section.array_health_copy")} +
++ ${this._t("editor.section.array_health_smoothing_help")} +
++ ${this._t("editor.section.inverter_copy")} +
++ ${this._t("editor.helper.fault_example")} +
++ ${this._t("editor.helper.working_example")} +
++ ${this._t("editor.section.status_colors_copy")} +
++ ${this._t("editor.section.motion_copy")} +
++ ${this._t("editor.section.panels_copy")} +
++ ${this._t("editor.section.panels_drag_hint")} +
++ ${this._t("editor.section.panel_defaults_copy")} +
++ ${this._t("editor.section.autofill_copy")} +
++ ${this._t("editor.helper.autofill_search_help")} +
+ ++ ${this._t("editor.helper.autofill_inverter_status_help")} +
+ ++ ${this._t("editor.helper.autofill_advanced_help")} +
+ + ${this._autoFillResultMessage + ? html`${this._autoFillResultMessage}
` + : nothing} ++ ${this._t("editor.section.string_setup_copy")} +
++ ${this._t("editor.helper.string_sensor_sharing_help")} +
+ ${enabled + ? html` ++ ${this._t("editor.helper.derate_help")} +
+ ${this._renderPanelEntityPicker( + index, + "inverter_status_entity", + this._t("editor.field.inverter_status_sensor"), + panel.inverter_status_entity, + ["sensor", "binary_sensor"], + )} + ${this._renderPanelAdvancedSection(index, panel)} ++ ${this._t("editor.section.advanced_copy")} +
+ ${ADVANCED_METRIC_FIELDS.map((field) => + this._renderPanelAdvancedSensorSelector( + index, + field.key, + this._t(field.labelKey), + panel.advanced_metrics?.[field.key], + this._getAdvancedSensorEntityIds(index, field.key, field.matcher), + ), + )} +