@kipk/ha-better-history 0.1.0

package/dist/ha-better-history-BY4eqV1H.js

@@ -0,0 +1,4410 @@
+import { LitElement as e, css as t, html as n, nothing as r, svg as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+import { loadHaComponents as s } from "@kipk/load-ha-components";
+//#region src/data/format.ts
+var c = new Set(["unknown", "unavailable"]);
+function l(e) {
+	return e == null || typeof e == "string" && c.has(e);
+}
+function u(e) {
+	if (!(l(e) || typeof e != "string" || e.trim() === "")) return e;
+}
+function d(e) {
+	if (l(e)) return;
+	if (typeof e == "number") return Number.isFinite(e) ? e : void 0;
+	if (typeof e != "string" || e.trim() === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+//#endregion
+//#region src/utils/performance.ts
+function f() {
+	return typeof performance < "u" ? performance.now() : Date.now();
+}
+function p(e, t, n) {
+	e && console.debug("[ha-better-history][perf]", t, n);
+}
+//#endregion
+//#region src/data/history-queue.ts
+async function m(e, t = {}) {
+	let n = Math.max(1, Math.floor(t.concurrency ?? 1)), r = [], i = 0, a = 0, o = 0, s = (n, r) => {
+		t.onEvent?.({
+			event: n,
+			taskId: r,
+			queuedCount: Math.max(e.length - i, 0),
+			activeCount: a,
+			completedCount: o
+		});
+	};
+	s("queue.start");
+	async function c() {
+		for (; i < e.length;) {
+			if (t.isCancelled?.()) {
+				s("queue.cancelled");
+				return;
+			}
+			let n = e[i++];
+			a += 1, s("queue.task_start", n.id);
+			try {
+				let e = typeof performance < "u" ? performance.now() : Date.now(), i = {
+					task: n,
+					value: await n.run(),
+					durationMs: (typeof performance < "u" ? performance.now() : Date.now()) - e
+				};
+				r.push(i), o += 1, s("queue.task_complete", n.id), await t.onResult?.(i);
+			} finally {
+				--a;
+			}
+		}
+	}
+	return await Promise.all(Array.from({ length: Math.min(n, e.length) }, () => c())), r;
+}
+//#endregion
+//#region src/data/history.ts
+var h = 6e4, g = 3, _ = 350, v = 360 * 60 * 1e3, y = 3600 * 1e3, b = 720 * 60 * 1e3, x = 2500, ee = 8e3, te = 15e3, ne = 300, S = 700, re = 1100, C = 80;
+function ie(e) {
+	if (e.length <= 2) return e;
+	let t = [e[0]];
+	for (let n = 1; n < e.length - 1; n++) {
+		let r = e[n], i = e[n - 1], a = e[n + 1];
+		(r.value !== i.value || a.value !== r.value) && t.push(r);
+	}
+	return t.push(e[e.length - 1]), t;
+}
+var w = class extends Error {
+	constructor(e) {
+		super(`History chunk timed out after ${e}ms`), this.name = "HistoryChunkTimeoutError";
+	}
+};
+function T(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function E(e, t) {
+	return t.reduce((e, t) => T(e) ? e[t] : void 0, e);
+}
+function ae(e) {
+	return e[e.length - 1] ?? "";
+}
+function D(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+function O(e) {
+	if (!T(e)) return;
+	let t = e.status ?? e.statusCode ?? e.status_code;
+	return typeof t == "number" ? t : void 0;
+}
+function oe(e) {
+	if (!T(e)) return "";
+	let t = e.code;
+	return typeof t == "string" ? t.toLowerCase() : "";
+}
+function k(e) {
+	if (e instanceof w) return !0;
+	let t = O(e);
+	if (t !== void 0) return t === 408 || t === 429 || t >= 500;
+	let n = D(e).toLowerCase(), r = `${oe(e)} ${n}`;
+	return r.includes("timeout") || r.includes("timed out") || r.includes("network") || r.includes("failed to fetch") || r.includes("connection") || r.includes("temporarily unavailable") || r.includes("unavailable") || r.includes("aborted");
+}
+function se(e, t) {
+	let n = Math.floor(Math.random() * Math.max(1, t));
+	return t * 2 ** Math.max(0, e - 1) + n;
+}
+function ce(e) {
+	return new Promise((t) => setTimeout(t, e));
+}
+function A(e = 80) {
+	let t = globalThis.requestIdleCallback;
+	return t ? new Promise((n) => t(() => n(), { timeout: e })) : new Promise((e) => {
+		typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => e()) : setTimeout(e, 0);
+	});
+}
+async function le(e, t) {
+	let n;
+	try {
+		return await Promise.race([e, new Promise((e, r) => {
+			n = setTimeout(() => r(new w(t)), t);
+		})]);
+	} finally {
+		n !== void 0 && clearTimeout(n);
+	}
+}
+function j(e) {
+	if (typeof e == "number" && Number.isFinite(e)) return "number";
+	if (typeof e == "boolean") return "boolean";
+	if (typeof e == "string" && e !== "") return "string";
+}
+function ue(e) {
+	let t = j(Number.isFinite(Number(e.state)) ? Number(e.state) : e.state), n = e.attributes.unit_of_measurement;
+	if (t) return {
+		id: `state:${e.entity_id}`,
+		kind: "entity_state",
+		entityId: e.entity_id,
+		label: e.attributes.friendly_name && typeof e.attributes.friendly_name == "string" ? e.attributes.friendly_name : e.entity_id,
+		valueType: t,
+		unit: t === "number" && typeof n == "string" && n !== "" ? n : void 0
+	};
+}
+function M(e, t, n) {
+	let r = j(E(e.attributes, t));
+	if (r) return {
+		id: `attr:${e.entity_id}:${t.join(".")}`,
+		kind: "entity_attribute",
+		entityId: e.entity_id,
+		label: n ?? ae(t),
+		path: t,
+		valueType: r
+	};
+}
+function de(e, t) {
+	return t === "number" ? d(e) : t === "boolean" ? typeof e == "boolean" ? e : void 0 : u(e);
+}
+function fe(e, t) {
+	let n = e.attributes ?? e.a ?? {};
+	return de(t.kind === "entity_state" ? e.state ?? e.s : E(n, t.path ?? []), t.valueType);
+}
+function pe(e) {
+	if (typeof e.lu == "number") return e.lu * 1e3;
+	let t = e.last_changed ?? e.last_updated;
+	return t ? Date.parse(t) : NaN;
+}
+function me(e, t, n) {
+	if (e.length === 0) return e;
+	let r = t.getTime(), i = Math.min(n.getTime(), Date.now()), a = [...e].sort((e, t) => e.time - t.time), o = a[0], s = a[a.length - 1];
+	return [
+		...o.time > r ? [{
+			time: r,
+			value: o.value
+		}] : [],
+		...a,
+		...s.time < i ? [{
+			time: i,
+			value: s.value
+		}] : []
+	];
+}
+function he(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	if (Array.isArray(e)) return e.forEach((e, r) => {
+		let i = e[0]?.entity_id ?? t[r];
+		i && n.set(i, e);
+	}), n;
+	for (let [t, r] of Object.entries(e)) Array.isArray(r) && n.set(t, r);
+	return n;
+}
+function ge(e, t, n = Date.now()) {
+	let r = e.states[t.entityId];
+	if (!r) return;
+	let i = {
+		entity_id: r.entity_id,
+		state: r.state,
+		last_changed: r.last_changed,
+		last_updated: r.last_updated,
+		attributes: r.attributes
+	}, a = fe(i, t), o = pe(i), s = Number.isFinite(o) ? o : n;
+	return a === void 0 || !Number.isFinite(s) ? void 0 : {
+		time: s,
+		value: a
+	};
+}
+function _e(e, t, n, r) {
+	let i = ge(e, t, n.getTime());
+	return i ? [{
+		time: n.getTime(),
+		value: i.value
+	}, {
+		time: Math.min(r.getTime(), Date.now()),
+		value: i.value
+	}] : [];
+}
+var ve = class {
+	constructor() {
+		this._entities = /* @__PURE__ */ new Map();
+	}
+	hasStates(e) {
+		return (this._entities.get(e)?.states.length ?? 0) > 0;
+	}
+	hasFullStates(e) {
+		let t = this._entities.get(e);
+		return t !== void 0 && t.fullCoverage.length > 0 && t.states.length > 0;
+	}
+	hasCoverage(e, t, n, r) {
+		let i = this._entities.get(e);
+		return i ? ye(r === "full" ? i.fullCoverage : [...i.stateCoverage, ...i.fullCoverage], t.getTime(), n.getTime()) : !1;
+	}
+	missingIntervals(e, t, n, r) {
+		let i = this._entities.get(e);
+		return xe(i ? r === "full" ? i.fullCoverage : [...i.stateCoverage, ...i.fullCoverage] : [], t.getTime(), n.getTime()).map((e) => ({
+			start: new Date(e.startTime),
+			end: new Date(e.endTime)
+		}));
+	}
+	integrate(e, t, n, r, i) {
+		let a = this._entities.get(e) ?? {
+			states: [],
+			stateCoverage: [],
+			fullCoverage: []
+		};
+		a.states = Se([...a.states, ...t]), a.stateCoverage = N([...a.stateCoverage, {
+			startTime: n.getTime(),
+			endTime: r.getTime()
+		}]), i === "full" && (a.fullCoverage = N([...a.fullCoverage, {
+			startTime: n.getTime(),
+			endTime: r.getTime()
+		}])), this._entities.set(e, a);
+	}
+	buildSeries(e, t, n, r) {
+		let i = e.kind === "entity_attribute" ? "full" : "state", a = this.coverageEnd(e.entityId, n, r, i);
+		return De(e, this._entities.get(e.entityId)?.states ?? [], t, n, new Date(a));
+	}
+	coverageEnd(e, t, n, r) {
+		let i = this._entities.get(e);
+		return i ? be(r === "full" ? i.fullCoverage : [...i.stateCoverage, ...i.fullCoverage], t.getTime(), n.getTime()) : n.getTime();
+	}
+};
+function N(e) {
+	let t = e.filter((e) => e.endTime > e.startTime).sort((e, t) => e.startTime - t.startTime), n = [];
+	for (let e of t) {
+		let t = n[n.length - 1];
+		t && e.startTime <= t.endTime + 1 ? t.endTime = Math.max(t.endTime, e.endTime) : n.push({ ...e });
+	}
+	return n;
+}
+function ye(e, t, n) {
+	return be(e, t, n) >= n - 1;
+}
+function be(e, t, n) {
+	if (n <= t) return n;
+	let r = t;
+	for (let t of N(e)) if (!(t.endTime < r)) {
+		if (t.startTime > r + 1) break;
+		if (r = Math.max(r, t.endTime), r >= n - 1) return n;
+	}
+	return r;
+}
+function xe(e, t, n) {
+	if (n <= t) return [];
+	let r = [], i = t;
+	for (let t of N(e)) if (!(t.endTime <= i) && (t.startTime > i + 1 && r.push({
+		startTime: i,
+		endTime: Math.min(t.startTime, n)
+	}), i = Math.max(i, t.endTime), i >= n)) break;
+	return i < n && r.push({
+		startTime: i,
+		endTime: n
+	}), r;
+}
+function Se(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = pe(n);
+		Number.isFinite(e) && t.set(e, n);
+	}
+	return [...t.entries()].sort(([e], [t]) => e - t).map(([, e]) => e);
+}
+function Ce(e, t) {
+	let n = t.normalizeDurationMs + t.mergeDurationMs + t.buildDurationMs, r = t.stateCount >= te || t.requestDurationMs >= re, i = r || t.stateCount >= ee || t.requestDurationMs >= S || n >= C, a = t.stateCount <= x && t.requestDurationMs <= ne && n <= C / 2;
+	return i && e > y ? {
+		nextChunkMs: Math.max(y, Math.floor(e / (r ? 4 : 2))),
+		reason: "decrease"
+	} : a && e < b ? {
+		nextChunkMs: Math.min(b, e * 2),
+		reason: "increase"
+	} : {
+		nextChunkMs: e,
+		reason: "keep"
+	};
+}
+async function we(e, t, n, r, i, a, o) {
+	if (e.callWS) return e.callWS({
+		type: "history/history_during_period",
+		start_time: n.toISOString(),
+		end_time: r.toISOString(),
+		entity_ids: t,
+		minimal_response: i,
+		no_attributes: a,
+		significant_changes_only: o
+	});
+	let s = new URLSearchParams({
+		filter_entity_id: t.join(","),
+		end_time: r.toISOString()
+	});
+	return i && s.set("minimal_response", "1"), a && s.set("no_attributes", "1"), o && s.set("significant_changes_only", "1"), e.callApi("GET", `history/period/${encodeURIComponent(n.toISOString())}?${s.toString()}`);
+}
+async function Te(e, t) {
+	let n = 1;
+	for (;;) {
+		if (t.isCancelled?.()) throw Error("History request cancelled");
+		let r = t.onPerformance ? f() : 0;
+		try {
+			t.onPerformance?.({
+				event: "history.chunk_attempt",
+				details: {
+					taskId: t.taskId,
+					attempt: n,
+					maxAttempts: t.maxAttempts,
+					timeoutMs: t.timeoutMs
+				}
+			});
+			let i = await le(e(), t.timeoutMs);
+			return t.onPerformance?.({
+				event: "history.chunk_success",
+				details: {
+					taskId: t.taskId,
+					attempt: n,
+					durationMs: Math.round(f() - r)
+				}
+			}), i;
+		} catch (e) {
+			let i = k(e), a = i && n < t.maxAttempts && !t.isCancelled?.();
+			if (t.onPerformance?.({
+				event: a ? "history.chunk_retry" : "history.chunk_error",
+				details: {
+					taskId: t.taskId,
+					attempt: n,
+					maxAttempts: t.maxAttempts,
+					retryable: i,
+					error: D(e),
+					durationMs: Math.round(f() - r)
+				}
+			}), !a) throw e;
+			await ce(se(n, t.retryBaseDelayMs)), n += 1;
+		}
+	}
+}
+async function Ee(e, t, n, r, i, a, o = {}) {
+	if (!e.callWS && !e.callApi) throw Error("Home Assistant history API is unavailable");
+	let s = [...new Set(t.map((e) => e.entityId))], c = new Set(t.filter((e) => e.kind === "entity_attribute").map((e) => e.entityId)), l = s.filter((e) => !c.has(e)), u = s.filter((e) => c.has(e)), d = o.accumulator ?? new ve(), p = [], x = Math.max(1, Math.floor(o.chunkTimeoutMs ?? h)), ee = Math.max(1, Math.floor(o.maxChunkAttempts ?? g)), te = Math.max(0, Math.floor(o.chunkRetryBaseDelayMs ?? _)), ne = (e, t) => Te(t, {
+		taskId: e,
+		timeoutMs: x,
+		maxAttempts: ee,
+		retryBaseDelayMs: te,
+		isCancelled: o.isCancelled,
+		onPerformance: a
+	}), S = /* @__PURE__ */ new Map(), re = (e, t, n, r, i, a, o) => {
+		let s = [
+			r,
+			t.toISOString(),
+			n.toISOString(),
+			i ? "minimal" : "full",
+			a ? "noattr" : "attrs",
+			o ? "significant" : "all"
+		].join("|"), c = S.get(s);
+		c ? c.entityIds.push(e) : S.set(s, {
+			entityIds: [e],
+			start: t,
+			end: n,
+			coverageKind: r,
+			minimalResponse: i,
+			noAttributes: a,
+			significantChangesOnly: o
+		});
+	}, C = [];
+	for (let e of l) for (let t of d.missingIntervals(e, n, r, "state")) re(e, t.start, t.end, "state", !0, !0, !0);
+	for (let e of u) for (let t of d.missingIntervals(e, n, r, "full")) C.push({
+		entityId: e,
+		start: t.start,
+		end: t.end
+	});
+	let ie = C.reduce((e, t) => {
+		let n = t.end.getTime() - t.start.getTime();
+		return e + Math.max(1, Math.ceil(n / v));
+	}, 0), w = S.size + ie, T = 0, E = /* @__PURE__ */ new Set(), ae = async (s, c, l) => {
+		let u = T;
+		if (T += 1, o.isCancelled?.()) return {
+			stateCount: 0,
+			requestDurationMs: Math.round(l),
+			normalizeDurationMs: 0,
+			mergeDurationMs: 0,
+			buildDurationMs: 0
+		};
+		await A();
+		let p = f(), m = he(c, s.entityIds), h = f() - p, g = [...m.values()].reduce((e, t) => e + t.length, 0);
+		a?.({
+			event: "history.batch",
+			details: {
+				batchIndex: u,
+				batchCount: w,
+				entityCount: s.entityIds.length,
+				stateCount: g,
+				requestDurationMs: Math.round(l),
+				normalizeDurationMs: Math.round(h)
+			}
+		});
+		let _ = f(), v = /* @__PURE__ */ new Set();
+		for (let [e, t] of m) d.integrate(e, t, s.start, s.end, s.coverageKind), v.add(e), E.add(e);
+		let y = f() - _;
+		a?.({
+			event: "history.merge",
+			details: {
+				batchIndex: u,
+				entityCount: s.entityIds.length,
+				stateCount: g,
+				mergeDurationMs: Math.round(y)
+			}
+		});
+		let b = 0;
+		if (i) {
+			await A();
+			let o = f();
+			for (let i of t) (v.has(i.entityId) || !D.has(i.id)) && (i.kind === "entity_attribute" ? d.hasFullStates(i.entityId) : d.hasStates(i.entityId)) && D.set(i.id, d.buildSeries(i, e, n, r));
+			let s = t.map((e) => D.get(e.id)).filter((e) => e !== void 0);
+			b = f() - o, a?.({
+				event: "history.progress_series",
+				details: {
+					batchIndex: u,
+					seriesCount: s.length,
+					pointCount: s.reduce((e, t) => e + t.points.length, 0),
+					buildDurationMs: Math.round(b)
+				}
+			}), i(s), await A(120);
+		}
+		return {
+			stateCount: g,
+			requestDurationMs: Math.round(l),
+			normalizeDurationMs: Math.round(h),
+			mergeDurationMs: Math.round(y),
+			buildDurationMs: Math.round(b)
+		};
+	};
+	for (let t of S.values()) {
+		let n = t.coverageKind === "full" ? "attr" : "state", r = [...new Set(t.entityIds)], i = `${n}:${r.join(",")}:${t.start.toISOString()}:${t.end.toISOString()}`;
+		p.push({
+			id: i,
+			entityIds: r,
+			start: t.start,
+			end: t.end,
+			coverageKind: t.coverageKind,
+			run: () => ne(i, () => we(e, r, t.start, t.end, t.minimalResponse, t.noAttributes, t.significantChangesOnly))
+		});
+	}
+	a?.({
+		event: "history.start",
+		details: {
+			sourceCount: t.length,
+			entityCount: s.length,
+			batchCount: w,
+			attributeChunkHours: v / 36e5,
+			minAttributeChunkHours: y / 36e5,
+			maxAttributeChunkHours: b / 36e5,
+			adaptiveAttributeChunks: C.length > 0,
+			cachedSourceCount: t.filter((e) => d.hasCoverage(e.entityId, n, r, e.kind === "entity_attribute" ? "full" : "state")).length,
+			chunkTimeoutMs: x,
+			maxChunkAttempts: ee,
+			rangeHours: Math.round((r.getTime() - n.getTime()) / 36e3) / 100
+		}
+	});
+	let D = /* @__PURE__ */ new Map();
+	for (let i of t) (i.kind === "entity_attribute" ? d.hasFullStates(i.entityId) : d.hasStates(i.entityId)) && D.set(i.id, d.buildSeries(i, e, n, r));
+	await m(p, {
+		concurrency: o.concurrency ?? 1,
+		isCancelled: o.isCancelled,
+		onEvent: (e) => {
+			a?.({
+				event: `history.${e.event}`,
+				details: {
+					taskId: e.taskId,
+					queuedCount: e.queuedCount,
+					activeCount: e.activeCount,
+					completedCount: e.completedCount
+				}
+			});
+		},
+		onResult: async ({ task: e, value: t, durationMs: n }) => {
+			await ae(e, t, n);
+		}
+	});
+	let O = 0;
+	for (let t of C) {
+		let n = v;
+		for (let r = t.start.getTime(); r < t.end.getTime() && !o.isCancelled?.();) {
+			let i = new Date(r), o = new Date(Math.min(r + n, t.end.getTime())), s = o.getTime() - i.getTime(), c = `attr:${t.entityId}:${i.toISOString()}:${o.toISOString()}`;
+			a?.({
+				event: "history.queue.task_start",
+				details: {
+					taskId: c,
+					queuedCount: void 0,
+					activeCount: 1,
+					completedCount: O
+				}
+			});
+			let l = f(), u = await ne(c, () => we(e, [t.entityId], i, o, !1, !1, !1)), d = f() - l;
+			O += 1, a?.({
+				event: "history.queue.task_complete",
+				details: {
+					taskId: c,
+					queuedCount: void 0,
+					activeCount: 0,
+					completedCount: O
+				}
+			});
+			let p = await ae({
+				id: c,
+				entityIds: [t.entityId],
+				start: i,
+				end: o,
+				coverageKind: "full"
+			}, u, d), m = Ce(n, p);
+			a?.({
+				event: "history.adaptive_chunk",
+				details: {
+					taskId: c,
+					entityId: t.entityId,
+					chunkHours: Math.round(s / 36e3) / 100,
+					nextChunkHours: Math.round(m.nextChunkMs / 36e3) / 100,
+					stateCount: p.stateCount,
+					requestDurationMs: p.requestDurationMs,
+					processingDurationMs: p.normalizeDurationMs + p.mergeDurationMs + p.buildDurationMs,
+					reason: m.reason
+				}
+			}), n = m.nextChunkMs, r = o.getTime();
+		}
+	}
+	let oe = a ? f() : 0, k = t.map((t) => {
+		let i = D.get(t.id);
+		return i && !E.has(t.entityId) ? i : d.buildSeries(t, e, n, r);
+	}), se = a ? f() - oe : 0;
+	return a?.({
+		event: "history.final_series",
+		details: {
+			seriesCount: k.length,
+			pointCount: k.reduce((e, t) => e + t.points.length, 0),
+			buildDurationMs: Math.round(se)
+		}
+	}), k;
+}
+function De(e, t, n, r, i) {
+	let a = t.flatMap((t) => {
+		let n = fe(t, e), r = pe(t);
+		return n !== void 0 && Number.isFinite(r) ? [{
+			time: r,
+			value: n
+		}] : [];
+	});
+	return {
+		source: e,
+		points: ie(a.length > 0 ? me(a, r, i) : _e(n, e, r, i))
+	};
+}
+//#endregion
+//#region src/controllers/data-controller.ts
+var Oe = 6e4, ke = 48;
+function Ae(e) {
+	requestAnimationFrame(() => requestAnimationFrame(e));
+}
+function je(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+function P(e) {
+	return `${e.kind === "entity_attribute" ? "full" : "state"}:${e.entityId}`;
+}
+function Me(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n], i = t[n];
+		if (r.source.id !== i.source.id || r.points.length !== i.points.length) return !1;
+		for (let e = 0; e < r.points.length; e++) {
+			let t = r.points[e], n = i.points[e];
+			if (t.time !== n.time || t.value !== n.value) return !1;
+		}
+	}
+	return !0;
+}
+function Ne(e, t) {
+	let n = e.findIndex((e) => e.time === t.time);
+	if (n !== -1) {
+		if (e[n].value === t.value) return e;
+		let r = [...e];
+		return r[n] = t, r;
+	}
+	return [...e].reverse().find((e) => e.time < t.time)?.value === t.value ? e : [...e, t].sort((e, t) => e.time - t.time);
+}
+var Pe = class {
+	constructor(e) {
+		this.series = [], this.loading = !1, this.error = "", this.debugPerformance = !1, this._prevKey = "", this._nextSessionId = 0, this._progressUpdateScheduled = !1, this._lastProgressUpdateMs = 0, this.host = e, e.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {}
+	_createSession(e, t, n) {
+		this._session && (this._session.cancelled = !0);
+		let r = {
+			id: ++this._nextSessionId,
+			startTime: t.getTime(),
+			endTime: n.getTime(),
+			cancelled: !1,
+			activeLoads: 0,
+			sources: [...e],
+			sourceStates: new Map(e.map((e) => [e.id, "queued"])),
+			activeEntityLoads: /* @__PURE__ */ new Map(),
+			accumulator: new ve()
+		};
+		return this._session = r, r;
+	}
+	_cancelSession() {
+		this._session && (this._session.cancelled = !0), this._session = void 0, this._progressUpdateScheduled = !1;
+	}
+	_activeSession(e, t) {
+		let n = this._session;
+		if (!(!n || n.cancelled)) return n.startTime === e.getTime() && n.endTime === t.getTime() ? n : void 0;
+	}
+	_isCurrentSession(e) {
+		return this._session === e && !e.cancelled;
+	}
+	_addSessionSources(e, t) {
+		let n = new Set(e.sources.map((e) => e.id));
+		for (let r of t) n.has(r.id) || (n.add(r.id), e.sources.push(r));
+	}
+	_hasActiveEntityLoad(e, t) {
+		return (e.activeEntityLoads.get(P(t)) ?? 0) > 0;
+	}
+	_beginLoad(e, t) {
+		e.activeLoads += 1;
+		for (let n of t) {
+			e.sourceStates.set(n.id, "loading");
+			let t = P(n);
+			e.activeEntityLoads.set(t, (e.activeEntityLoads.get(t) ?? 0) + 1);
+		}
+	}
+	_completeLoad(e, t) {
+		e.activeLoads = Math.max(0, e.activeLoads - 1);
+		for (let n of t) {
+			let t = P(n), r = Math.max(0, (e.activeEntityLoads.get(t) ?? 0) - 1);
+			r > 0 ? e.activeEntityLoads.set(t, r) : e.activeEntityLoads.delete(t);
+		}
+		this.loading = e.activeLoads > 0;
+	}
+	_sessionSources(e, t) {
+		return t.filter((t) => e.sourceStates.has(t.source.id));
+	}
+	_hasAccumulatorSeries(e, t) {
+		return t.kind === "entity_attribute" ? e.accumulator.hasFullStates(t.entityId) : e.accumulator.hasStates(t.entityId);
+	}
+	_availableSessionSeries(e, t, n, r, i) {
+		let a = this._sessionSources(e, i), o = new Set(a.map((e) => e.source.id));
+		for (let i of e.sources) o.has(i.id) || !e.sourceStates.has(i.id) || this._hasAccumulatorSeries(e, i) && (a.push(e.accumulator.buildSeries(i, t, n, r)), o.add(i.id));
+		return a;
+	}
+	_requestProgressUpdate(e) {
+		if (this._progressUpdateScheduled) return;
+		this._progressUpdateScheduled = !0;
+		let t = f() - this._lastProgressUpdateMs, n = Math.max(0, ke - t);
+		setTimeout(() => {
+			requestAnimationFrame(() => {
+				this._progressUpdateScheduled = !1, this._isCurrentSession(e) && (this._lastProgressUpdateMs = f(), this.host.requestUpdate());
+			});
+		}, n);
+	}
+	fetch(e, t, n, r) {
+		let i = `${t.map((e) => e.id).join("|")}|${n.getTime()}|${r.getTime()}`;
+		if (i === this._prevKey && !this.error) return;
+		if (this._prevKey = i, !e || t.length === 0) {
+			this.series = [], this.loading = !1, this.error = e ? "No sources provided" : "No hass object", this.host.requestUpdate();
+			return;
+		}
+		let a = this._createSession(t, n, r), o = f();
+		this.series = [], this.loading = !0, this.error = "", this._beginLoad(a, t), this.debugPerformance && p(this.debugPerformance, "controller.fetch_start", {
+			sessionId: a.id,
+			sourceCount: t.length,
+			rangeHours: Math.round((r.getTime() - n.getTime()) / 36e3) / 100
+		}), this.host.requestUpdate(), Ee(e, a.sources, n, r, (t) => {
+			if (!this._isCurrentSession(a)) return;
+			let i = f(), o = this._availableSessionSeries(a, e, n, r, t);
+			this.series = this._mergeSeries(this.series.filter((e) => !a.sources.some((t) => t.id === e.source.id)), o);
+			for (let e of o) a.sourceStates.set(e.source.id, "partial");
+			this._requestProgressUpdate(a), this.debugPerformance && p(this.debugPerformance, "controller.progress_update", {
+				sessionId: a.id,
+				sourceCount: t.length,
+				pointCount: t.reduce((e, t) => e + t.points.length, 0),
+				updateDurationMs: Math.round(f() - i)
+			});
+		}, this.debugPerformance ? (e) => {
+			p(this.debugPerformance, e.event, e.details);
+		} : void 0, {
+			isCancelled: () => !this._isCurrentSession(a),
+			chunkTimeoutMs: Oe,
+			accumulator: a.accumulator
+		}).then((i) => {
+			this._isCurrentSession(a) && Ae(() => {
+				if (!this._isCurrentSession(a)) return;
+				let s = f(), c = this._availableSessionSeries(a, e, n, r, i), l = this._mergeSeries(this.series.filter((e) => !a.sources.some((t) => t.id === e.source.id)), c);
+				Me(this.series, l) || (this.series = l);
+				for (let e of c) a.sourceStates.set(e.source.id, "ready");
+				this._completeLoad(a, t), this.host.requestUpdate(), this.debugPerformance && p(this.debugPerformance, "controller.fetch_complete", {
+					sessionId: a.id,
+					sourceCount: i.length,
+					pointCount: i.reduce((e, t) => e + t.points.length, 0),
+					totalDurationMs: Math.round(f() - o),
+					updateDurationMs: Math.round(f() - s)
+				});
+			});
+		}).catch((e) => {
+			if (this._isCurrentSession(a)) {
+				for (let e of t) a.sourceStates.set(e.id, "error");
+				this.error = je(e), this._completeLoad(a, t), this.host.requestUpdate(), this.debugPerformance && p(this.debugPerformance, "controller.fetch_error", {
+					sessionId: a.id,
+					totalDurationMs: Math.round(f() - o),
+					error: this.error
+				});
+			}
+		});
+	}
+	setImportedSeries(e, t, n) {
+		this._cancelSession(), this.series = e, this.loading = !1, this.error = "", this._prevKey = `${e.map((e) => e.source.id).join("|")}|${t.getTime()}|${n.getTime()}`, this.host.requestUpdate();
+	}
+	setError(e) {
+		this._cancelSession(), this.loading = !1, this.error = e, this.host.requestUpdate();
+	}
+	addSources(e, t, n, r) {
+		if (!e || t.length === 0) return;
+		let i = this._activeSession(n, r) ?? this._createSession(this.series.map((e) => e.source), n, r), a = new Set([...this.series.map((e) => e.source.id), ...i.sourceStates.keys()]), o = t.filter((e) => !a.has(e.id));
+		if (o.length === 0) return;
+		let s = new Set(i.activeEntityLoads.keys());
+		this._addSessionSources(i, o);
+		let c = o.filter((e) => !this._hasActiveEntityLoad(i, e)), l = new Set(c.map((e) => e.id)), u = i.sources.filter((e) => l.has(e.id) || !s.has(P(e))), d = f();
+		for (let e of o) i.sourceStates.set(e.id, c.includes(e) ? "queued" : "loading");
+		if (c.length === 0) {
+			let t = this._availableSessionSeries(i, e, n, r, []);
+			if (t.length > 0) {
+				this._mergePartial(t);
+				for (let e of t) i.sourceStates.set(e.source.id, "partial");
+			}
+			this.loading = i.activeLoads > 0, this._requestProgressUpdate(i), this.debugPerformance && p(this.debugPerformance, "controller.add_sources_joined_active_load", {
+				sessionId: i.id,
+				sourceCount: o.length,
+				existingSourceCount: this.series.length
+			});
+			return;
+		}
+		this.loading = !0, this._beginLoad(i, c), this.debugPerformance && p(this.debugPerformance, "controller.add_sources_start", {
+			sessionId: i.id,
+			sourceCount: c.length,
+			joinedActiveSourceCount: o.length - c.length,
+			existingSourceCount: this.series.length,
+			rangeHours: Math.round((r.getTime() - n.getTime()) / 36e3) / 100
+		}), this.host.requestUpdate(), Ee(e, u, n, r, (t) => {
+			if (!this._isCurrentSession(i)) return;
+			let a = f(), o = this._availableSessionSeries(i, e, n, r, t);
+			this._mergePartial(o);
+			for (let e of o) i.sourceStates.set(e.source.id, "partial");
+			this._requestProgressUpdate(i), this.debugPerformance && p(this.debugPerformance, "controller.add_sources_progress", {
+				sessionId: i.id,
+				sourceCount: t.length,
+				pointCount: t.reduce((e, t) => e + t.points.length, 0),
+				mergeDurationMs: Math.round(f() - a)
+			});
+		}, this.debugPerformance ? (e) => {
+			p(this.debugPerformance, e.event, e.details);
+		} : void 0, {
+			isCancelled: () => !this._isCurrentSession(i),
+			chunkTimeoutMs: Oe,
+			accumulator: i.accumulator
+		}).then((t) => {
+			this._isCurrentSession(i) && Ae(() => {
+				if (!this._isCurrentSession(i)) return;
+				let a = f(), o = this._availableSessionSeries(i, e, n, r, t), s = this._mergeSeries(this.series, o);
+				Me(this.series, s) || (this.series = s);
+				for (let e of o) i.sourceStates.set(e.source.id, "ready");
+				this._completeLoad(i, c), this.host.requestUpdate(), this.debugPerformance && p(this.debugPerformance, "controller.add_sources_complete", {
+					sessionId: i.id,
+					sourceCount: t.length,
+					pointCount: t.reduce((e, t) => e + t.points.length, 0),
+					totalDurationMs: Math.round(f() - d),
+					mergeDurationMs: Math.round(f() - a)
+				});
+			});
+		}).catch((e) => {
+			if (this._isCurrentSession(i)) {
+				for (let e of c) i.sourceStates.set(e.id, "error");
+				this.error = je(e), this._completeLoad(i, c), this.host.requestUpdate(), this.debugPerformance && p(this.debugPerformance, "controller.add_sources_error", {
+					sessionId: i.id,
+					totalDurationMs: Math.round(f() - d),
+					error: this.error
+				});
+			}
+		});
+	}
+	updateLivePoints(e, t, n, r) {
+		if (!e || t.length === 0 || this.series.length === 0) return;
+		let i = n.getTime(), a = r.getTime(), o = !1, s = new Map(t.map((e) => [e.id, e])), c = this.series.map((t) => {
+			let n = s.get(t.source.id);
+			if (!n) return t;
+			let r = ge(e, n, a);
+			if (!r) return t;
+			let c = {
+				...r,
+				time: Math.min(Math.max(r.time, i), a)
+			}, l = Ne(t.points, c);
+			return l === t.points ? t : (o = !0, {
+				...t,
+				points: l
+			});
+		});
+		o && (this.series = c, this.host.requestUpdate());
+	}
+	_mergeSeries(e, t) {
+		let n = [...e];
+		for (let e of t) {
+			let t = n.findIndex((t) => t.source.id === e.source.id);
+			t === -1 ? n.push(e) : n[t] = e;
+		}
+		return n;
+	}
+	_mergePartial(e) {
+		this.series = this._mergeSeries(this.series, e);
+	}
+	removeSources(e) {
+		if (e.length === 0) return;
+		let t = new Set(e);
+		this.series = this.series.filter((e) => !t.has(e.source.id));
+		for (let t of e) this._session?.sourceStates.delete(t);
+		this._prevKey = this.series.map((e) => e.source.id).join("|") + "|", this.host.requestUpdate();
+	}
+}, F = [
+	"#ff9800",
+	"#42a5f5",
+	"#66bb6a",
+	"#ec407a",
+	"#ab47bc",
+	"#26a69a"
+], Fe = {
+	current_temperature: "#42a5f5",
+	temperature: "#ff9800"
+}, Ie = new Set(Object.values(Fe)), I = F.filter((e) => !Ie.has(e));
+function L(e) {
+	return I[e % I.length];
+}
+function R(e) {
+	return e.trim().toLowerCase();
+}
+function Le(e) {
+	return `hsl(${(e * 137.508 % 360).toFixed(1)} 68% 52%)`;
+}
+function Re(e, t, n) {
+	if (!t.has(R(e))) return e;
+	let r = [
+		...I.slice(n % I.length),
+		...I.slice(0, n % I.length),
+		...F
+	];
+	for (let e of r) if (!t.has(R(e))) return e;
+	let i = n, a = Le(i);
+	for (; t.has(R(a));) i += 1, a = Le(i);
+	return a;
+}
+function ze(e) {
+	return R(e);
+}
+var Be = 214;
+function Ve(e) {
+	if (!Number.isFinite(e) || Number.isInteger(e)) return 0;
+	let t = e.toString().toLowerCase();
+	if (t.includes("e-")) {
+		let [e, n] = t.split("e-"), r = e.split(".")[1]?.length ?? 0;
+		return Math.min(r + Number(n), 4);
+	}
+	return Math.min(t.split(".")[1]?.length ?? 0, 4);
+}
+function z(e, t) {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
+}
+function He(e, t, n = 5) {
+	if (!Number.isFinite(e) || !Number.isFinite(t)) return [e, t];
+	let r = Math.abs(t - e);
+	if (r < 1e-10) return [e];
+	let i = Ue(r / (Math.max(n, 2) - 1)), a = Math.floor(e / i) * i, o = Math.ceil(t / i) * i, s = i * 1e-8, c = [];
+	for (let e = a; e <= o + s; e += i) c.push(We(e, i));
+	return c;
+}
+function Ue(e) {
+	if (e <= 0) return 1;
+	let t = Math.floor(Math.log10(Math.abs(e))), n = e / 10 ** t, r;
+	return r = n < 1.5 ? 1 : n < 3 ? 2 : n < 7 ? 5 : 10, r * 10 ** t;
+}
+function We(e, t) {
+	let n = Math.max(0, -Math.floor(Math.log10(Math.abs(t) || 1)) + 1);
+	return parseFloat(e.toFixed(n));
+}
+function Ge(e) {
+	let t = 0;
+	for (let n of e) {
+		let e = String(n), r = e.indexOf(".");
+		r !== -1 && (t = Math.max(t, e.length - r - 1));
+	}
+	return t;
+}
+function Ke(e, t, n) {
+	let r = t - e;
+	if (r < 1e-6) {
+		let r = Math.max(Math.abs(t) * .05, 1);
+		return {
+			min: z(e - r, n),
+			max: z(t + r, n)
+		};
+	}
+	let i = Math.max(r * .08, 10 ** -n), a = 10 ** n, o = Math.ceil(i * a) / a;
+	return {
+		min: z(e - o, n),
+		max: z(t + o, n)
+	};
+}
+function qe(e) {
+	return 28 + (Math.max(e, 1) - 1) * Be + 180 + 18;
+}
+var Je = .15, Ye = 8;
+function Xe(e) {
+	return Math.max(e.max - e.min, 1e-9);
+}
+function Ze(e) {
+	return (e.min + e.max) / 2;
+}
+function B(e) {
+	return Math.log10(Math.max(Math.abs(e), 1e-9));
+}
+function V(e, t) {
+	let n = Math.abs(B(Xe(e)) - B(Xe(t))), r = Math.abs(B(Ze(e)) - B(Ze(t))), i = e.unit && t.unit && e.unit !== t.unit ? .4 : 0;
+	return n + r * .6 + i;
+}
+function Qe(e) {
+	if (e.length < 2) return !1;
+	let t = Math.min(...e.map((e) => e.min)), n = Math.max(...e.map((e) => e.max)), r = Math.max(n - t, 1e-9), i = e.map((e) => e.max - e.min).filter((e) => e > 1e-6);
+	if (i.length < 2) return !1;
+	let a = Math.min(...i), o = Math.max(...i);
+	return Math.min(...i.map((e) => e / r)) <= Je && (o / Math.max(a, 1e-9) >= Ye || r / a >= Ye);
+}
+function $e(e) {
+	let t = e[0], n = e[1], r = -Infinity;
+	for (let i = 0; i < e.length; i++) for (let a = i + 1; a < e.length; a++) {
+		let o = V(e[i], e[a]);
+		o > r && (r = o, t = e[i], n = e[a]);
+	}
+	return t.order <= n.order ? [t, n] : [n, t];
+}
+function et(e) {
+	if (!Qe(e)) return [e, []];
+	let [t, n] = $e(e), r = [], i = [];
+	for (let a of e) a.id === t.id ? r.push(a) : a.id === n.id ? i.push(a) : V(a, t) <= V(a, n) ? r.push(a) : i.push(a);
+	return [r, i];
+}
+function tt(e, t, n, r) {
+	let i = Math.min(...n.map((e) => e.min)), a = Math.max(...n.map((e) => e.max)), o = Math.max(...n.map((e) => e.precision)), s = Ke(i, a, o), c = He(s.min, s.max);
+	return {
+		ids: new Set(n.map((e) => e.id)),
+		graphKey: e,
+		axis: t,
+		min: s.min,
+		max: s.max,
+		precision: Math.max(o, Ge(c)),
+		ticks: c,
+		top: r,
+		height: 180
+	};
+}
+function nt(e) {
+	let t = [];
+	for (let [n, r] of e.entries()) {
+		if (r.valueType !== "number" && r.valueType !== "boolean") continue;
+		let e = r.points.map((e) => Number(e.value)).filter((e) => Number.isFinite(e)), i = r.scaleMode === "manual" && r.scaleMin !== void 0 ? r.scaleMin : 0, a = r.scaleMode === "manual" && r.scaleMax !== void 0 ? r.scaleMax : 1, o = r.valueType === "boolean" ? 0 : e.length > 0 ? Math.min(...e) : Math.min(i, a), s = r.valueType === "boolean" ? 1 : e.length > 0 ? Math.max(...e) : Math.max(i, a), c = r.valueType === "boolean" || e.length === 0 ? 0 : Math.max(...e.map((e) => Ve(e))), l = r.valueType === "boolean" ? "group:boolean" : r.scaleGroupKey, u = t.find((e) => e.key === l);
+		u || (u = {
+			key: l,
+			series: []
+		}, t.push(u)), r.scaleMode === "manual" && (r.scaleMin !== void 0 && (o = Math.min(o, r.scaleMin)), r.scaleMax !== void 0 && (s = Math.max(s, r.scaleMax))), u.series.push({
+			id: r.id,
+			unit: r.unit,
+			min: o,
+			max: s,
+			precision: c,
+			order: n
+		});
+	}
+	return t.flatMap((e, t) => {
+		let [n, r] = e.key === "group:boolean" ? [e.series, []] : et(e.series), i = 28 + t * Be, a = tt(e.key, "left", n, i);
+		return r.length > 0 ? [a, tt(e.key, "right", r, i)] : [a];
+	});
+}
+//#endregion
+//#region src/render/downsample.ts
+function rt(e, t, n, r) {
+	let i = e.map((e) => ({
+		time: e.time,
+		value: Number(e.value)
+	})).filter((e) => Number.isFinite(e.value)), a = r * 4;
+	if (i.length <= a) return i;
+	let o = /* @__PURE__ */ new Map();
+	i.forEach((e, i) => {
+		let a = Math.floor(n + (e.time - t.start) / (t.end - t.start) * r), s = o.get(a);
+		s ? s.push({
+			...e,
+			index: i
+		}) : o.set(a, [{
+			...e,
+			index: i
+		}]);
+	});
+	let s = /* @__PURE__ */ new Map();
+	for (let e of o.values()) {
+		let t = e[0], n = e[e.length - 1], r = e.reduce((e, t) => t.value < e.value ? t : e, t), i = e.reduce((e, t) => t.value > e.value ? t : e, t);
+		for (let e of [
+			t,
+			r,
+			i,
+			n
+		]) s.set(e.index, e);
+	}
+	return [...s.values()].sort((e, t) => e.index - t.index).map(({ time: e, value: t }) => ({
+		time: e,
+		value: t
+	}));
+}
+//#endregion
+//#region src/render/climate-overlay.ts
+function it(e, t) {
+	return 40 + (e - t.start) / (t.end - t.start) * 640;
+}
+function at(e, t) {
+	let n = t.max - t.min;
+	if (n < 1e-6) return t.top + t.height / 2;
+	let r = t.height - 10;
+	return t.top + 5 + r - (e - t.min) / n * r;
+}
+function ot(e, t) {
+	if (e.length === 0) return;
+	if (t <= e[0].time) return e[0].value;
+	let n = e[e.length - 1];
+	if (t >= n.time) return n.value;
+	for (let n = 0; n < e.length - 1; n++) {
+		let r = e[n], i = e[n + 1];
+		if (t >= r.time && t <= i.time) {
+			let e = i.time - r.time;
+			return e <= 0 ? r.value : r.value + (t - r.time) / e * (i.value - r.value);
+		}
+	}
+}
+function st(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		if (!n.id.startsWith("attr:")) continue;
+		let e = n.id.split(":");
+		if (e.length < 3) continue;
+		let r = e[1], i = e.slice(2).join(":");
+		t.has(r) || t.set(r, {});
+		let a = t.get(r);
+		i === "current_temperature" || i === "temperature" ? a.temp = n.id : i === "hvac_action" && (a.hvac = n.id);
+	}
+	for (let [, e] of t) if (e.temp && e.hvac) return {
+		tempId: e.temp,
+		hvacId: e.hvac
+	};
+}
+function ct(e, t, n) {
+	let r = st(e);
+	if (!r) return [];
+	let i = e.find((e) => e.id === r.tempId), a = e.find((e) => e.id === r.hvacId);
+	if (!i || !a) return [];
+	let o = t.find((e) => e.ids.has(i.id));
+	if (!o) return [];
+	let s = i.points.map((e) => ({
+		time: e.time,
+		value: Number(e.value)
+	})).filter((e) => Number.isFinite(e.value)).sort((e, t) => e.time - t.time);
+	return s.length === 0 ? [] : lt(a.points, n).filter((e) => e.value === "heating").reduce((e, t) => {
+		let n = e[e.length - 1];
+		return n && Math.abs(n.end - t.start) < 1 ? n.end = t.end : e.push({
+			start: t.start,
+			end: t.end
+		}), e;
+	}, []).flatMap(({ start: e, end: t }, r) => {
+		let i = [
+			{
+				time: e,
+				value: ot(s, e)
+			},
+			...s.filter((n) => n.time > e && n.time < t),
+			{
+				time: t,
+				value: ot(s, t)
+			}
+		].filter((e) => e.value !== void 0);
+		if (i.length === 0) return [];
+		let c = o.top + o.height, l = [
+			`${it(e, n).toFixed(1)},${c.toFixed(1)}`,
+			...i.map((e) => `${it(e.time, n).toFixed(1)},${at(e.value, o).toFixed(1)}`),
+			`${it(t, n).toFixed(1)},${c.toFixed(1)}`
+		].join(" ");
+		return [{
+			id: `${a.id}:heat:${r}`,
+			points: l
+		}];
+	});
+}
+function lt(e, t) {
+	let n = Date.now();
+	return e.flatMap((r, i) => {
+		let a = Math.max(r.time, t.start), o = Math.min(e[i + 1]?.time ?? t.end, t.end, n);
+		return o > a ? [{
+			start: a,
+			end: o,
+			value: r.value
+		}] : [];
+	});
+}
+var ut = 16;
+function H(e, t) {
+	return 40 + (e - t.start) / (t.end - t.start) * 640;
+}
+function U(e, t) {
+	let n = t.max - t.min;
+	if (n < 1e-6) return t.top + t.height / 2;
+	let r = t.height - 10;
+	return t.top + 5 + r - (e - t.min) / n * r;
+}
+function W(e, t) {
+	return t.find((t) => t.ids.has(e.id));
+}
+function G(e, t) {
+	let n = Date.now();
+	return e.points.flatMap((r, i) => {
+		let a = Math.max(r.time, t.start), o = Math.min(e.points[i + 1]?.time ?? t.end, t.end, n);
+		return o > a ? [{
+			start: a,
+			end: o,
+			value: r.value
+		}] : [];
+	});
+}
+var dt = new Set([
+	"off",
+	"idle",
+	"none",
+	"false"
+]);
+function ft(e, t, n, r) {
+	if (typeof e == "boolean") return e ? t : "var(--better-history-muted-color, var(--secondary-text-color, #888))";
+	let i = String(e);
+	return dt.has(i.toLowerCase()) ? "var(--better-history-muted-color, var(--secondary-text-color, #888))" : (n.has(i) || n.set(i, F[(r + n.size) % F.length]), n.get(i));
+}
+function pt(e, t) {
+	return e + 34 + Math.max(t - 1, 0) * 14;
+}
+function mt(e, t, n, r) {
+	return e.flatMap((e) => {
+		if (e.valueType !== "number" && e.valueType !== "boolean" || e.lineMode === "column") return [];
+		let i = W(e, t);
+		if (!i) return [];
+		let a = rt(ht(e.points, n, e.lineMode, r), n, 40, 640), { points: o, pathLength: s } = e.lineMode === "line" ? xt(a, n, i) : bt(a, n, i);
+		return [{
+			id: e.id,
+			color: e.color,
+			points: o,
+			pathLength: s,
+			lineWidth: e.lineWidth
+		}];
+	});
+}
+function ht(e, t, n, r) {
+	let i = e.map((e) => ({
+		time: e.time,
+		value: Number(e.value)
+	})).filter((e) => Number.isFinite(e.value)).sort((e, t) => e.time - t.time), a = i.filter((e) => e.time >= t.start && e.time <= t.end);
+	if (n === "line") return a;
+	let o = [...i].reverse().find((e) => e.time < t.start), s = o && (a.length === 0 || a[0].time > t.start) ? [{
+		time: t.start,
+		value: o.value
+	}, ...a] : a, c = s[s.length - 1];
+	return r.extendStairToEnd && c && c.time < t.end ? [...s, {
+		time: t.end,
+		value: c.value
+	}] : s;
+}
+function gt(e) {
+	return e.min <= 0 && e.max >= 0 ? 0 : e.min > 0 ? e.min : e.max;
+}
+function _t(e, t, n) {
+	return e.flatMap((e) => {
+		if (e.valueType !== "number" && e.valueType !== "boolean" || e.lineMode !== "column") return [];
+		let r = W(e, t);
+		if (!r) return [];
+		let i = U(gt(r), r);
+		return G(e, n).flatMap((t, a) => {
+			let o = Number(t.value);
+			if (!Number.isFinite(o)) return [];
+			let s = H(t.start, n), c = H(t.end, n), l = U(o, r), u = Math.max(c - s, 1);
+			return [{
+				id: `${e.id}:${a}`,
+				x: s,
+				y: Math.min(l, i),
+				width: u,
+				height: Math.max(Math.abs(i - l), 1),
+				fill: e.color
+			}];
+		});
+	});
+}
+function vt(e, t, n) {
+	let r = t + 10, i = 0;
+	return e.flatMap((e, t) => {
+		if (e.valueType === "number" || e.valueType === "boolean") return [];
+		let a = r + i * 14;
+		i += 1;
+		let o = /* @__PURE__ */ new Map();
+		return G(e, n).reduce((n, r) => {
+			let i = ft(r.value, e.color, o, t), a = n[n.length - 1];
+			return a && a.fill === i && Math.abs(a.end - r.start) < 1 ? a.end = r.end : n.push({
+				start: r.start,
+				end: r.end,
+				fill: i
+			}), n;
+		}, []).map((t, r) => {
+			let i = H(t.start, n), o = Math.max(H(t.end, n) - i, 1);
+			return {
+				id: `${e.id}:${r}`,
+				x: i,
+				y: a,
+				width: o,
+				fill: t.fill
+			};
+		});
+	});
+}
+function yt(e) {
+	return e.flatMap((e) => {
+		let t = e.height - 10;
+		return e.ticks.map((n) => ({
+			y: e.top + 5 + t - (n - e.min) / (e.max - e.min) * t,
+			value: St(n, e.precision)
+		}));
+	});
+}
+function bt(e, t, n) {
+	if (e.length === 0) return {
+		points: "",
+		pathLength: 0
+	};
+	if (e.length === 1) return {
+		points: `${H(e[0].time, t).toFixed(1)},${U(e[0].value, n).toFixed(1)}`,
+		pathLength: 0
+	};
+	let r = [], i = 0;
+	for (let a = 0; a < e.length - 1; a++) {
+		let o = e[a], s = e[a + 1], c = H(o.time, t), l = U(o.value, n), u = H(s.time, t), d = U(s.value, n);
+		a === 0 && r.push(`${c.toFixed(1)},${l.toFixed(1)}`), r.push(`${u.toFixed(1)},${l.toFixed(1)}`), r.push(`${u.toFixed(1)},${d.toFixed(1)}`), i += Math.abs(u - c) + Math.abs(d - l);
+	}
+	return {
+		points: r.join(" "),
+		pathLength: i
+	};
+}
+function xt(e, t, n) {
+	if (e.length === 0) return {
+		points: "",
+		pathLength: 0
+	};
+	let r = 0, i;
+	return {
+		points: e.map((e) => {
+			let a = H(e.time, t), o = U(e.value, n);
+			return i && (r += Math.hypot(a - i.x, o - i.y)), i = {
+				x: a,
+				y: o
+			}, `${a.toFixed(1)},${o.toFixed(1)}`;
+		}).join(" "),
+		pathLength: r
+	};
+}
+function St(e, t) {
+	if (t <= 0 && Number.isInteger(e)) return String(e);
+	let n = e.toFixed(t);
+	return n = n.replace(/\.?0+$/, ""), n;
+}
+var K = 60 * 1e3, q = 60 * K, J = 24 * q, Ct = [
+	10 * K,
+	15 * K,
+	20 * K,
+	30 * K,
+	q,
+	2 * q,
+	3 * q,
+	4 * q,
+	6 * q,
+	8 * q,
+	12 * q,
+	J,
+	2 * J,
+	3 * J,
+	7 * J,
+	14 * J,
+	30 * J,
+	60 * J,
+	90 * J
+];
+function wt(e, t) {
+	for (let n of Ct) if (e / n <= t) return n;
+	return Ct[Ct.length - 1];
+}
+function Tt(e, t, n = 12) {
+	let r = t - e;
+	if (r <= 0) return [];
+	let i = wt(r, n), a = [], o = Math.ceil(e / i) * i;
+	for (let e = o; e < t; e += i) {
+		let t = new Date(e);
+		a.push({
+			time: e,
+			bold: t.getHours() === 0 && t.getMinutes() === 0
+		});
+	}
+	return a;
+}
+function Et(e, t) {
+	let n = new Date(e), r = t / J;
+	if (r > 88) {
+		let e = n.toLocaleString("default", { month: "short" }), t = n.getFullYear();
+		return n.getMonth() === 0 ? `${e} ${t}` : e;
+	}
+	if (r > 35) {
+		let e = n.toLocaleString("default", { month: "short" });
+		return `${n.getDate()} ${e}`;
+	}
+	if (r > 7) return `${n.getDate()}/${n.getMonth() + 1}`;
+	if (r > 2) return n.toLocaleString("default", { weekday: "short" });
+	let i = String(n.getHours()).padStart(2, "0"), a = String(n.getMinutes()).padStart(2, "0");
+	return r > .5 ? `${i}:${a}` : `${i}:${a}:${String(n.getSeconds()).padStart(2, "0")}`;
+}
+function Dt(e, t) {
+	let n = [], r;
+	for (let i of e) {
+		if (i.time < t.start) {
+			r = i;
+			continue;
+		}
+		if (i.time > t.end) break;
+		n.push(i);
+	}
+	return r ? [r, ...n] : n;
+}
+function Ot(e, t) {
+	return e.map((e) => ({
+		...e,
+		points: Dt(e.points, t)
+	}));
+}
+function kt(e) {
+	return e.valueType === "boolean" ? "group:boolean" : e.scaleGroupKey;
+}
+function At(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		if (t.valueType !== "number" && t.valueType !== "boolean") continue;
+		let e = kt(t);
+		i.set(e, [...i.get(e) ?? [], t]);
+	}
+	for (let e of t) {
+		if (e.valueType !== "number" && e.valueType !== "boolean") continue;
+		let t = kt(e);
+		r.set(t, [...r.get(t) ?? [], e]);
+	}
+	return [...i.entries()].flatMap(([e, t]) => Ot(r.get(e) ?? t, n));
+}
+function jt(e, t, n, r = !1, i = 12, a = !0) {
+	let o = { extendStairToEnd: a }, s = nt(At(e, t, n)), c = new Set(s.map((e) => e.graphKey)).size, l = qe(c), u = e.filter((e) => e.valueType !== "number" && e.valueType !== "boolean").length, d = Tt(n.start, n.end, i), f = n.end - n.start;
+	return {
+		allSeries: e,
+		visibleSeries: t,
+		timeBounds: n,
+		extendStairToEnd: a,
+		numericScales: s,
+		plotBottom: l,
+		chartHeight: pt(l, u),
+		numericLines: mt(t, s, n, o),
+		numericColumns: _t(t, s, n),
+		segments: vt(t, l, n),
+		heatingAreas: r ? [] : ct(t, s, n),
+		yAxisLabels: yt(s),
+		xAxisLabels: d.map((e) => ({
+			x: H(e.time, n),
+			label: Et(e.time, f),
+			bold: e.bold
+		}))
+	};
+}
+function Mt(e, t, n, r) {
+	return e.filter((e) => (e.valueType === "number" || e.valueType === "boolean") && e.lineMode !== "column").flatMap((e) => {
+		let i = W(e, t);
+		if (!i) return [];
+		let a = {
+			...i,
+			top: 28
+		}, o = rt(ht(e.points, n, e.lineMode, r), n, 40, 640), { points: s, pathLength: c } = e.lineMode === "line" ? xt(o, n, a) : bt(o, n, a);
+		return {
+			id: e.id,
+			color: e.color,
+			points: s,
+			pathLength: c,
+			lineWidth: e.lineWidth
+		};
+	});
+}
+function Nt(e, t, n) {
+	return e.filter((e) => (e.valueType === "number" || e.valueType === "boolean") && e.lineMode === "column").flatMap((e) => {
+		let r = W(e, t);
+		if (!r) return [];
+		let i = {
+			...r,
+			top: 28
+		}, a = U(gt(i), i);
+		return G(e, n).flatMap((t, r) => {
+			let o = Number(t.value);
+			if (!Number.isFinite(o)) return [];
+			let s = H(t.start, n), c = H(t.end, n), l = U(o, i);
+			return [{
+				id: `${e.id}:${r}`,
+				x: s,
+				y: Math.min(l, a),
+				width: Math.max(c - s, 1),
+				height: Math.max(Math.abs(a - l), 1),
+				fill: e.color
+			}];
+		});
+	});
+}
+function Pt(e, t, n) {
+	return e.filter((e) => e.valueType !== "number" && e.valueType !== "boolean").flatMap((e, r) => {
+		let i = t + r * 14, a = /* @__PURE__ */ new Map();
+		return G(e, n).reduce((t, n) => {
+			let i = ft(n.value, e.color, a, r), o = t[t.length - 1];
+			return o && o.fill === i && Math.abs(o.end - n.start) < 1 ? o.end = n.end : t.push({
+				start: n.start,
+				end: n.end,
+				fill: i
+			}), t;
+		}, []).map((t, r) => {
+			let a = H(t.start, n), o = Math.max(H(t.end, n) - a, 1);
+			return {
+				id: `${e.id}:${r}`,
+				x: a,
+				y: i,
+				width: o,
+				fill: t.fill
+			};
+		});
+	});
+}
+function Ft(e) {
+	let t = e.height - 10;
+	return e.ticks.map((n) => ({
+		y: 33 + t - (n - e.min) / (e.max - e.min) * t,
+		value: St(n, e.precision)
+	}));
+}
+function It(e, t) {
+	return t === 0 ? e : e.split(" ").map((e) => {
+		let [n, r] = e.split(",");
+		return `${n},${(parseFloat(r) + t).toFixed(1)}`;
+	}).join(" ");
+}
+function Lt(e, t, n) {
+	let r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map();
+	return {
+		allSeries: e.map((e, t) => {
+			let a = Re(e.color, r, n * F.length + t);
+			return r.add(ze(a)), i.set(e.id, a), a === e.color ? e : {
+				...e,
+				color: a
+			};
+		}),
+		visibleSeries: t.map((e) => {
+			let t = i.get(e.id);
+			return t && t !== e.color ? {
+				...e,
+				color: t
+			} : e;
+		})
+	};
+}
+function Rt(e, t = 12) {
+	let n = [], r = e.timeBounds, i = e.allSeries.filter((e) => e.valueType !== "number" && e.valueType !== "boolean"), a = e.visibleSeries.filter((e) => e.valueType !== "number" && e.valueType !== "boolean"), o = r.end - r.start, s = Tt(r.start, r.end, t).map((e) => ({
+		x: H(e.time, r),
+		label: Et(e.time, o),
+		bold: e.bold
+	}));
+	if (e.numericScales.length === 0 && i.length > 0) {
+		let e = a.length, t = 208 + (e > 0 ? 10 + e * 14 : 0) + 18, o = t + ut, c = Lt(i, a, 0);
+		n.push({
+			series: c.visibleSeries,
+			allSeries: c.allSeries,
+			scales: [],
+			svgHeight: t,
+			canvasHeight: o,
+			lines: [],
+			columns: [],
+			segments: Pt(c.visibleSeries, 218, r),
+			yLabels: [],
+			rightYLabels: [],
+			xLabels: s,
+			heatingAreas: []
+		});
+	}
+	let c = [...new Set(e.numericScales.map((e) => e.graphKey))];
+	for (let t = 0; t < c.length; t++) {
+		let o = c[t], l = e.numericScales.filter((e) => e.graphKey === o), u = l.find((e) => e.axis === "left") ?? l[0], d = l.find((e) => e.axis === "right"), f = new Set(l.flatMap((e) => [...e.ids])), p = e.allSeries.filter((e) => (e.valueType === "number" || e.valueType === "boolean") && kt(e) === o), m = e.visibleSeries.filter((e) => f.has(e.id)), h = t === 0 ? [...m, ...a] : m, g = Lt(t === 0 ? [...p, ...i] : p, h, t), _ = g.visibleSeries.filter((e) => e.valueType !== "number" && e.valueType !== "boolean"), v = _.length, y = 208 + (v > 0 ? 10 + v * 14 : 0) + 18, b = y + ut, x = 28 - u.top;
+		n.push({
+			series: g.visibleSeries,
+			allSeries: g.allSeries,
+			scale: u,
+			scales: l,
+			svgHeight: y,
+			canvasHeight: b,
+			lines: Mt(g.visibleSeries, l, r, { extendStairToEnd: e.extendStairToEnd }),
+			columns: Nt(g.visibleSeries, l, r),
+			segments: Pt(_, 218, r),
+			yLabels: Ft(u),
+			rightYLabels: d ? Ft(d) : [],
+			xLabels: s,
+			heatingAreas: t === 0 ? e.heatingAreas.map((e) => ({
+				id: e.id,
+				points: It(e.points, x)
+			})) : []
+		});
+	}
+	return n;
+}
+//#endregion
+//#region src/controllers/tooltip-controller.ts
+var zt = class {
+	constructor(e) {
+		this.tooltip = void 0, this._series = [], this._cacheKey = "", this._timeBounds = {
+			start: 0,
+			end: 1
+		}, this._host = e, e.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		this._frame !== void 0 && (cancelAnimationFrame(this._frame), this._frame = void 0);
+	}
+	sync(e, t, n, r, i) {
+		this._timeBounds = i, this._rebuildCache(e, t, n);
+	}
+	_rebuildCache(e, t, n) {
+		let r = `${t.map((e) => `${e.source.id}:${e.points.length}`).join("|")}::${n.join("|")}`;
+		this._fetchedRef === t && this._cacheKey === r || (this._fetchedRef = t, this._cacheKey = r, this._series = e.filter((e) => !n.includes(e.id)).flatMap((e) => {
+			let n = t.find((t) => t.source.id === e.id);
+			return !n || n.points.length === 0 ? [] : [{
+				id: e.id,
+				label: e.label,
+				color: e.color,
+				points: n.points
+			}];
+		}));
+	}
+	handlePointerMove(e) {
+		let t = this._svgPoint(e);
+		if (!t) {
+			this._clear();
+			return;
+		}
+		this._pendingPoint = t, this._frame === void 0 && (this._frame = requestAnimationFrame(() => {
+			this._frame = void 0, this._apply();
+		}));
+	}
+	handlePointerLeave() {
+		this._pendingPoint = void 0, this._clear();
+	}
+	_clear() {
+		this.tooltip !== void 0 && (this.tooltip = void 0, this._host.requestUpdate(), this._emit());
+	}
+	_apply() {
+		let e = this._pendingPoint;
+		if (!e) return;
+		let t = this._timeAt(e.x), n = this._series.filter((t) => e.activeIds.has(t.id)), r = this._nearestPoint(n, t);
+		if (!r) {
+			this.tooltip !== void 0 && (this.tooltip = void 0, this._host.requestUpdate(), this._emit());
+			return;
+		}
+		let i = r.time, a = n.flatMap((e) => {
+			let t = this._pointAtOrBefore(e.points, i);
+			return t ? [{
+				label: e.label,
+				color: e.color,
+				value: String(t.value)
+			}] : [];
+		});
+		if (a.length === 0) {
+			this.tooltip !== void 0 && (this.tooltip = void 0, this._host.requestUpdate(), this._emit());
+			return;
+		}
+		if (this.tooltip?.time === i && this.tooltip.activeTop === e.activeTop && this.tooltip.activeHeight === e.activeHeight && this.tooltip.activeKey === e.activeKey && Math.abs(this.tooltip.tooltipX - Math.min(Math.max(e.x, 120), 600)) < 1 && Math.abs(this.tooltip.y - this._tooltipY(e)) < 1 && this.tooltip.placement === this._placement(e)) return;
+		let o = Math.min(Math.max(e.x, 120), 600), s = this._tooltipY(e);
+		this.tooltip = {
+			x: H(i, this._timeBounds),
+			tooltipX: o,
+			y: s,
+			placement: this._placement(e),
+			activeTop: e.activeTop,
+			activeHeight: e.activeHeight,
+			activeKey: e.activeKey,
+			time: i,
+			values: a
+		}, this._host.requestUpdate(), this._emit();
+	}
+	_placement(e) {
+		let t = e.activeTop + e.activeHeight;
+		return e.touchLike ? e.y < e.activeTop + e.activeHeight / 2 ? "above" : "below" : t - e.y < 120 ? "above" : "below";
+	}
+	_tooltipY(e) {
+		let t = e.activeTop + e.activeHeight;
+		return e.touchLike ? this._placement(e) === "above" ? t - 10 : e.activeTop + 10 : Math.min(Math.max(e.y, e.activeTop + 28), t - 28);
+	}
+	_emit() {
+		this._host.dispatchEvent(new CustomEvent("tooltip-changed", {
+			detail: this.tooltip ? {
+				time: this.tooltip.time,
+				values: this.tooltip.values
+			} : null,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_nearest(e, t) {
+		if (e.length === 0) return;
+		let n = 0, r = e.length - 1;
+		for (; n < r;) {
+			let i = Math.floor((n + r) / 2);
+			e[i].time < t ? n = i + 1 : r = i;
+		}
+		let i = e[n], a = n > 0 ? e[n - 1] : void 0;
+		return a && Math.abs(a.time - t) < Math.abs(i.time - t) ? a : i;
+	}
+	_nearestPoint(e, t) {
+		let n, r = Infinity;
+		for (let i of e) {
+			let e = this._nearest(i.points, t);
+			if (!e) continue;
+			let a = Math.abs(e.time - t);
+			a < r && (n = e, r = a);
+		}
+		return n;
+	}
+	_pointAtOrBefore(e, t) {
+		if (e.length === 0) return;
+		let n = 0, r = e.length - 1;
+		for (; n < r;) {
+			let i = Math.ceil((n + r) / 2);
+			e[i].time <= t ? n = i : r = i - 1;
+		}
+		return e[n].time <= t ? e[n] : void 0;
+	}
+	_timeAt(e) {
+		let t = Math.min(Math.max((e - 40) / 640, 0), 1);
+		return this._timeBounds.start + t * (this._timeBounds.end - this._timeBounds.start);
+	}
+	_svgPoint(e) {
+		let t = e.currentTarget;
+		if (!(t instanceof Element)) return;
+		let n = e.composedPath().find((e) => e instanceof HTMLElement && e.classList.contains("graph-canvas"));
+		if (!n) return;
+		let r = new Set((n.dataset.seriesIds ?? "").split("|").filter((e) => e !== ""));
+		if (r.size === 0) return;
+		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect();
+		if (e.clientX < a.left || e.clientX > a.right || e.clientY < a.top || e.clientY > a.bottom) return;
+		let o = a.top - i.top;
+		return {
+			x: (e.clientX - a.left) / a.width * 720,
+			y: e.clientY - i.top,
+			activeTop: o,
+			activeHeight: a.height,
+			activeIds: r,
+			activeKey: [...r].join("|"),
+			touchLike: e.pointerType === "touch" || window.matchMedia("(hover: none) and (pointer: coarse)").matches
+		};
+	}
+	renderTooltip() {
+		if (!this.tooltip) return r;
+		let e = this.tooltip.x / 720 * 100, t = this.tooltip.tooltipX / 720 * 100, i = this.tooltip.placement === "above" ? "translate(-50%, calc(-100% - 10px))" : "translate(-50%, 10px)";
+		return n`
+      <div class="tooltip-axis-pointer" style=${`left:${e}%;top:${this.tooltip.activeTop.toFixed(1)}px;height:${this.tooltip.activeHeight.toFixed(1)}px;`}></div>
+      <div
+        class="tooltip"
+        style=${`left:clamp(150px,${t}%,calc(100% - 150px));top:${this.tooltip.y.toFixed(1)}px;transform:${i};`}
+      >
+        <div class="tooltip-time">${new Date(this.tooltip.time).toLocaleString()}</div>
+        ${this.tooltip.values.map((e) => n`
+            <div class="tooltip-row">
+              <span class="tooltip-dot" style=${`background:${e.color}`}></span>
+              <span class="tooltip-label">${e.label}</span>
+              <span>${e.value}</span>
+            </div>
+          `)}
+      </div>
+    `;
+	}
+}, Bt = "temperature";
+function Vt(e) {
+	return e.join(".");
+}
+function Ht(e) {
+	return e?.toLowerCase() === Bt;
+}
+function Ut(e, t) {
+	if (!e || !t) return;
+	let n = t[Vt(e)];
+	return typeof n == "string" && n !== "" ? n : void 0;
+}
+//#endregion
+//#region src/data/resolve-config.ts
+function Wt(e) {
+	return {
+		id: e.id,
+		kind: e.attribute ? "entity_attribute" : "entity_state",
+		entityId: e.entity,
+		label: e.label,
+		path: e.attribute,
+		valueType: e.valueType,
+		unit: e.unit
+	};
+}
+var Gt = 24, Kt = "2.5", qt = [
+	"current_temperature",
+	"temperature",
+	"hvac_action"
+], Jt = /°[CF]|[CFK]$/;
+function Yt(e) {
+	return Jt.test(e);
+}
+function Xt(e) {
+	return e.scaleMode === "manual" && (e.scaleMin !== void 0 || e.scaleMax !== void 0);
+}
+function Zt(e) {
+	return /* @__PURE__ */ new Date(Math.floor(e.getTime() / 1e3) * 1e3);
+}
+function Qt(e) {
+	if (e !== void 0) return Array.isArray(e) ? e : e.split(".");
+}
+function $t(e) {
+	return e === "line" || e === "column" ? e : "stair";
+}
+function en(e) {
+	return typeof e == "number" ? Number.isFinite(e) && e >= 0 ? String(e) : Kt : typeof e == "string" && e.trim() !== "" ? e.trim() : Kt;
+}
+function tn(e, t) {
+	return t ? `attr:${e}:${t.join(".")}` : `state:${e}`;
+}
+function nn(e) {
+	return e[e.length - 1] ?? "";
+}
+function rn(e, t, n) {
+	let r = e?.states[t];
+	return r ? n ? M(r, n)?.valueType ?? "string" : ue(r)?.valueType ?? "string" : "number";
+}
+function an(e, t, n, r) {
+	if (r) return r;
+	if (n) return nn(n);
+	let i = e?.states[t]?.attributes.friendly_name;
+	return typeof i == "string" && i !== "" ? i : t;
+}
+function on(e, t, n, r, i) {
+	if (r !== void 0) return r || void 0;
+	if (n) return Ut(n, i);
+	let a = e?.states[t]?.attributes.unit_of_measurement;
+	return typeof a == "string" && a !== "" ? a : void 0;
+}
+function Y(e, t, n, r) {
+	return n ? `group:${n}` : r === "number" && t ? `unit:${t}` : `series:${e}`;
+}
+function sn(e, t, n, r, i, a) {
+	let o = Qt(e.attribute), s = tn(e.entity, o), c = rn(n, e.entity, o), l = on(n, e.entity, o, e.unit, r);
+	return {
+		id: s,
+		entity: e.entity,
+		attribute: o,
+		label: an(n, e.entity, o, e.label),
+		color: e.color ?? L(t),
+		unit: l,
+		scaleGroupKey: Y(s, l, e.scaleGroup, c),
+		scaleMode: e.scaleMode ?? "auto",
+		scaleMin: e.scaleMin,
+		scaleMax: e.scaleMax,
+		lineMode: $t(e.lineMode ?? i),
+		lineWidth: en(e.lineWidth ?? a),
+		valueType: c
+	};
+}
+function cn(e, t, n, r, i) {
+	let a = n?.states[e];
+	if (!a) {
+		let n = `state:${e}`;
+		return {
+			id: n,
+			entity: e,
+			label: e,
+			color: L(t),
+			scaleGroupKey: `series:${n}`,
+			scaleMode: "auto",
+			lineMode: $t(r),
+			lineWidth: en(i),
+			valueType: "number"
+		};
+	}
+	let o = ue(a);
+	if (o) return {
+		id: o.id,
+		entity: e,
+		label: o.label,
+		color: L(t),
+		unit: o.unit,
+		scaleGroupKey: Y(o.id, o.unit, void 0, o.valueType),
+		scaleMode: "auto",
+		lineMode: $t(r),
+		lineWidth: en(i),
+		valueType: o.valueType
+	};
+}
+function ln(e, t) {
+	let n = t?.states[e];
+	if (!n) return;
+	let r = n.attributes, i = r.temperature_unit;
+	if (typeof i == "string" && i !== "") return i;
+	let a = r.unit_of_measurement;
+	if (typeof a == "string" && a !== "") return a;
+}
+function un(e, t, n) {
+	if (e.attribute || !e.entity.startsWith("climate.") || !n?.states[e.entity]) return [e];
+	let r = ln(e.entity, n);
+	return [e, ...qt.map((i) => {
+		let a = [i], o = tn(e.entity, a), s = rn(n, e.entity, a), c = Fe[i] ?? L(t()), l = i === "current_temperature" || i === "temperature" ? r : void 0, u = i === "hvac_action" ? void 0 : "temperature";
+		return {
+			id: o,
+			entity: e.entity,
+			attribute: a,
+			label: i,
+			color: c,
+			unit: l,
+			scaleGroupKey: Y(o, l, u, s),
+			scaleMode: "auto",
+			lineMode: e.lineMode,
+			lineWidth: e.lineWidth,
+			valueType: s
+		};
+	})];
+}
+function dn(e) {
+	return e.find((e) => e.scaleGroupKey === "group:temperature" && e.unit && Yt(e.unit))?.unit ?? e.find((e) => e.unit && Yt(e.unit))?.unit;
+}
+function fn(e) {
+	let t = dn(e), n = e.some((e) => e.scaleGroupKey === "group:temperature");
+	return e.map((e) => {
+		let r = Ht(e.unit), i = r && t ? t : e.unit, a = r && i && e.scaleGroupKey === "unit:temperature" ? `unit:${i}` : e.scaleGroupKey;
+		return n && e.valueType === "number" && i && Yt(i) && a.startsWith("unit:") && !Xt(e) && (a = "group:temperature"), i !== e.unit || a !== e.scaleGroupKey ? {
+			...e,
+			unit: i,
+			scaleGroupKey: a
+		} : e;
+	});
+}
+function pn(e) {
+	let { config: t, hass: n } = e, r = e.attributeUnits ?? t?.attributeUnits, i = t?.endDate ?? e.endDate ?? /* @__PURE__ */ new Date(), a = t?.hours ?? e.hours ?? Gt, o = t?.startDate ?? e.startDate ?? /* @__PURE__ */ new Date(i.getTime() - a * 36e5), s = t?.lineMode ?? e.lineMode, c = t?.lineWidth ?? e.lineWidth, l;
+	l = t?.series && t.series.length > 0 ? t.series.map((e, t) => sn(e, t, n, r, s, c)) : (t?.defaultEntities ?? e.entities ?? []).map((e, t) => cn(e, t, n, s, c)).filter((e) => e !== void 0);
+	let u = l.length;
+	return l = l.flatMap((e) => un(e, () => u++, n)), l = fn(l), {
+		startDate: Zt(o),
+		endDate: Zt(i),
+		showDatePicker: t?.showDatePicker ?? e.showDatePicker ?? !1,
+		showEntityPicker: t?.showEntityPicker ?? e.showEntityPicker ?? !1,
+		showLegend: t?.showLegend ?? e.showLegend ?? !0,
+		showTooltip: t?.showTooltip ?? e.showTooltip ?? !0,
+		width: t?.width ?? e.width ?? "100%",
+		height: t?.height ?? e.height,
+		backgroundColor: t?.backgroundColor ?? e.backgroundColor,
+		title: t?.title ?? e.title,
+		titleFontFamily: t?.titleFontFamily ?? e.titleFontFamily,
+		titleFontSize: t?.titleFontSize ?? e.titleFontSize,
+		titleColor: t?.titleColor ?? e.titleColor,
+		language: e.language ?? n?.locale?.language ?? n?.language,
+		series: l,
+		disableClimateOverlay: t?.disableClimateOverlay ?? !1
+	};
+}
+//#endregion
+//#region src/localize/localize.ts
+var mn = {
+	loading: "ui.common.loading",
+	empty: "ui.components.history_charts.no_history_found",
+	error: "ui.components.history_charts.error",
+	add_target: "ui.components.target-picker.add_target",
+	attributes: "ui.dialogs.more_info_control.attributes",
+	back: "ui.common.back"
+}, hn = {
+	en: {
+		no_series: "No series configured",
+		no_entity_selected: "No entity selected",
+		error_timeout: "The request timed out. Please try again.",
+		tools: "Tools",
+		view_range: "View range",
+		reset_zoom: "Reset zoom",
+		line_mode: "Display mode",
+		mode_stair: "Stair",
+		mode_line: "Line",
+		mode_column: "Columns",
+		export_data: "Export",
+		import_data: "Import",
+		search_attributes: "Search attributes",
+		no_matching_attributes: "No matching attributes",
+		attribute_results_limited: "Showing first 50 matches"
+	},
+	fr: {
+		no_series: "Aucune série configurée",
+		no_entity_selected: "Aucune entité sélectionnée",
+		error_timeout: "La requête a expiré. Veuillez réessayer.",
+		tools: "Outils",
+		view_range: "Plage affichée",
+		reset_zoom: "Réinitialiser le zoom",
+		line_mode: "Mode d'affichage",
+		mode_stair: "Escalier",
+		mode_line: "Ligne",
+		mode_column: "Colonnes",
+		export_data: "Exporter",
+		import_data: "Importer",
+		search_attributes: "Rechercher des attributs",
+		no_matching_attributes: "Aucun attribut correspondant",
+		attribute_results_limited: "50 premiers résultats affichés"
+	},
+	cs: {
+		no_series: "Není nakonfigurována žádná série",
+		no_entity_selected: "Nebyla vybrána žádná entita",
+		error_timeout: "Požadavek vypršel. Zkuste to prosím znovu.",
+		tools: "Nástroje",
+		view_range: "Rozsah zobrazení",
+		reset_zoom: "Obnovit přiblížení",
+		line_mode: "Režim zobrazení",
+		mode_stair: "Schody",
+		mode_line: "Čára",
+		mode_column: "Sloupce",
+		export_data: "Exportovat",
+		import_data: "Importovat",
+		search_attributes: "Hledat atributy",
+		no_matching_attributes: "Žádné odpovídající atributy",
+		attribute_results_limited: "Zobrazuje se prvních 50 shod"
+	},
+	de: {
+		no_series: "Keine Serie konfiguriert",
+		no_entity_selected: "Keine Entität ausgewählt",
+		error_timeout: "Die Anfrage ist abgelaufen. Bitte erneut versuchen.",
+		tools: "Werkzeuge",
+		view_range: "Anzeigebereich",
+		reset_zoom: "Zoom zurücksetzen",
+		line_mode: "Anzeigemodus",
+		mode_stair: "Stufen",
+		mode_line: "Linie",
+		mode_column: "Spalten",
+		export_data: "Exportieren",
+		import_data: "Importieren",
+		search_attributes: "Attribute suchen",
+		no_matching_attributes: "Keine passenden Attribute",
+		attribute_results_limited: "Die ersten 50 Treffer werden angezeigt"
+	},
+	el: {
+		no_series: "Δεν έχει ρυθμιστεί σειρά",
+		no_entity_selected: "Δεν έχει επιλεγεί οντότητα",
+		error_timeout: "Το αίτημα έληξε χρονικά. Παρακαλώ δοκιμάστε ξανά.",
+		tools: "Εργαλεία",
+		view_range: "Εύρος προβολής",
+		reset_zoom: "Επαναφορά ζουμ",
+		line_mode: "Λειτουργία εμφάνισης",
+		mode_stair: "Σκάλα",
+		mode_line: "Γραμμή",
+		mode_column: "Στήλες",
+		export_data: "Εξαγωγή",
+		import_data: "Εισαγωγή",
+		search_attributes: "Αναζήτηση χαρακτηριστικών",
+		no_matching_attributes: "Δεν βρέθηκαν χαρακτηριστικά",
+		attribute_results_limited: "Εμφανίζονται οι πρώτες 50 αντιστοιχίες"
+	},
+	it: {
+		no_series: "Nessuna serie configurata",
+		no_entity_selected: "Nessuna entità selezionata",
+		error_timeout: "La richiesta è scaduta. Riprova.",
+		tools: "Strumenti",
+		view_range: "Intervallo visualizzato",
+		reset_zoom: "Reimposta zoom",
+		line_mode: "Modalità di visualizzazione",
+		mode_stair: "Gradini",
+		mode_line: "Linea",
+		mode_column: "Colonne",
+		export_data: "Esporta",
+		import_data: "Importa",
+		search_attributes: "Cerca attributi",
+		no_matching_attributes: "Nessun attributo corrispondente",
+		attribute_results_limited: "Mostrate le prime 50 corrispondenze"
+	},
+	pl: {
+		no_series: "Nie skonfigurowano serii",
+		no_entity_selected: "Nie wybrano encji",
+		error_timeout: "Upłynął limit czasu żądania. Spróbuj ponownie.",
+		tools: "Narzędzia",
+		view_range: "Zakres widoku",
+		reset_zoom: "Resetuj powiększenie",
+		line_mode: "Tryb wyświetlania",
+		mode_stair: "Schodkowy",
+		mode_line: "Linia",
+		mode_column: "Kolumny",
+		export_data: "Eksportuj",
+		import_data: "Importuj",
+		search_attributes: "Szukaj atrybutów",
+		no_matching_attributes: "Brak pasujących atrybutów",
+		attribute_results_limited: "Pokazano pierwsze 50 wyników"
+	},
+	ru: {
+		no_series: "Серии не настроены",
+		no_entity_selected: "Сущность не выбрана",
+		error_timeout: "Время ожидания запроса истекло. Повторите попытку.",
+		tools: "Инструменты",
+		view_range: "Диапазон просмотра",
+		reset_zoom: "Сбросить масштаб",
+		line_mode: "Режим отображения",
+		mode_stair: "Ступени",
+		mode_line: "Линия",
+		mode_column: "Столбцы",
+		export_data: "Экспорт",
+		import_data: "Импорт",
+		search_attributes: "Поиск атрибутов",
+		no_matching_attributes: "Подходящие атрибуты не найдены",
+		attribute_results_limited: "Показаны первые 50 совпадений"
+	},
+	sk: {
+		no_series: "Nie je nakonfigurovaná žiadna séria",
+		no_entity_selected: "Nie je vybraná žiadna entita",
+		error_timeout: "Časový limit požiadavky vypršal. Skúste to znova.",
+		tools: "Nástroje",
+		view_range: "Rozsah zobrazenia",
+		reset_zoom: "Obnoviť priblíženie",
+		line_mode: "Režim zobrazenia",
+		mode_stair: "Schody",
+		mode_line: "Čiara",
+		mode_column: "Stĺpce",
+		export_data: "Exportovať",
+		import_data: "Importovať",
+		search_attributes: "Hľadať atribúty",
+		no_matching_attributes: "Žiadne zodpovedajúce atribúty",
+		attribute_results_limited: "Zobrazuje sa prvých 50 zhôd"
+	}
+};
+function X(e, t) {
+	let n = mn[t];
+	return n && e?.localize ? e.localize(n) : hn[e?.locale?.language?.split("-")[0] ?? e?.language?.split("-")[0] ?? "en"]?.[t] ?? hn.en?.[t] ?? t;
+}
+//#endregion
+//#region src/styles/chart.css.ts
+var gn = t`
+  :host {
+    display: flex;
+    flex-direction: column;
+    min-height: 360px;
+    font-family: var(--better-history-font-family, inherit);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .root {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .graph-title {
+    margin: 0 0 8px;
+    color: var(--better-history-title-color, var(--primary-text-color, inherit));
+    font-family: var(--better-history-title-font-family, inherit);
+    font-size: var(--better-history-title-font-size, var(--ha-font-size-xl, 20px));
+    font-weight: 500;
+    line-height: 1.25;
+  }
+
+  .chart-area {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .chart-surface {
+    position: relative;
+    overflow-y: auto;
+    flex: 1;
+    min-height: 0;
+  }
+
+  svg {
+    width: 100%;
+    display: block;
+    touch-action: pan-y;
+  }
+
+  .axis {
+    stroke: var(--better-history-border-color, var(--divider-color, #444));
+    stroke-width: 1;
+  }
+
+  .axis.tick {
+    stroke-width: 1;
+  }
+
+  .grid-line {
+    stroke: var(--better-history-border-color, var(--divider-color, #444));
+    stroke-width: 1;
+    opacity: 0.45;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .x-axis-label {
+    position: absolute;
+    font-size: 11px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-family: inherit;
+    white-space: nowrap;
+    pointer-events: none;
+    transform: translateX(-50%);
+    box-sizing: border-box;
+    line-height: 1;
+  }
+
+  .x-axis-label--bold {
+    font-weight: 600;
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+  }
+
+  .graph-separator {
+    stroke: var(--better-history-border-color, var(--divider-color, #444));
+    stroke-width: 1.2;
+    stroke-dasharray: 3 5;
+    opacity: 0.64;
+  }
+
+  .line {
+    fill: none;
+    stroke-width: 2.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .column {
+    opacity: 0.62;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .segment {
+    opacity: 0.7;
+  }
+
+  .segment-border {
+    stroke-width: 1.5;
+    stroke-opacity: 0.6;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .climate-heating-area {
+    fill: var(--better-history-accent-color, var(--accent-color, #ff9800));
+    opacity: 0.22;
+  }
+
+  .y-axis-label {
+    position: absolute;
+    font-size: 11px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    transform: translateY(-50%);
+    white-space: nowrap;
+    pointer-events: none;
+    box-sizing: border-box;
+    line-height: 1;
+    z-index: 1;
+  }
+
+  .tooltip-axis-pointer {
+    position: absolute;
+    top: 0;
+    width: 0;
+    border-left: 1px dashed var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+    opacity: 0.9;
+    pointer-events: none;
+    transform: translateX(-0.5px);
+    z-index: 2;
+  }
+
+  .chart-graphs {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    position: relative;
+    contain: layout;
+  }
+
+  .graph-section {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .graph-canvas {
+    position: relative;
+    overflow: hidden;
+  }
+
+  .graph-legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    margin-top: 6px;
+    padding: 0 6px 8px 6px;
+    font-size: 12px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+  }
+
+  .legend-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    min-width: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+  }
+
+  .legend-item[hidden-series] {
+    opacity: 0.38;
+  }
+
+  .swatch {
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    flex: 0 0 auto;
+    box-sizing: border-box;
+  }
+
+  .legend-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 160px;
+  }
+
+  .tooltip {
+    position: absolute;
+    z-index: 2;
+    min-width: 170px;
+    width: max-content;
+    max-width: min(300px, calc(100% - 16px));
+    padding: 8px;
+    border-radius: var(--better-history-radius, 8px);
+    background: color-mix(in srgb, var(--better-history-bg, var(--card-background-color, #1e1e2e)) 88%, #000 12%);
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    box-shadow: 0 8px 20px rgb(0 0 0 / 28%);
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    font-size: 12px;
+    pointer-events: none;
+    box-sizing: border-box;
+    transition: left 90ms ease-out, top 90ms ease-out;
+    will-change: left, top, transform;
+  }
+
+  .tooltip-time {
+    margin-bottom: 6px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 11px;
+  }
+
+  .tooltip-row {
+    display: grid;
+    grid-template-columns: 8px minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 6px;
+    margin-top: 3px;
+  }
+
+  .tooltip-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .tooltip-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+  }
+
+  .empty,
+  .error {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    padding: 20px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    text-align: center;
+    font-size: 13px;
+    box-sizing: border-box;
+  }
+
+  .error {
+    color: #ff6b6b;
+  }
+
+  .controls-bar {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 8px;
+    width: 100%;
+  }
+
+  .tool-icon-button,
+  .mode-button,
+  .tool-action-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    background: transparent;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    cursor: pointer;
+    box-sizing: border-box;
+    font: inherit;
+  }
+
+  .mode-button[active] {
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 18%, transparent);
+    border-color: var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+  }
+
+  .tool-icon-button ha-icon,
+  .mode-button ha-icon,
+  .tool-action-button ha-icon {
+    --mdc-icon-size: 18px;
+  }
+
+  .tools-panel {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 10px;
+    align-items: end;
+    margin-bottom: 8px;
+    padding: 7px 8px;
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    border-radius: var(--better-history-radius, 8px);
+    background: color-mix(in srgb, var(--better-history-bg, var(--card-background-color, #1e1e2e)) 96%, var(--primary-text-color, #fff) 4%);
+  }
+
+  .tool-range {
+    min-width: 0;
+  }
+
+  .tool-range-head,
+  .tool-actions,
+  .range-values {
+    display: flex;
+    align-items: center;
+  }
+
+  .tool-range-head {
+    justify-content: space-between;
+    gap: 8px;
+    margin-bottom: 2px;
+  }
+
+  .tool-label {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    font-size: 11px;
+  }
+
+  .tool-label ha-icon {
+    --mdc-icon-size: 16px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+  }
+
+  .tool-icon-button {
+    width: 24px;
+    height: 24px;
+    border-radius: var(--better-history-radius, 8px);
+  }
+
+  .range-values {
+    justify-content: space-between;
+    gap: 8px;
+    margin-bottom: 0;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 10px;
+  }
+
+  .range-slider-stack {
+    position: relative;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    padding: 0 2px;
+  }
+
+  .range-slider-stack::before {
+    content: "";
+    position: absolute;
+    left: 2px;
+    right: 2px;
+    top: 50%;
+    height: 3px;
+    border-radius: 999px;
+    background:
+      linear-gradient(
+        90deg,
+        transparent,
+        color-mix(in srgb, var(--better-history-border-color, var(--divider-color, #444)) 72%, transparent) 12%,
+        color-mix(in srgb, var(--better-history-border-color, var(--divider-color, #444)) 72%, transparent) 88%,
+        transparent
+      );
+    transform: translateY(-50%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 14%);
+  }
+
+  .range-selection {
+    position: absolute;
+    top: 50%;
+    height: 12px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 16%, transparent);
+    transform: translateY(-50%);
+    pointer-events: none;
+    box-shadow: 0 0 8px color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 26%, transparent);
+    z-index: 1;
+  }
+
+  .range-selection,
+  .range-selection-hit {
+    min-width: 0;
+  }
+
+  .range-selection::before,
+  .range-selection-hit::before {
+    content: "";
+    position: absolute;
+    left: 6px;
+    right: 6px;
+    top: 50%;
+    height: 2px;
+    border-radius: inherit;
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 82%, var(--primary-text-color, #fff) 18%);
+    transform: translateY(-50%);
+  }
+
+  .range-selection-hit {
+    position: absolute;
+    top: 50%;
+    width: max(36px, 8%);
+    height: 22px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 8%, transparent);
+    cursor: grab;
+    pointer-events: auto;
+    touch-action: none;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+  }
+
+  .range-selection-hit::before {
+    left: 12px;
+    right: 12px;
+    opacity: 0.42;
+  }
+
+  .range-selection-hit[dragging] {
+    cursor: grabbing;
+  }
+
+  .range-slider {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    margin: 0;
+    appearance: none;
+    background: transparent;
+    cursor: ew-resize;
+    pointer-events: none;
+    z-index: 2;
+  }
+
+  .range-slider::-webkit-slider-runnable-track {
+    height: 24px;
+    background: transparent;
+  }
+
+  .range-slider::-moz-range-track {
+    height: 24px;
+    background: transparent;
+  }
+
+  .range-slider::-webkit-slider-thumb {
+    appearance: none;
+    width: 12px;
+    height: 18px;
+    margin-top: 3px;
+    border: 0;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 86%, var(--primary-text-color, #fff) 14%);
+    box-shadow:
+      0 0 0 2px color-mix(in srgb, var(--better-history-bg, var(--card-background-color, #1e1e2e)) 88%, transparent),
+      0 1px 4px rgb(0 0 0 / 18%);
+    pointer-events: auto;
+  }
+
+  .range-slider::-moz-range-thumb {
+    width: 12px;
+    height: 18px;
+    border: 0;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4))) 86%, var(--primary-text-color, #fff) 14%);
+    box-shadow:
+      0 0 0 2px color-mix(in srgb, var(--better-history-bg, var(--card-background-color, #1e1e2e)) 88%, transparent),
+      0 1px 4px rgb(0 0 0 / 18%);
+    pointer-events: auto;
+  }
+
+  .range-slider:focus-visible::-webkit-slider-thumb {
+    outline: 1px solid var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+    outline-offset: 3px;
+  }
+
+  .range-slider:focus-visible::-moz-range-thumb {
+    outline: 1px solid var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+    outline-offset: 3px;
+  }
+
+  .tool-actions {
+    justify-content: flex-end;
+    gap: 6px;
+  }
+
+  .mode-switch {
+    display: inline-flex;
+    overflow: hidden;
+    border-radius: var(--better-history-radius, 8px);
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+  }
+
+  .mode-button {
+    width: 30px;
+    height: 30px;
+    border: 0;
+    border-right: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+  }
+
+  .mode-button:last-child {
+    border-right: 0;
+  }
+
+  .tool-action-button {
+    gap: 5px;
+    height: 32px;
+    padding: 0 8px;
+    border-radius: var(--better-history-radius, 8px);
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    font-size: 12px;
+  }
+
+  @media (hover: none) and (pointer: coarse) {
+    .controls-bar {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .tools-panel {
+      grid-template-columns: 1fr;
+      padding: 8px;
+    }
+
+    .tool-actions {
+      justify-content: space-between;
+    }
+
+    .range-slider-stack,
+    .range-slider::-webkit-slider-runnable-track,
+    .range-slider::-moz-range-track {
+      height: 30px;
+    }
+
+    .range-selection {
+      height: 18px;
+    }
+
+    .range-selection-hit {
+      width: max(44px, 12%);
+      height: 30px;
+    }
+
+    .range-slider::-webkit-slider-thumb {
+      width: 14px;
+      height: 22px;
+      margin-top: 4px;
+    }
+
+    .range-slider::-moz-range-thumb {
+      width: 14px;
+      height: 22px;
+    }
+
+    .date-picker-wrapper {
+      width: 100%;
+      max-width: 100%;
+    }
+
+    .date-picker-wrapper ha-date-range-picker {
+      width: 100%;
+    }
+  }
+
+  .date-picker-wrapper {
+    flex: 0 0 auto;
+    width: fit-content;
+    max-width: 100%;
+    min-width: 0;
+    overflow: visible;
+  }
+
+  .date-picker-wrapper ha-date-range-picker {
+    display: block;
+  }
+
+  .entity-picker {
+    position: relative;
+    flex: 1 1 0;
+    min-width: 0;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+
+  .entity-trigger {
+    width: 100%;
+  }
+
+  .history-loading-indicator {
+    position: absolute;
+    top: 16px;
+    right: 8px;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    height: 24px;
+    padding: 0 8px;
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--better-history-bg, var(--card-background-color, #1e1e2e)) 88%, var(--primary-color, #03a9f4) 12%);
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    box-shadow: 0 2px 8px rgb(0 0 0 / 14%);
+    font-size: 11px;
+    line-height: 1;
+    pointer-events: none;
+    transform: translateY(-50%);
+    z-index: 1;
+  }
+
+  .history-loading-spinner {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    border: 2px solid color-mix(in srgb, var(--better-history-muted-color, var(--secondary-text-color, #888)) 28%, transparent);
+    border-top-color: var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+    box-sizing: border-box;
+    animation: better-history-spin 850ms linear infinite;
+  }
+
+  @keyframes better-history-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .entity-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: center;
+    width: 100%;
+  }
+
+  .entity-menu {
+    position: fixed;
+    top: -9999px;
+    left: -9999px;
+    display: none;
+    width: min(420px, calc(100vw - 48px));
+    max-height: 420px;
+    padding: 12px;
+    overflow: hidden;
+    border: var(--wa-panel-border-width, 1px) var(--wa-panel-border-style, solid) var(--wa-color-surface-border, var(--divider-color, rgba(0, 0, 0, 0.12)));
+    border-radius: var(--wa-panel-border-radius, var(--ha-dialog-border-radius, var(--ha-border-radius-3xl, 24px)));
+    background: var(--wa-color-surface-raised, var(--card-background-color, #fff));
+    box-shadow: var(--wa-shadow-m, var(--ha-box-shadow-m, 0 4px 8px rgba(0, 0, 0, 0.08)));
+    box-sizing: border-box;
+    z-index: 100;
+  }
+
+  .entity-menu[open] {
+    display: grid;
+    grid-template-rows: auto minmax(0, 1fr);
+    gap: 8px;
+  }
+
+  .entity-menu-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .entity-menu-title {
+    font-size: var(--wa-font-size-m, var(--ha-font-size-m, 14px));
+    font-weight: var(--wa-font-weight-body, var(--ha-font-weight-normal, 400));
+    color: var(--wa-color-text-normal, var(--primary-text-color));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-right: 8px;
+  }
+
+  .entity-menu-close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 30px;
+    height: 30px;
+    border: 0;
+    background: transparent;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    cursor: pointer;
+    font-size: 14px;
+    flex-shrink: 0;
+  }
+
+  .entity-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    min-width: 0;
+  }
+
+  .source-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    height: 32px;
+    padding: 0 8px 0 3px;
+    border-radius: 20px;
+    border: var(--wa-border-width-md, 1.5px) solid;
+    background: var(--card-background-color, var(--better-history-bg, #1e1e2e));
+    box-sizing: border-box;
+    max-width: 100%;
+    overflow: hidden;
+    flex-shrink: 0;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .source-chip[draggable="true"] {
+    cursor: grab;
+  }
+
+  .source-chip[draggable="true"]:active {
+    cursor: grabbing;
+  }
+
+  .source-chip[dragging] {
+    opacity: 0.48;
+    outline: 2px solid var(--better-history-info-color, var(--info-color, var(--primary-color, #03a9f4)));
+    outline-offset: 2px;
+  }
+
+  .source-chip.entity-source-chip {
+    border-color: var(--ha-color-green-80, #81c784);
+  }
+
+  .source-chip.attr-source-chip {
+    border-color: var(--ha-color-amber-80, #ffb74d);
+  }
+
+  .source-chip-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  .entity-source-chip .source-chip-icon {
+    background: color-mix(in srgb, var(--ha-color-green-80, #81c784) 20%, transparent);
+  }
+
+  .attr-source-chip .source-chip-icon {
+    background: color-mix(in srgb, var(--ha-color-amber-80, #ffb74d) 20%, transparent);
+  }
+
+  .source-chip-icon ha-icon {
+    --mdc-icon-size: 16px;
+  }
+
+  .source-chip-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--wa-font-size-s, 13px);
+    color: var(--primary-text-color, var(--better-history-text-color, #fff));
+  }
+
+  .source-chip-remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    border: 0;
+    border-radius: 50%;
+    background: transparent;
+    color: var(--secondary-text-color, #888);
+    cursor: pointer;
+    flex-shrink: 0;
+    padding: 0;
+    font-size: 12px;
+    line-height: 1;
+  }
+
+  .source-chip-remove:hover {
+    background: color-mix(in srgb, var(--secondary-text-color, #888) 15%, transparent);
+    color: var(--primary-text-color, #fff);
+  }
+
+  .entity-browser {
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .entity-browser-title {
+    font-size: var(--wa-font-size-m, var(--ha-font-size-m, 14px));
+    font-weight: var(--wa-font-weight-body, var(--ha-font-weight-normal, 400));
+    color: var(--wa-color-text-normal, var(--primary-text-color));
+    margin-bottom: 2px;
+  }
+
+  .entity-breadcrumb {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    min-width: 0;
+    margin-bottom: 6px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 12px;
+  }
+
+  .entity-crumb {
+    border: 0;
+    background: transparent;
+    color: inherit;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+  }
+
+  .entity-breadcrumb-sep {
+    opacity: 0.5;
+  }
+
+  .entity-browser-list {
+    overflow-y: auto;
+    flex: 1;
+    min-height: 0;
+  }
+
+  .entity-browser-entries {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .entity-browser-entry {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    padding: 6px 8px;
+    border-radius: var(--better-history-radius, 8px);
+    cursor: pointer;
+    font-size: 13px;
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+  }
+
+  .entity-browser-entry:hover {
+    background: rgba(var(--rgb-primary-text-color, 255, 255, 255), 0.08);
+  }
+
+  .entity-browser-entry--disabled {
+    cursor: default;
+    opacity: 0.45;
+  }
+
+  .entity-browser-entry--disabled:hover {
+    background: transparent;
+  }
+
+  .entity-browser-entry--present {
+    cursor: default;
+    color: var(--ha-color-amber-80, #ffb74d);
+    background: color-mix(in srgb, var(--ha-color-amber-80, #ffb74d) 14%, transparent);
+    box-shadow: inset 3px 0 0 var(--ha-color-amber-80, #ffb74d);
+  }
+
+  .entity-browser-entry--present:hover {
+    background: color-mix(in srgb, var(--ha-color-amber-80, #ffb74d) 14%, transparent);
+  }
+
+  .entity-browser-entry--removable {
+    cursor: pointer;
+  }
+
+  .entity-browser-entry--removable:hover {
+    background: color-mix(in srgb, var(--ha-color-amber-80, #ffb74d) 22%, transparent);
+  }
+
+  .entity-browser-entry--present .entity-browser-entry-type,
+  .entity-browser-entry--present .entity-browser-entry-arrow {
+    color: inherit;
+    opacity: 0.78;
+  }
+
+  .entity-browser-entry-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    gap: 1px;
+  }
+
+  .entity-browser-entry-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .entity-browser-entry-secondary {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 11px;
+    line-height: 1.25;
+  }
+
+  .entity-browser-entry-type,
+  .entity-browser-entry-arrow {
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 11px;
+    flex-shrink: 0;
+  }
+
+  .entity-browser-search {
+    width: 100%;
+    margin: 4px 0 6px;
+  }
+
+  .entity-browser-search-input {
+    width: 100%;
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    border-radius: var(--better-history-radius, 8px);
+    background: color-mix(in srgb, var(--wa-color-surface-raised, var(--card-background-color, #fff)) 92%, var(--primary-text-color, #000) 8%);
+    box-sizing: border-box;
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    font: inherit;
+    font-size: 13px;
+    outline: none;
+  }
+
+  .entity-browser-search-input::placeholder {
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+  }
+
+  .entity-browser-search-input:focus {
+    border-color: var(--better-history-accent-color, var(--primary-color, #03a9f4));
+    box-shadow: 0 0 0 1px var(--better-history-accent-color, var(--primary-color, #03a9f4));
+  }
+
+  .entity-browser-search-results {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .entity-browser-search-empty,
+  .entity-browser-search-count {
+    padding: 8px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 12px;
+  }
+
+  .entity-browser-back {
+    padding: 6px 8px;
+    cursor: pointer;
+    font-size: 12px;
+    color: var(--better-history-accent-color, var(--primary-color, #03a9f4));
+    border-radius: var(--ha-card-border-radius, 12px);
+  }
+
+  .entity-browser-back:hover {
+    background: rgba(var(--rgb-primary-text-color, 255, 255, 255), 0.08);
+  }
+
+  .entity-browser-entity {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 8px 10px;
+    border-radius: var(--better-history-radius, 8px);
+    border: 1px solid var(--better-history-border-color, var(--divider-color, #444));
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    cursor: pointer;
+    margin-bottom: 6px;
+  }
+
+  .entity-browser-entity:hover {
+    background: color-mix(in srgb, var(--better-history-accent-color, var(--primary-color, #03a9f4)) 10%, transparent);
+  }
+
+  .entity-browser-entity--disabled {
+    cursor: default;
+    opacity: 0.45;
+    border-style: dashed;
+  }
+
+  .entity-browser-entity--disabled:hover {
+    background: transparent;
+  }
+
+  .entity-browser-entity--present {
+    cursor: default;
+    color: var(--ha-color-green-80, #81c784);
+    border-color: color-mix(in srgb, var(--ha-color-green-80, #81c784) 62%, var(--better-history-border-color, var(--divider-color, #444)));
+    background: color-mix(in srgb, var(--ha-color-green-80, #81c784) 14%, transparent);
+    box-shadow: inset 3px 0 0 var(--ha-color-green-80, #81c784);
+  }
+
+  .entity-browser-entity--present:hover {
+    background: color-mix(in srgb, var(--ha-color-green-80, #81c784) 14%, transparent);
+  }
+
+  .entity-browser-entity--removable {
+    cursor: pointer;
+  }
+
+  .entity-browser-entity--removable:hover {
+    background: color-mix(in srgb, var(--ha-color-green-80, #81c784) 22%, transparent);
+  }
+
+  .entity-browser-entity-id {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--better-history-text-color, var(--primary-text-color, #fff));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .entity-browser-section-title {
+    font-size: 10px;
+    font-weight: 600;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    padding: 2px 8px 4px;
+    margin-top: 2px;
+  }
+
+  .entity-browser-empty {
+    padding: 12px;
+    color: var(--better-history-muted-color, var(--secondary-text-color, #888));
+    font-size: 13px;
+    text-align: center;
+  }
+`, _n = [
+	"ha-icon",
+	"ha-icon-button",
+	"ha-svg-icon",
+	"ha-entity-picker",
+	"ha-md-list",
+	"ha-md-list-item",
+	"ha-input-chip",
+	"ha-assist-chip",
+	"ha-generic-picker"
+], vn;
+function yn() {
+	return vn ??= s(_n), vn;
+}
+var bn;
+function xn() {
+	return bn ??= Sn(), bn;
+}
+async function Sn() {
+	if (!customElements.get("ha-date-range-picker")) try {
+		await Promise.race([customElements.whenDefined("partial-panel-resolver"), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timeout")), 1e4))]);
+		let e = document.createElement("partial-panel-resolver");
+		e.hass = { panels: [{
+			url_path: "history",
+			component_name: "history"
+		}] }, e._updateRoutes(), await e.routerOptions?.routes?.history?.load(), await customElements.whenDefined("ha-date-range-picker");
+	} catch (e) {
+		console.warn("[ha-better-history] Failed to load ha-date-range-picker:", e);
+	}
+}
+//#endregion
+//#region src/ui/date-picker.ts
+function Cn() {
+	return customElements.get("ha-date-range-picker") !== void 0;
+}
+async function wn() {
+	await xn();
+}
+function Tn(e, t, r, i) {
+	return n`
+    <div class="date-picker-wrapper">
+      <ha-date-range-picker
+        .hass=${e}
+        .startDate=${t}
+        .endDate=${r}
+        time-picker
+        extended-presets
+        @value-changed=${(e) => {
+		let t = e.detail, n = t.value?.startDate ?? t.startDate, r = t.value?.endDate ?? t.endDate;
+		n instanceof Date && r instanceof Date && i(n, r);
+	}}
+      ></ha-date-range-picker>
+    </div>
+  `;
+}
+//#endregion
+//#region src/ui/entity-picker.ts
+var En = 8, Dn = 50;
+function Z(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function On(e) {
+	return typeof e.attributes.friendly_name == "string" ? e.attributes.friendly_name : e.entity_id;
+}
+var kn = !1;
+async function An() {
+	kn || (kn = !0, await yn());
+}
+function jn() {
+	return customElements.get("ha-generic-picker") !== void 0;
+}
+function Mn(e) {
+	let t = e.selectedEntityId && e.hass ? e.hass.states[e.selectedEntityId] : void 0;
+	return n`
+    <div class="entity-picker"
+      @picker-opened=${e.onEntityPickerOpened}
+      @picker-closed=${e.onEntityPickerClosed}
+    >
+      <div class="entity-menu" ?open=${e.menuOpen} @click=${(e) => e.stopPropagation()}>
+        <div class="entity-menu-top">
+          <span class="entity-menu-title">${t ? On(t) : ""}</span>
+          <button class="entity-menu-close" @click=${e.onCloseMenu}>&#x2715;</button>
+        </div>
+        ${In(e)}
+      </div>
+      <ha-generic-picker
+        class="entity-trigger"
+        .hass=${e.hass}
+        .addButtonLabel=${X(e.hass, "add_target")}
+        .value=${""}
+        .getItems=${e.getItems}
+        .getAdditionalItems=${e.getAdditionalItems}
+        @value-changed=${(t) => {
+		let n = t.detail.value;
+		n && e.onEntitySelected(n);
+	}}
+      ></ha-generic-picker>
+      ${e.loading ? n`
+            <div class="history-loading-indicator" role="status" aria-label=${X(e.hass, "loading")}>
+              <span class="history-loading-spinner"></span>
+              <span class="history-loading-text">${X(e.hass, "loading")}</span>
+            </div>
+          ` : r}
+      ${e.selectedSources.length > 0 ? n`
+        <div
+          class="entity-row"
+          @dragover=${(t) => e.onSourceDragOver(void 0, t)}
+          @drop=${(t) => e.onSourceDrop(void 0, t)}
+        >
+          ${e.selectedSources.map((t) => Pn(t, e))}
+        </div>
+      ` : r}
+    </div>
+  `;
+}
+function Nn(e) {
+	let t = e.attributes.icon;
+	return typeof t == "string" && t ? t : {
+		climate: "mdi:thermostat",
+		sensor: "mdi:eye",
+		binary_sensor: "mdi:radiobox-marked",
+		light: "mdi:lightbulb",
+		switch: "mdi:toggle-switch",
+		input_boolean: "mdi:toggle-switch",
+		fan: "mdi:fan",
+		cover: "mdi:window-shutter",
+		lock: "mdi:lock",
+		media_player: "mdi:cast",
+		vacuum: "mdi:robot-vacuum",
+		camera: "mdi:camera",
+		weather: "mdi:weather-partly-cloudy",
+		device_tracker: "mdi:map-marker",
+		person: "mdi:account",
+		sun: "mdi:white-balance-sunny",
+		alarm_control_panel: "mdi:shield",
+		automation: "mdi:robot",
+		script: "mdi:script-text",
+		scene: "mdi:palette",
+		timer: "mdi:timer"
+	}[e.entity_id.split(".")[0]] ?? "mdi:bookmark";
+}
+function Pn(e, t) {
+	let i = t.resolved?.series.some((t) => t.id === e.id) ?? !1, a = e.kind === "entity_state", o = t.hass?.states[e.entityId], s = a ? "entity-source-chip" : "attr-source-chip", c = t.draggingSourceId === e.id;
+	return n`
+    <div
+      class="source-chip ${s}"
+      draggable=${!i}
+      ?dragging=${c}
+      @dragstart=${(n) => t.onSourceDragStart(e.id, n)}
+      @dragend=${() => t.onSourceDragEnd()}
+      @dragover=${(n) => {
+		i || t.onSourceDragOver(e.id, n);
+	}}
+      @drop=${(n) => t.onSourceDrop(e.id, n)}
+    >
+      <span class="source-chip-icon">
+        ${a && o ? n`<ha-icon .icon=${Nn(o)}></ha-icon>` : n`<ha-icon .icon=${Fn(e.valueType)}></ha-icon>`}
+      </span>
+      <span class="source-chip-label">${e.label}</span>
+      ${i ? r : n`<button
+            class="source-chip-remove"
+            @click=${(n) => {
+		n.preventDefault(), t.onSourceRemoved(e.id);
+	}}
+          >&#x2715;</button>`}
+    </div>
+  `;
+}
+function Fn(e) {
+	switch (e) {
+		case "number": return "mdi:chart-line";
+		case "string": return "mdi:text";
+		case "boolean": return "mdi:toggle-switch";
+		default: return "mdi:code-tags";
+	}
+}
+function In(e) {
+	let t = e.selectedEntityId && e.hass ? e.hass.states[e.selectedEntityId] : void 0, r = e.path, i = t ? (() => {
+		if (r.length === 0) return t.attributes;
+		let e = t.attributes;
+		for (let t of r) {
+			if (!Z(e)) return;
+			e = e[t];
+		}
+		return e;
+	})() : void 0;
+	return n`
+    <div class="entity-browser">
+      ${Ln(t, e)}
+      <div class="entity-browser-list">
+        ${t ? Rn(t, r, Z(i) ? i : {}, e) : n`<div class="entity-browser-empty">${X(e.hass, "no_entity_selected")}</div>`}
+      </div>
+    </div>
+  `;
+}
+function Ln(e, t) {
+	return !e || t.path.length === 0 ? n`` : n`
+    <div class="entity-breadcrumb">
+      ${t.path.map((e, i) => n`
+          ${i > 0 ? n`<span class="entity-breadcrumb-sep">/</span>` : r}
+          <button class="entity-crumb" @click=${() => t.onBreadcrumbClick(t.path.slice(0, i + 1))}>${e}</button>
+        `)}
+    </div>
+  `;
+}
+function Rn(e, t, i, a) {
+	let o = Object.entries(i).sort(([e], [t]) => e.localeCompare(t)), s = o.some(([n, r]) => Z(r) ? !0 : j(r) !== void 0 && !!M(e, [...t, n]));
+	return n`
+    <div class="entity-browser-entries">
+      ${t.length > 0 ? n`
+            <div class="entity-browser-back" @click=${() => a.onBreadcrumbClick(t.slice(0, -1))}>
+              &#x2190; ${X(a.hass, "back")}
+            </div>
+          ` : n`
+            ${Wn(e, a)}
+            ${s ? n`
+                  <div class="entity-browser-section-title">${X(a.hass, "attributes")}</div>
+                  ${zn(a)}
+                ` : r}
+          `}
+      ${t.length === 0 && a.attributeSearch.trim() ? qn(e, a) : o.map(([n, r]) => Gn(e, n, r, t, a))}
+    </div>
+  `;
+}
+function zn(e) {
+	let t = X(e.hass, "search_attributes");
+	return n`
+    <div class="entity-browser-search">
+      <input
+        class="entity-browser-search-input"
+        type="search"
+        .value=${e.attributeSearch}
+        placeholder=${t}
+        aria-label=${t}
+        @input=${(t) => e.onAttributeSearchChanged(t.target.value)}
+        @click=${(e) => e.stopPropagation()}
+        @keydown=${(e) => e.stopPropagation()}
+      />
+    </div>
+  `;
+}
+function Bn(e, t) {
+	return t.selectedSources.some((t) => t.id === e);
+}
+function Vn(e, t) {
+	return (t.resolved?.series ?? []).some((t) => t.id === e);
+}
+function Hn(e, t) {
+	let n = t.selectedSources.some((t) => t.entityId === e), r = (t.resolved?.series ?? []).some((t) => t.entity === e);
+	return n || r;
+}
+function Un(e, t) {
+	if (!e.entity_id.startsWith("climate.")) return !1;
+	let n = t.selectedSources.some((t) => t.entityId.startsWith("climate.") && t.entityId !== e.entity_id), r = (t.resolved?.series ?? []).some((t) => t.entity.startsWith("climate.") && t.entity !== e.entity_id);
+	return n || r;
+}
+function Wn(e, t) {
+	let i = ue(e);
+	return i ? Un(e, t) ? n`
+      <div class="entity-browser-entity entity-browser-entity--disabled">
+        <span class="entity-browser-entry-label">${e.entity_id}</span>
+      </div>
+    ` : Bn(i.id, t) ? n`
+      <div class="entity-browser-entity entity-browser-entity--present entity-browser-entity--removable" @click=${() => t.onSourceRemoved(i.id)}>
+        <span class="entity-browser-entry-label">${e.entity_id}</span>
+      </div>
+    ` : Vn(i.id, t) ? n`
+      <div class="entity-browser-entity entity-browser-entity--present entity-browser-entity--forced">
+        <span class="entity-browser-entry-label">${e.entity_id}</span>
+      </div>
+    ` : Hn(e.entity_id, t) ? n`
+      <div class="entity-browser-entity entity-browser-entity--disabled">
+        <span class="entity-browser-entry-label">${e.entity_id}</span>
+      </div>
+    ` : n`
+    <div class="entity-browser-entity" @click=${() => t.onSourceAdded(i)}>
+      <span class="entity-browser-entry-label">${e.entity_id}</span>
+    </div>
+  ` : r;
+}
+function Gn(e, t, i, a, o) {
+	if (Z(i)) return n`
+      <div class="entity-browser-entry" @click=${() => o.onBreadcrumbClick([...a, t])}>
+        <span class="entity-browser-entry-label">${t}</span>
+        <span class="entity-browser-entry-arrow">&#x203A;</span>
+      </div>
+    `;
+	let s = j(i), c = [...a, t];
+	if (!s) return r;
+	let l = M(e, c);
+	return l ? Kn({
+		label: t,
+		source: l,
+		type: s,
+		opts: o
+	}) : r;
+}
+function Kn(e) {
+	let { label: t, source: i, type: a, opts: o, secondary: s } = e, c = n`
+    <span class="entity-browser-entry-text">
+      <span class="entity-browser-entry-label">${t}</span>
+      ${s ? n`<span class="entity-browser-entry-secondary">${s}</span>` : r}
+    </span>
+    <span class="entity-browser-entry-type">${a}</span>
+  `;
+	return Bn(i.id, o) ? n`
+      <div class="entity-browser-entry entity-browser-entry--present entity-browser-entry--removable" @click=${() => o.onSourceRemoved(i.id)}>
+        ${c}
+      </div>
+    ` : Vn(i.id, o) ? n`
+      <div class="entity-browser-entry entity-browser-entry--present entity-browser-entry--forced">
+        ${c}
+      </div>
+    ` : n`
+    <div class="entity-browser-entry" @click=${() => o.onSourceAdded(i)}>
+      ${c}
+    </div>
+  `;
+}
+function qn(e, t) {
+	let i = Jn(e, e.attributes, t.attributeSearch), a = i.slice(0, Dn);
+	return a.length === 0 ? n`<div class="entity-browser-search-empty">${X(t.hass, "no_matching_attributes")}</div>` : n`
+    <div class="entity-browser-search-results">
+      ${a.map((e) => Kn({
+		label: e.key,
+		source: e.source,
+		type: e.valueType,
+		opts: t,
+		secondary: e.dottedPath
+	}))}
+      ${i.length > a.length ? n`<div class="entity-browser-search-count">${X(t.hass, "attribute_results_limited")}</div>` : r}
+    </div>
+  `;
+}
+function Jn(e, t, n) {
+	let r = n.trim().toLocaleLowerCase();
+	if (!r) return [];
+	let i = [], a = (t, n, o) => {
+		if (!(o > En)) for (let [s, c] of Object.entries(t)) {
+			let t = [...n, s];
+			if (Z(c)) {
+				a(c, t, o + 1);
+				continue;
+			}
+			let l = j(c), u = l ? M(e, t) : void 0;
+			!l || !u || Yn(t, c).includes(r) && i.push({
+				key: s,
+				dottedPath: t.join("."),
+				valueType: l,
+				source: u
+			});
+		}
+	};
+	return a(t, [], 0), i.sort((e, t) => {
+		let n = Xn(e, r), i = Xn(t, r);
+		return n === i ? e.dottedPath.length === t.dottedPath.length ? e.dottedPath.localeCompare(t.dottedPath) : e.dottedPath.length - t.dottedPath.length : n - i;
+	});
+}
+function Yn(e, t) {
+	let n = typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : "";
+	return [
+		...e,
+		e.join("."),
+		n
+	].join(" ").toLocaleLowerCase();
+}
+function Xn(e, t) {
+	let n = e.key.toLocaleLowerCase(), r = e.dottedPath.toLocaleLowerCase();
+	return n.startsWith(t) ? 0 : r.startsWith(t) ? 1 : n.includes(t) ? 2 : r.includes(t) ? 3 : 4;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
+function Q(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+//#region src/ha-better-history.ts
+var Zn = /°[CF]|[CFK]$/, Qn = 60, $n = 1e3;
+function er(e) {
+	return Zn.test(e);
+}
+var $ = class extends e {
+	constructor(...e) {
+		super(...e), this.hours = 24, this.showDatePicker = !1, this.showEntityPicker = !1, this.showImportButton = !1, this.showLegend = !0, this.showTooltip = !0, this.showControls = !0, this.debugPerformance = !1, this.toolsOpen = !1, this._hiddenSeriesIds = [], this._liveNow = Date.now(), this._datePickerReady = !1, this._entityComponentsReady = !1, this._attributeMenuOpen = !1, this._attributeSearch = "", this._path = [], this._selectedSources = [], this._customEntityIds = [], this._entityPickerOpen = !1, this._data = new Pe(this), this._tooltip = new zt(this), this._prevClipX = /* @__PURE__ */ new Map(), this._prevStartTime = 0, this._prevEndTime = 0, this._prevContainerWidth = 0, this._wasLoading = !1, this._suppressLineAnimation = !1, this._pendingAddedSources = [], this._dragDropCommitted = !1, this._lastPickerOverlayOpen = !1, this._importedSeriesMeta = /* @__PURE__ */ new Map(), this._importedDataActive = !1, this._containerWidth = 0, this._lastFetchKey = "", this._lastFetchSources = [], this._lastHassResolveTime = 0, this._getEntityPickerItems = () => this._pickerEntities().map((e) => ({
+			id: e.entity_id,
+			primary: On(e),
+			secondary: e.entity_id
+		})), this._getAdditionalEntityPickerItems = (e) => {
+			if (!this.hass || !e?.trim()) return [];
+			let t = e.toLowerCase(), n = new Set(this._pickerEntities().map((e) => e.entity_id));
+			return Object.values(this.hass.states).filter((e) => e !== void 0).filter((e) => !n.has(e.entity_id)).filter((e) => e.entity_id.toLowerCase().includes(t) || typeof e.attributes.friendly_name == "string" && e.attributes.friendly_name.toLowerCase().includes(t)).slice(0, 20).map((e) => ({
+				id: e.entity_id,
+				primary: On(e),
+				secondary: e.entity_id
+			}));
+		}, this._handleDocumentPointerDown = (e) => {
+			this._attributeMenuOpen && (this._isEventInsideAttributeOverlay(e) || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation()));
+		}, this._handleDocumentClick = (e) => {
+			this._attributeMenuOpen && (this._isEventInsideAttributeOverlay(e) || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this._closeAttributeMenu()));
+		};
+	}
+	static {
+		this.styles = gn;
+	}
+	connectedCallback() {
+		super.connectedCallback(), yn(), document.addEventListener("pointerdown", this._handleDocumentPointerDown, !0), document.addEventListener("mousedown", this._handleDocumentPointerDown, !0), document.addEventListener("click", this._handleDocumentClick, !0), this._resizeObserver = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width ?? 0;
+			t !== this._containerWidth && (this._containerWidth = t);
+		}), this._resizeObserver.observe(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("pointerdown", this._handleDocumentPointerDown, !0), document.removeEventListener("mousedown", this._handleDocumentPointerDown, !0), document.removeEventListener("click", this._handleDocumentClick, !0), this._resizeObserver?.disconnect(), this._resizeObserver = void 0, this._sourceAddBatchTimer !== void 0 && (clearTimeout(this._sourceAddBatchTimer), this._sourceAddBatchTimer = void 0), this._stopLiveClock();
+	}
+	_maxXTicks() {
+		return this._containerWidth <= 0 ? 12 : Math.max(3, Math.floor(this._containerWidth * 640 / (720 * 50)));
+	}
+	_effectiveStartDate() {
+		return this._rangeStart ?? this.startDate ?? this.config?.startDate ?? /* @__PURE__ */ new Date(Date.now() - (this.config?.hours ?? this.hours ?? 24) * 36e5);
+	}
+	_effectiveEndDate() {
+		let e = this._requestedEndDate(), t = this._liveNow || Date.now();
+		return e.getTime() > t ? new Date(t) : e;
+	}
+	_requestedEndDate() {
+		return this._rangeEnd ?? this.endDate ?? this.config?.endDate ?? /* @__PURE__ */ new Date();
+	}
+	_rangeExtendsFuture() {
+		return this._requestedEndDate().getTime() > Date.now();
+	}
+	_syncLiveClock() {
+		if (!this._rangeExtendsFuture()) {
+			this._stopLiveClock();
+			return;
+		}
+		if (this._liveNowTimer !== void 0) return;
+		let e = Date.now();
+		this._viewEnd &&= new Date(e), this._liveNow = e, this._liveNowTimer = setInterval(() => {
+			if (!this._rangeExtendsFuture()) {
+				this._stopLiveClock();
+				return;
+			}
+			let e = this._effectiveEndDate().getTime(), t = !this._viewEnd || Math.abs(this._viewEnd.getTime() - e) <= $n * 2, n = Date.now();
+			this._liveNow = n, t && (this._viewEnd = new Date(n));
+		}, $n);
+	}
+	_stopLiveClock() {
+		this._liveNowTimer !== void 0 && (clearInterval(this._liveNowTimer), this._liveNowTimer = void 0);
+	}
+	_effectiveLineMode() {
+		return this._runtimeLineMode ?? this.config?.lineMode ?? this.lineMode;
+	}
+	_effectiveViewRange() {
+		let e = this._resolved?.startDate ?? this._effectiveStartDate(), t = this._rangeExtendsFuture() ? this._effectiveEndDate() : this._resolved?.endDate ?? this._effectiveEndDate(), n = this._viewStart && this._viewStart.getTime() >= e.getTime() ? this._viewStart : e, r = this._viewEnd && this._viewEnd.getTime() <= t.getTime() ? this._viewEnd : t;
+		return r.getTime() > n.getTime() ? {
+			start: n,
+			end: r
+		} : {
+			start: e,
+			end: t
+		};
+	}
+	_pickerEntities() {
+		return this.hass ? [...this.config?.defaultEntities ?? [], ...this._customEntityIds].filter((e) => typeof e == "string" && e !== "").filter((e, t, n) => n.indexOf(e) === t).map((e) => this.hass?.states[e]).filter((e) => e !== void 0) : [];
+	}
+	_fetchSources() {
+		let e = [], t = /* @__PURE__ */ new Set();
+		if (this._resolved && !this._importedDataActive) for (let n of this._resolved.series) t.has(n.id) || (t.add(n.id), e.push(Wt(n)));
+		for (let n of this._selectedSources) {
+			let r = this._sourceWithAttributeUnit(n);
+			t.has(r.id) || (t.add(r.id), e.push(r));
+		}
+		return e;
+	}
+	_isDefaultSource(e) {
+		return (this._resolved?.series ?? []).some((t) => t.id === e.id);
+	}
+	_resolvedTemperatureUnit() {
+		return this._resolved?.series.find((e) => e.scaleGroupKey === "group:temperature" && e.unit && er(e.unit))?.unit;
+	}
+	willUpdate(e) {
+		this._data.debugPerformance = this.debugPerformance || this.config?.debugPerformance === !0;
+		let t = this._effectiveStartDate().getTime(), n = this._effectiveEndDate().getTime(), r = this._rangeExtendsFuture();
+		this._syncLiveClock(), e.has("hass") && r && this._data.updateLivePoints(this.hass, this._lastFetchSources, new Date(t), new Date(n));
+		let i = t !== this._prevStartTime || n !== this._prevEndTime, a = this._containerWidth !== this._prevContainerWidth, o = e.has("_rangeStart") || e.has("_rangeEnd") || e.has("startDate") || e.has("endDate") || e.has("config") || e.has("hours");
+		(i || a) && (r && i && !a && !o || this._prevClipX.clear(), this._prevStartTime = t, this._prevEndTime = n, this._prevContainerWidth = this._containerWidth), this._data.loading && this._data.series.length === 0 && this._prevClipX.clear();
+		let s = /* @__PURE__ */ "_rangeStart._rangeEnd._selectedSources.hass.config.entities.hours.startDate.endDate.showDatePicker.showEntityPicker.showLegend.showTooltip.width.height.lineMode.lineWidth.backgroundColor.graphTitle.titleFontFamily.titleFontSize.titleColor.language.debugPerformance.attributeUnits._runtimeLineMode".split(".");
+		if (s.some((t) => e.has(t))) {
+			let t = !s.some((t) => t !== "hass" && e.has(t));
+			if ((e.has("config") || e.has("entities")) && (this._importedDataActive = !1, this._importedSeriesMeta.clear()), t) {
+				let e = Math.floor(Date.now() / 1e3) * 1e3;
+				if (r && this._lastFetchKey) {
+					this._lastHassResolveTime = e;
+					return;
+				}
+				if (e === this._lastHassResolveTime && this._lastFetchKey) return;
+				this._lastHassResolveTime = e;
+			}
+			let n = pn({
+				config: this.config,
+				entities: this.entities,
+				hours: this.hours,
+				startDate: this._effectiveStartDate(),
+				endDate: this._effectiveEndDate(),
+				showDatePicker: this.showDatePicker,
+				showEntityPicker: this.showEntityPicker,
+				showLegend: this.showLegend,
+				showTooltip: this.showTooltip,
+				width: this.width,
+				height: this.height,
+				lineMode: this._effectiveLineMode(),
+				lineWidth: this.lineWidth,
+				backgroundColor: this.backgroundColor,
+				title: this.graphTitle,
+				titleFontFamily: this.titleFontFamily,
+				titleFontSize: this.titleFontSize,
+				titleColor: this.titleColor,
+				language: this.language,
+				hass: this.hass,
+				attributeUnits: this.attributeUnits
+			});
+			this._resolved = n, !this._rangeStart && !this._rangeEnd && (this._rangeStart = n.startDate, this._rangeEnd = n.endDate), !this._viewStart && !this._viewEnd && (this._viewStart = n.startDate, this._viewEnd = n.endDate);
+			let i = this._fetchSources(), a = i.map((e) => e.id).sort().join("|"), o = `${a}|${n.startDate.getTime()}|${n.endDate.getTime()}`;
+			if (o !== this._lastFetchKey) {
+				let e = a === this._lastFetchKey.split("|").slice(0, -2).join("|") && this._lastFetchKey !== "";
+				if (this._lastFetchSources.length > 0 && !e) {
+					let e = new Set(this._lastFetchSources.map((e) => e.id)), t = new Set(i.map((e) => e.id)), r = i.filter((t) => !e.has(t.id)), a = this._lastFetchSources.filter((e) => !t.has(e.id)).map((e) => e.id);
+					r.length > 0 && a.length === 0 ? (this._lastFetchKey = o, this._lastFetchSources = i, this._data.addSources(this.hass, r, n.startDate, n.endDate)) : a.length > 0 && r.length === 0 ? (this._lastFetchKey = o, this._lastFetchSources = i, this._data.removeSources(a)) : (this._lastFetchKey = o, this._lastFetchSources = i, this._data.fetch(this.hass, i, n.startDate, n.endDate));
+				} else this._lastFetchKey = o, this._lastFetchSources = i, this._data.fetch(this.hass, i, n.startDate, n.endDate);
+			}
+			n.showDatePicker && !this._datePickerReady && wn().then(() => {
+				this._datePickerReady = Cn(), this.requestUpdate();
+			}), n.showEntityPicker && !this._entityComponentsReady && An().then(() => {
+				this._entityComponentsReady = jn(), this.requestUpdate();
+			});
+		}
+	}
+	updated(e) {
+		e.has("_attributeMenuOpen") && this._attributeMenuOpen && this._positionEntityMenu(), (e.has("_attributeMenuOpen") || e.has("_entityPickerOpen")) && this._emitPickerOverlayState(), this._animateClipPaths(), this._wasLoading = this._data.loading;
+	}
+	_emitPickerOverlayState() {
+		let e = this._attributeMenuOpen || this._entityPickerOpen;
+		e !== this._lastPickerOverlayOpen && (this._lastPickerOverlayOpen = e, this.dispatchEvent(new CustomEvent("picker-overlay-changed", {
+			detail: { open: e },
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	_onDateRangeChanged(e, t) {
+		this._rangeStart = e, this._rangeEnd = t, this._viewStart = e, this._viewEnd = t, this.dispatchEvent(new CustomEvent("range-changed", {
+			detail: {
+				startDate: e,
+				endDate: t
+			},
+			bubbles: !0,
+			composed: !0
+		})), this.requestUpdate();
+	}
+	_pickScaleGroup(e, t) {
+		if (e.valueType !== "number") return `series:${e.id}`;
+		if (e.unit) {
+			let t = this._resolved?.series.find((t) => t.unit === e.unit && t.valueType === "number");
+			if (t) return t.scaleGroupKey;
+			let n = this._resolved?.series.find((e) => e.scaleGroupKey === "group:temperature");
+			if (n && er(e.unit)) return n.scaleGroupKey;
+		}
+		return e.unit ? `unit:${e.unit}` : `series:${e.id}`;
+	}
+	_defaultLineMode() {
+		let e = this._effectiveLineMode();
+		return e === "line" || e === "column" ? e : "stair";
+	}
+	_defaultLineWidth() {
+		let e = this.config?.lineWidth ?? this.lineWidth;
+		return typeof e == "number" ? Number.isFinite(e) && e >= 0 ? String(e) : "2.5" : typeof e == "string" && e.trim() !== "" ? e.trim() : "2.5";
+	}
+	_showImportButton() {
+		return this.showImportButton || this.config?.showImportButton === !0;
+	}
+	_buildRenderSeries() {
+		if (!this._resolved) return [];
+		let e = this._importedDataActive ? [] : this._resolved.series.flatMap((e) => {
+			let t = this._data.series.find((t) => t.source.id === e.id);
+			return [{
+				id: e.id,
+				label: e.label,
+				color: e.color,
+				unit: e.unit,
+				scaleGroupKey: e.scaleGroupKey,
+				scaleMode: e.scaleMode,
+				scaleMin: e.scaleMin,
+				scaleMax: e.scaleMax,
+				lineMode: this._runtimeLineMode ?? e.lineMode,
+				lineWidth: e.lineWidth,
+				valueType: e.valueType,
+				points: t?.points ?? []
+			}];
+		});
+		for (let t of this._selectedSources) {
+			let n = this._sourceWithAttributeUnit(t);
+			if (e.some((e) => e.id === n.id)) continue;
+			let r = this._data.series.find((e) => e.source.id === n.id);
+			if (!r) continue;
+			let i = e.length, a = this._pickScaleGroup(n, e);
+			e.push({
+				id: n.id,
+				label: n.label,
+				color: this._importedSeriesMeta.get(n.id)?.color ?? L(i),
+				unit: n.unit,
+				scaleGroupKey: a,
+				scaleMode: "auto",
+				lineMode: this._runtimeLineMode ?? this._importedSeriesMeta.get(n.id)?.lineMode ?? this._defaultLineMode(),
+				lineWidth: this._defaultLineWidth(),
+				valueType: n.valueType,
+				points: r?.points ?? []
+			});
+		}
+		return e;
+	}
+	_chartSourceKey() {
+		return [...this._resolved?.series.map((e) => [
+			e.id,
+			e.label,
+			e.color,
+			e.unit ?? "",
+			e.scaleGroupKey,
+			e.scaleMode,
+			e.scaleMin ?? "",
+			e.scaleMax ?? "",
+			e.lineMode,
+			e.lineWidth,
+			e.valueType
+		].join("~")) ?? [], ...this._selectedSources.map((e) => {
+			let t = this._sourceWithAttributeUnit(e);
+			return [
+				t.id,
+				t.label,
+				t.kind,
+				t.unit ?? "",
+				t.valueType,
+				this._defaultLineMode(),
+				this._defaultLineWidth()
+			].join("~");
+		})].join("|");
+	}
+	_chartData() {
+		let e = this._hiddenSeriesIds.join("|"), t = this._chartSourceKey(), n = this._chartRenderCache, r = this._effectiveViewRange(), i = r.start.getTime(), a = r.end.getTime(), o = this._containerWidth, s = !this._data.loading;
+		if (n && n.seriesRef === this._data.series && n.sourceKey === t && n.hiddenKey === e && n.startTime === i && n.endTime === a && n.extendStairToEnd === s && n.containerWidth === o) return n.data;
+		let c = this._maxXTicks(), l = this._buildRenderSeries(), u = l.filter((e) => !this._hiddenSeriesIds.includes(e.id)), d = {
+			start: i,
+			end: Math.max(a, i + 1)
+		}, m = this._data.debugPerformance, h = m ? f() : 0, g = jt(l, u, d, this._resolved?.disableClimateOverlay ?? !1, c, s), _ = m ? f() - h : 0;
+		return m && p(m, "chart.build_data", {
+			allSeriesCount: l.length,
+			visibleSeriesCount: u.length,
+			pointCount: u.reduce((e, t) => e + t.points.length, 0),
+			groupCount: g.numericScales.length,
+			segmentCount: g.segments.length,
+			lineCount: g.numericLines.length,
+			buildDurationMs: Math.round(_)
+		}), this._chartRenderCache = {
+			seriesRef: this._data.series,
+			sourceKey: t,
+			hiddenKey: e,
+			startTime: i,
+			endTime: a,
+			extendStairToEnd: s,
+			containerWidth: o,
+			data: g
+		}, g;
+	}
+	_graphGroups(e) {
+		let t = this._maxXTicks(), n = this._graphGroupRenderCache;
+		if (n && n.dataRef === e && n.maxXTicks === t) return n.groups;
+		let r = Rt(e, t);
+		return this._graphGroupRenderCache = {
+			dataRef: e,
+			maxXTicks: t,
+			groups: r
+		}, r;
+	}
+	_renderGraphGroup(e) {
+		let t = this._resolved?.showLegend ?? !0;
+		return n`
+      <div class="graph-section">
+        <div class="graph-canvas" data-series-ids=${e.series.map((e) => e.id).join("|")} style="height:${e.canvasHeight}px">
+          <svg
+            viewBox="0 0 ${720} ${e.svgHeight}"
+            height="${e.svgHeight}"
+            preserveAspectRatio="none"
+          >
+            ${e.xLabels.map((t) => i`
+                <line class="grid-line grid-line--vertical" x1=${t.x.toFixed(1)} y1=${18} x2=${t.x.toFixed(1)} y2=${e.svgHeight - 18}></line>
+              `)}
+            ${e.yLabels.map((e) => i`
+                <line class="grid-line grid-line--horizontal" x1=${40} y1=${e.y.toFixed(1)} x2=${680} y2=${e.y.toFixed(1)}></line>
+              `)}
+            <defs>
+              ${e.lines.map((t) => {
+			let n = t.id.replace(/[^a-zA-Z0-9]/g, "_");
+			return i`
+                  <clipPath id=${`clip-${n}`}>
+                    <rect id=${`rect-${n}`} x="0" y="0" width="0" height=${e.svgHeight}></rect>
+                  </clipPath>
+                `;
+		})}
+            </defs>
+            ${e.heatingAreas.map((e) => i`<polygon class="climate-heating-area" points=${e.points}></polygon>`)}
+            ${e.columns.map((e) => i`<rect class="column" x=${e.x.toFixed(1)} y=${e.y.toFixed(1)} width=${e.width.toFixed(1)} height=${e.height.toFixed(1)} fill=${e.fill}></rect>`)}
+            ${e.lines.map((e) => {
+			let t = `clip-${e.id.replace(/[^a-zA-Z0-9]/g, "_")}`, n = e.points.split(" "), a = n[n.length - 1], o = a ? parseFloat(a.split(",")[0]) : 0, s = this._prevClipX.get(e.id) ?? 0, c = !this._suppressLineAnimation && o > s;
+			return i`<polyline class="line" clip-path="url(#${t})" data-line-id=${e.id} data-animate-clip=${c ? "true" : r} data-target-x=${o} points=${e.points} stroke=${e.color} stroke-width=${e.lineWidth}></polyline>`;
+		})}
+            ${e.segments.map((e) => i`<rect class="segment" x=${e.x} y=${e.y} width=${e.width} height="9" fill=${e.fill}></rect>`)}
+            ${e.series.filter((e) => e.valueType !== "number" && e.valueType !== "boolean").map((e, t) => i`<rect class="segment-border" x=${40} y=${218 + t * 14} width=${640} height="9" fill="none" stroke=${e.color}></rect>`)}
+            <line class="axis" x1=${40} y1=${18} x2=${40} y2=${e.svgHeight - 18}></line>
+            ${e.rightYLabels.length > 0 ? i`<line class="axis" x1=${680} y1=${18} x2=${680} y2=${e.svgHeight - 18}></line>` : r}
+            <line class="axis" x1=${40} y1=${e.svgHeight - 18} x2=${680} y2=${e.svgHeight - 18}></line>
+            ${e.scale ? e.yLabels.map((e) => i`
+                    <line class="axis tick" x1=${36} y1=${e.y.toFixed(1)} x2=${40} y2=${e.y.toFixed(1)}></line>
+                  `) : r}
+            ${e.rightYLabels.map((e) => i`
+                <line class="axis tick" x1=${680} y1=${e.y.toFixed(1)} x2=${684} y2=${e.y.toFixed(1)}></line>
+              `)}
+          </svg>
+          ${e.yLabels.map((e) => {
+			let t = (40 / 720 * 100).toFixed(2);
+			return n`<span class="y-axis-label" style="top:${e.y.toFixed(1)}px;left:0;width:${t}%;text-align:right;padding-right:6px;">${e.value}</span>`;
+		})}
+          ${e.rightYLabels.map((e) => {
+			let t = (680 / 720 * 100).toFixed(2), r = (100 - Number(t)).toFixed(2);
+			return n`<span class="y-axis-label" style="top:${e.y.toFixed(1)}px;left:${t}%;width:${r}%;text-align:left;padding-left:6px;">${e.value}</span>`;
+		})}
+          ${e.xLabels.map((t) => {
+			let r = (t.x / 720 * 100).toFixed(2);
+			return n`<span class="x-axis-label ${t.bold ? "x-axis-label--bold" : ""}" style="left:${r}%;top:${e.svgHeight + 3}px;">${t.label}</span>`;
+		})}
+        </div>
+        ${t && e.allSeries.length > 0 ? n`
+            <div class="graph-legend">
+              ${e.allSeries.map((e) => n`
+                  <button class="legend-item" ?hidden-series=${this._hiddenSeriesIds.includes(e.id)} @click=${() => this._toggleSeries(e.id)}>
+                    <span class="swatch" style=${e.valueType === "string" ? `background:color-mix(in srgb,${e.color} 30%,transparent);border:1px solid ${e.color};` : `background:${e.color};`}></span>
+                    <span class="legend-label">${e.label}</span>
+                  </button>
+                `)}
+            </div>
+          ` : r}
+      </div>
+    `;
+	}
+	_animateClipPaths() {
+		let e = this.renderRoot;
+		if (!e) return;
+		let t = e.querySelectorAll("polyline[data-animate-clip=\"true\"]");
+		if (t.length === 0) {
+			e.querySelectorAll("polyline[data-line-id]").forEach((t) => {
+				let n = t.getAttribute("data-line-id");
+				if (!n) return;
+				let r = Number(t.getAttribute("data-target-x")), i = n.replace(/[^a-zA-Z0-9]/g, "_"), a = e.querySelector(`#rect-${i}`);
+				a instanceof SVGRectElement && (a.setAttribute("width", r.toString()), this._prevClipX.set(n, r));
+			});
+			return;
+		}
+		t.forEach((t) => {
+			let n = t.getAttribute("data-line-id"), r = Number(t.getAttribute("data-target-x"));
+			if (!n || !Number.isFinite(r)) return;
+			let i = this._prevClipX.get(n) ?? 0, a = n.replace(/[^a-zA-Z0-9]/g, "_"), o = e.querySelector(`#rect-${a}`);
+			o instanceof SVGRectElement && (o.style.setProperty("transition", "none"), o.setAttribute("width", i.toString()), o.getBoundingClientRect(), o.style.setProperty("transition", "width 0.9s cubic-bezier(0.25, 0.1, 0.25, 1)"), o.setAttribute("width", r.toString()), this._prevClipX.set(n, r)), t.removeAttribute("data-animate-clip");
+		});
+	}
+	_renderChartBody() {
+		if (this._data.error) {
+			let e = /timed?\s*out/i.test(this._data.error);
+			return n`<div class="error">${X(this.hass, e ? "error_timeout" : "error")}</div>`;
+		}
+		if (!this._resolved || this._resolved.series.length === 0 && this._selectedSources.length === 0) return n`<div class="empty">${X(this.hass, "no_series")}</div>`;
+		let e = this._chartData(), t = e.visibleSeries.some((e) => e.points.length > 0), i = this._resolved.showTooltip, a = this._graphGroups(e), o = a.length > 0 && (t || this._data.loading);
+		this._suppressLineAnimation = this._wasLoading && !this._data.loading;
+		let s = a.reduce((e, t) => e + t.canvasHeight, 0);
+		if (t && i) {
+			let t = a.flatMap((e) => e.allSeries.map((e) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color
+			})));
+			this._tooltip.sync(t, this._data.series, this._hiddenSeriesIds, s, e.timeBounds);
+		}
+		return n`
+      <div class="chart-surface">
+        ${o ? n`
+              <div class="chart-graphs"
+                @pointermove=${i ? (e) => this._tooltip.handlePointerMove(e) : r}
+                @pointerleave=${i ? () => this._tooltip.handlePointerLeave() : r}
+              >
+                ${a.map((e) => this._renderGraphGroup(e))}
+                ${i ? this._tooltip.renderTooltip() : r}
+              </div>` : this._data.loading ? r : n`<div class="empty">${X(this.hass, "empty")}</div>`}
+      </div>
+    `;
+	}
+	_renderEntityPickerUI() {
+		return !this._resolved?.showEntityPicker || !this._entityComponentsReady ? r : Mn({
+			hass: this.hass,
+			menuOpen: this._attributeMenuOpen,
+			entityPickerOpen: this._entityPickerOpen,
+			selectedEntityId: this._selectedEntityId,
+			path: this._path,
+			selectedSources: this._selectedSources,
+			draggingSourceId: this._draggingSourceId,
+			resolved: this._resolved,
+			loading: this._data.loading,
+			attributeSearch: this._attributeSearch,
+			getItems: this._getEntityPickerItems,
+			getAdditionalItems: this._getAdditionalEntityPickerItems,
+			onEntityPickerOpened: () => this._onEntityPickerOpened(),
+			onEntityPickerClosed: () => this._onEntityPickerClosed(),
+			onEntitySelected: (e) => this._onEntitySelected(e),
+			onAttributeSearchChanged: (e) => {
+				this._attributeSearch = e;
+			},
+			onSourceAdded: (e) => this._addSource(e),
+			onSourceRemoved: (e) => this._removeSource(e),
+			onSourceDragStart: (e, t) => this._onSourceDragStart(e, t),
+			onSourceDragOver: (e, t) => this._onSourceDragOver(e, t),
+			onSourceDragEnd: () => this._onSourceDragEnd(),
+			onSourceDrop: (e, t) => this._onSourceDrop(e, t),
+			onBreadcrumbClick: (e) => {
+				this._path = e;
+			},
+			onCloseMenu: () => this._closeAttributeMenu()
+		});
+	}
+	_rangePercent(e, t) {
+		let n = this._resolved?.startDate.getTime() ?? this._effectiveStartDate().getTime(), r = this._rangeExtendsFuture() ? this._effectiveEndDate().getTime() : this._resolved?.endDate.getTime() ?? this._effectiveEndDate().getTime(), i = Math.max(r - n, 1), a = e?.getTime() ?? t.getTime();
+		return Math.round((a - n) / i * 1e3);
+	}
+	_loadedRangeMs() {
+		let e = this._resolved?.startDate.getTime() ?? this._effectiveStartDate().getTime(), t = this._rangeExtendsFuture() ? this._effectiveEndDate().getTime() : this._resolved?.endDate.getTime() ?? this._effectiveEndDate().getTime(), n = Math.max(t, e + 1);
+		return {
+			start: e,
+			end: n,
+			span: n - e
+		};
+	}
+	_minViewSpanMs() {
+		let { span: e } = this._loadedRangeMs();
+		return Math.min(6e4, Math.max(1, Math.floor(e / 1e3)));
+	}
+	_setViewRangeMs(e, t) {
+		let n = this._loadedRangeMs(), r = this._minViewSpanMs(), i = Math.max(t - e, r), a = Math.min(i, n.span), o = Math.min(Math.max(e, n.start), n.end - a), s = o + a;
+		this._viewStart = new Date(o), this._viewEnd = new Date(s), this.dispatchEvent(new CustomEvent("view-range-changed", {
+			detail: {
+				start: this._viewStart,
+				end: this._viewEnd
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_dateFromRangePercent(e) {
+		let t = this._resolved?.startDate.getTime() ?? this._effectiveStartDate().getTime(), n = this._rangeExtendsFuture() ? this._effectiveEndDate().getTime() : this._resolved?.endDate.getTime() ?? this._effectiveEndDate().getTime();
+		return new Date(t + Math.max(0, Math.min(1e3, e)) / 1e3 * (n - t));
+	}
+	_formatRangeDate(e) {
+		return e.toLocaleString(this._resolved?.language ?? void 0, {
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	}
+	_setViewRangePart(e, t) {
+		let n = t.currentTarget, r = this._dateFromRangePercent(Number(n.value)), i = this._effectiveViewRange(), a = this._loadedRangeMs(), o = this._minViewSpanMs();
+		if (e === "start") {
+			let e = i.end.getTime();
+			this._setViewRangeMs(Math.min(Math.max(r.getTime(), a.start), e - o), e);
+		} else {
+			let e = i.start.getTime();
+			this._setViewRangeMs(e, Math.max(Math.min(r.getTime(), a.end), e + o));
+		}
+	}
+	_onRangeSelectionPointerDown(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget, n = t.closest(".range-slider-stack");
+		if (!(n instanceof HTMLElement)) return;
+		let r = n.getBoundingClientRect();
+		if (r.width <= 0) return;
+		let i = this._loadedRangeMs(), a = this._effectiveViewRange(), o = a.start.getTime(), s = a.end.getTime() - o;
+		if (s >= i.span - 1) return;
+		e.preventDefault(), e.stopPropagation();
+		let c = e.clientX;
+		t.setPointerCapture(e.pointerId), t.toggleAttribute("dragging", !0);
+		let l = (e) => {
+			e.preventDefault();
+			let t = (e.clientX - c) / r.width * i.span, n = Math.min(Math.max(o + t, i.start), i.end - s);
+			this._setViewRangeMs(n, n + s);
+		}, u = () => {
+			t.toggleAttribute("dragging", !1), t.removeEventListener("pointermove", l), t.removeEventListener("pointerup", u), t.removeEventListener("pointercancel", u);
+		};
+		t.addEventListener("pointermove", l), t.addEventListener("pointerup", u), t.addEventListener("pointercancel", u);
+	}
+	_resetViewRange() {
+		this._resolved && (this._viewStart = this._resolved.startDate, this._viewEnd = this._rangeExtendsFuture() ? this._effectiveEndDate() : this._resolved.endDate, this.dispatchEvent(new CustomEvent("view-range-changed", {
+			detail: {
+				start: this._viewStart,
+				end: this._viewEnd
+			},
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	_setRuntimeLineMode(e) {
+		this._runtimeLineMode = e;
+	}
+	_exportData() {
+		let e = this._effectiveViewRange(), t = this._buildRenderSeries().filter((e) => !this._hiddenSeriesIds.includes(e.id)).map((t) => ({
+			id: t.id,
+			entityId: t.id.startsWith("attr:") ? t.id.slice(5).split(":")[0] : t.id.replace(/^state:/, ""),
+			attribute: t.id.startsWith("attr:") ? t.id.slice(5).split(":").slice(1).join(":") : void 0,
+			label: t.label,
+			unit: t.unit,
+			valueType: t.valueType,
+			lineMode: t.lineMode,
+			color: t.color,
+			points: t.points.filter((t) => t.time >= e.start.getTime() && t.time <= e.end.getTime()).map((e) => ({
+				timestamp: new Date(e.time).toISOString(),
+				value: e.value
+			}))
+		})), n = {
+			format: "ha-better-history-series-v1",
+			exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			loadedRange: {
+				start: this._resolved?.startDate.toISOString(),
+				end: (this._rangeExtendsFuture() ? this._effectiveEndDate() : this._resolved?.endDate)?.toISOString()
+			},
+			viewRange: {
+				start: e.start.toISOString(),
+				end: e.end.toISOString()
+			},
+			series: t
+		}, r = new Blob([JSON.stringify(n, null, 2)], { type: "application/json" }), i = URL.createObjectURL(r), a = document.createElement("a"), o = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+		a.href = i, a.download = `ha-better-history-${o}.json`, a.click(), URL.revokeObjectURL(i);
+	}
+	_importData() {
+		let e = document.createElement("input");
+		e.type = "file", e.accept = "application/json,.json", e.addEventListener("change", () => {
+			let t = e.files?.[0];
+			t && t.text().then((e) => this._applyImportedData(JSON.parse(e))).catch(() => this._data.setError("Invalid import file"));
+		}, { once: !0 }), e.click();
+	}
+	_applyImportedData(e) {
+		if (!this._isExportPayload(e)) {
+			this._data.setError("Unsupported import format");
+			return;
+		}
+		let t = this._parseImportedSeries(e.series ?? []);
+		if (!t) {
+			this._data.setError("Invalid import data");
+			return;
+		}
+		let n = this._parseDate(e.viewRange?.start), r = this._parseDate(e.viewRange?.end), i = this._parseDate(e.loadedRange?.start) ?? n, a = this._parseDate(e.loadedRange?.end) ?? r;
+		if (!n || !r || !i || !a || i.getTime() >= a.getTime()) {
+			this._data.setError("Invalid import range");
+			return;
+		}
+		this._importedSeriesMeta = t.meta, this._importedDataActive = !0, this._selectedSources = t.series.map((e) => e.source), this._rangeStart = i, this._rangeEnd = a, this._viewStart = n, this._viewEnd = r, this._hiddenSeriesIds = [], this._chartRenderCache = void 0, this._graphGroupRenderCache = void 0;
+		let o = this._selectedSources.map((e) => e.id).sort().join("|");
+		this._lastFetchKey = `${o}|${i.getTime()}|${a.getTime()}`, this._lastFetchSources = [...this._selectedSources], this._data.setImportedSeries(t.series, i, a), this.dispatchEvent(new CustomEvent("data-imported", {
+			detail: {
+				start: i,
+				end: a,
+				seriesCount: t.series.length
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_isExportPayload(e) {
+		return typeof e == "object" && !!e && e.format === "ha-better-history-series-v1";
+	}
+	_parseImportedSeries(e) {
+		let t = [], n = /* @__PURE__ */ new Map();
+		for (let r of e) {
+			if (typeof r != "object" || !r) return;
+			let e = r, i = typeof e.id == "string" && e.id.trim() !== "" ? e.id : void 0, a = typeof e.entityId == "string" && e.entityId.trim() !== "" ? e.entityId : void 0, o = typeof e.label == "string" && e.label.trim() !== "" ? e.label : i, s = e.valueType === "number" || e.valueType === "boolean" || e.valueType === "string" ? e.valueType : void 0, c = Array.isArray(e.points) ? e.points : void 0;
+			if (!i || !a || !o || !s || !c) return;
+			let l = typeof e.attribute == "string" && e.attribute.trim() !== "" ? e.attribute : void 0, u = {
+				id: i,
+				kind: l ? "entity_attribute" : "entity_state",
+				entityId: a,
+				label: o,
+				path: l?.split("."),
+				valueType: s,
+				unit: typeof e.unit == "string" ? e.unit : void 0
+			}, d = c.map((e) => this._parseImportedPoint(e, s)).filter((e) => e !== void 0).sort((e, t) => e.time - t.time);
+			t.push({
+				source: u,
+				points: d
+			}), n.set(i, {
+				color: typeof e.color == "string" && e.color.trim() !== "" ? e.color : void 0,
+				lineMode: e.lineMode === "line" || e.lineMode === "column" || e.lineMode === "stair" ? e.lineMode : void 0
+			});
+		}
+		return {
+			series: t,
+			meta: n
+		};
+	}
+	_parseImportedPoint(e, t) {
+		if (typeof e != "object" || !e) return;
+		let n = e, r = Date.parse(String(n.timestamp ?? "")), i = n.value;
+		if (Number.isFinite(r) && (t === "number" && typeof i == "number" && Number.isFinite(i) || t === "boolean" && typeof i == "boolean" || t === "string" && typeof i == "string")) return {
+			time: r,
+			value: i
+		};
+	}
+	_parseDate(e) {
+		if (typeof e != "string") return;
+		let t = Date.parse(e);
+		return Number.isFinite(t) ? new Date(t) : void 0;
+	}
+	_renderToolsPanel() {
+		if (!this.toolsOpen || !this._resolved) return r;
+		let e = this._effectiveViewRange(), t = this._rangePercent(this._viewStart, this._resolved.startDate), i = this._rangePercent(this._viewEnd, this._resolved.endDate), a = (t + i) / 20, o = this._defaultLineMode();
+		return n`
+      <div class="tools-panel">
+        <div class="tool-range">
+          <div class="tool-range-head">
+            <span class="tool-label"><ha-icon .icon=${"mdi:timeline-clock-outline"}></ha-icon>${X(this.hass, "view_range")}</span>
+            <button class="tool-icon-button" title=${X(this.hass, "reset_zoom")} @click=${() => this._resetViewRange()}>
+              <ha-icon .icon=${"mdi:restore"}></ha-icon>
+            </button>
+          </div>
+          <div class="range-values">
+            <span>${this._formatRangeDate(e.start)}</span>
+            <span>${this._formatRangeDate(e.end)}</span>
+          </div>
+          <div class="range-slider-stack">
+            <div
+              class="range-selection"
+              style="left:${t / 10}%;right:${100 - i / 10}%;"
+            ></div>
+            <div
+              class="range-selection-hit"
+              style="left:clamp(18px, ${a}%, calc(100% - 18px));"
+              @pointerdown=${(e) => this._onRangeSelectionPointerDown(e)}
+            ></div>
+            <input class="range-slider" type="range" min="0" max="1000" .value=${String(t)} @input=${(e) => this._setViewRangePart("start", e)} />
+            <input class="range-slider" type="range" min="0" max="1000" .value=${String(i)} @input=${(e) => this._setViewRangePart("end", e)} />
+          </div>
+        </div>
+        <div class="tool-actions">
+          <div class="mode-switch" role="group" aria-label=${X(this.hass, "line_mode")}>
+            ${[
+			[
+				"stair",
+				"mdi:stairs",
+				"mode_stair"
+			],
+			[
+				"line",
+				"mdi:chart-line",
+				"mode_line"
+			],
+			[
+				"column",
+				"mdi:chart-bar",
+				"mode_column"
+			]
+		].map(([e, t, r]) => n`
+              <button
+                class="mode-button"
+                ?active=${o === e}
+                title=${X(this.hass, r)}
+                @click=${() => this._setRuntimeLineMode(e)}
+              >
+                <ha-icon .icon=${t}></ha-icon>
+              </button>
+            `)}
+          </div>
+          <button class="tool-action-button" @click=${() => this._exportData()}>
+            <ha-icon .icon=${"mdi:download"}></ha-icon>
+            <span>${X(this.hass, "export_data")}</span>
+          </button>
+          ${this._showImportButton() ? n`
+              <button class="tool-action-button" @click=${() => this._importData()}>
+                <ha-icon .icon=${"mdi:upload"}></ha-icon>
+                <span>${X(this.hass, "import_data")}</span>
+              </button>
+            ` : r}
+        </div>
+      </div>
+    `;
+	}
+	render() {
+		let e = this._resolved?.width ?? "100%", t = this._resolved?.backgroundColor ?? "transparent", i = this._resolved?.title?.trim(), a = [
+			this._resolved?.titleFontFamily ? `font-family:${this._resolved.titleFontFamily};` : "",
+			this._resolved?.titleFontSize ? `font-size:${this._resolved.titleFontSize};` : "",
+			this._resolved?.titleColor ? `color:${this._resolved.titleColor};` : ""
+		].join("");
+		return n`
+      <div class="root" style="width:${e};background:${t};">
+        ${i ? n`<div class="graph-title" style=${a}>${i}</div>` : r}
+        ${this.showControls ? n`<div class="controls-bar">
+              ${this._renderDatePicker()}
+              ${this._renderEntityPickerUI()}
+            </div>` : r}
+        ${this._renderToolsPanel()}
+        <div class="chart-area">
+          ${this._renderChartBody()}
+        </div>
+      </div>
+    `;
+	}
+	_toggleSeries(e) {
+		let t = !this._hiddenSeriesIds.includes(e);
+		this._hiddenSeriesIds = t ? [...this._hiddenSeriesIds, e] : this._hiddenSeriesIds.filter((t) => t !== e), this.dispatchEvent(new CustomEvent("series-toggled", {
+			detail: {
+				id: e,
+				hidden: t
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_renderDatePicker() {
+		return !this._resolved?.showDatePicker || !this._datePickerReady ? r : Tn(this.hass, this._resolved.startDate, this._resolved.endDate, (e, t) => this._onDateRangeChanged(e, t));
+	}
+	_positionEntityMenu() {
+		let e = this.renderRoot?.querySelector(".entity-trigger"), t = this.renderRoot?.querySelector(".entity-menu");
+		if (!e || !t) return;
+		t.style.top = "0", t.style.left = "0", t.style.right = "", t.style.width = "";
+		let n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = this.getBoundingClientRect(), a = i.bottom - 8 - r.bottom - 8;
+		t.style.maxHeight = `${Math.min(Math.max(a, 120), 420)}px`, t.style.top = `${r.bottom - n.top + 6}px`;
+		let o = i.left + 8, s = i.right - 8, c = s - o, l = Math.min(420, c);
+		t.style.width = `${l}px`;
+		let u;
+		window.matchMedia("(hover: hover) and (pointer: fine)").matches ? (u = r.left, u = Math.min(u, s - l), u = Math.max(u, o)) : (u = o, t.style.width = `${c}px`), t.style.left = `${u - n.left}px`, t.style.right = "";
+	}
+	_closeAttributeMenu() {
+		this._attributeMenuOpen = !1, this._entityPickerOpen = !1, this._attributeSearch = "";
+	}
+	_onEntitySelected(e) {
+		new Set(this._pickerEntities().map((e) => e.entity_id)).has(e) || (this._customEntityIds = [...this._customEntityIds, e]), this._selectedEntityId = e, this._path = [], this._attributeSearch = "", this._entityPickerOpen = !1, this._attributeMenuOpen = !0;
+	}
+	_onEntityPickerOpened() {
+		this._entityPickerOpen = !0, this._attributeMenuOpen = !1;
+	}
+	_onEntityPickerClosed() {
+		this._entityPickerOpen = !1;
+	}
+	_isEventInsideAttributeOverlay(e) {
+		let t = e.composedPath(), n = this.renderRoot?.querySelector(".entity-menu");
+		if (n && t.includes(n)) return !0;
+		for (let e of t) {
+			if (!(e instanceof HTMLElement)) continue;
+			let t = e.localName;
+			if (t === "ha-generic-picker" || t === "ha-combo-box" || t === "vaadin-combo-box-overlay" || t === "mwc-menu-surface" || t === "ha-md-list" || t === "md-menu") return !0;
+		}
+		return !1;
+	}
+	_sourceWithAttributeUnit(e) {
+		if (e.kind !== "entity_attribute" || !e.path) return e;
+		let t = Ut(e.path, this.attributeUnits ?? this.config?.attributeUnits), n = Ht(t) ? this._resolvedTemperatureUnit() ?? t : t;
+		return !n || e.unit === n ? e : {
+			...e,
+			unit: n
+		};
+	}
+	_addSource(e) {
+		if (this._selectedSources.some((t) => t.id === e.id) || this._pendingAddedSources.some((t) => t.id === e.id) || (this._resolved?.series ?? []).some((t) => t.id === e.id)) return;
+		let t = this._sourceWithAttributeUnit(e);
+		this._pendingAddedSources = [...this._pendingAddedSources, t], this.dispatchEvent(new CustomEvent("series-added", {
+			detail: { source: t },
+			bubbles: !0,
+			composed: !0
+		})), this._sourceAddBatchTimer !== void 0 && clearTimeout(this._sourceAddBatchTimer), this._sourceAddBatchTimer = setTimeout(() => this._flushPendingAddedSources(), Qn);
+	}
+	_flushPendingAddedSources() {
+		if (this._sourceAddBatchTimer = void 0, this._pendingAddedSources.length === 0) return;
+		let e = new Set(this._selectedSources.map((e) => e.id)), t = this._pendingAddedSources.filter((t) => !e.has(t.id));
+		this._pendingAddedSources = [], t.length !== 0 && (this._selectedSources = [...this._selectedSources, ...t], this.requestUpdate());
+	}
+	_removeSource(e) {
+		let t = this._selectedSources.find((t) => t.id === e);
+		this._pendingAddedSources = this._pendingAddedSources.filter((t) => t.id !== e), !(!t || this._isDefaultSource(t)) && (this._selectedSources = this._selectedSources.filter((t) => t.id !== e), this._hiddenSeriesIds = this._hiddenSeriesIds.filter((t) => t !== e), this.dispatchEvent(new CustomEvent("series-removed", {
+			detail: { sourceId: e },
+			bubbles: !0,
+			composed: !0
+		})), this.requestUpdate());
+	}
+	_onSourceDragStart(e, t) {
+		let n = this._selectedSources.find((t) => t.id === e);
+		if (!n || this._isDefaultSource(n)) {
+			t.preventDefault();
+			return;
+		}
+		this._draggingSourceId = e, this._dragStartSourceIds = this._selectedSources.map((e) => e.id), this._dragDropCommitted = !1, t.dataTransfer?.setData("text/plain", e), t.dataTransfer && (t.dataTransfer.effectAllowed = "move");
+	}
+	_onSourceDragEnd() {
+		if (!this._dragDropCommitted && this._dragStartSourceIds) {
+			let e = new Map(this._dragStartSourceIds.map((e, t) => [e, t]));
+			this._selectedSources = [...this._selectedSources].sort((t, n) => (e.get(t.id) ?? 2 ** 53 - 1) - (e.get(n.id) ?? 2 ** 53 - 1));
+		}
+		this._draggingSourceId = void 0, this._dragStartSourceIds = void 0, this._dragDropCommitted = !1;
+	}
+	_onSourceDragOver(e, t) {
+		t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
+		let n = this._draggingSourceId ?? t.dataTransfer?.getData("text/plain");
+		n && this._previewSourceOrder(n, e);
+	}
+	_onSourceDrop(e, t) {
+		t.preventDefault(), t.stopPropagation();
+		let n = this._draggingSourceId ?? t.dataTransfer?.getData("text/plain");
+		n && (this._previewSourceOrder(n, e), this._dragDropCommitted = !0, this.dispatchEvent(new CustomEvent("series-reordered", {
+			detail: { sourceIds: this._selectedSources.map((e) => e.id) },
+			bubbles: !0,
+			composed: !0
+		})), this.requestUpdate());
+	}
+	_previewSourceOrder(e, t) {
+		if (e === t) return;
+		let n = this._selectedSources.find((t) => t.id === e);
+		if (!n || this._isDefaultSource(n)) return;
+		let r = this._selectedSources.filter((t) => t.id !== e), i = t ? r.findIndex((e) => e.id === t) : r.length;
+		if (i < 0) return;
+		let a = [
+			...r.slice(0, i),
+			n,
+			...r.slice(i)
+		];
+		a.map((e) => e.id).join("|") !== this._selectedSources.map((e) => e.id).join("|") && (this._selectedSources = a, this.requestUpdate());
+	}
+};
+Q([a({ attribute: !1 })], $.prototype, "hass", void 0), Q([a({ attribute: !1 })], $.prototype, "config", void 0), Q([a({ attribute: !1 })], $.prototype, "entities", void 0), Q([a({ attribute: !1 })], $.prototype, "attributeUnits", void 0), Q([a({ type: Number })], $.prototype, "hours", void 0), Q([a({ attribute: !1 })], $.prototype, "startDate", void 0), Q([a({ attribute: !1 })], $.prototype, "endDate", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-date-picker"
+})], $.prototype, "showDatePicker", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-entity-picker"
+})], $.prototype, "showEntityPicker", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-import-button"
+})], $.prototype, "showImportButton", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-legend"
+})], $.prototype, "showLegend", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-tooltip"
+})], $.prototype, "showTooltip", void 0), Q([a({
+	type: Boolean,
+	attribute: "show-controls"
+})], $.prototype, "showControls", void 0), Q([a()], $.prototype, "width", void 0), Q([a()], $.prototype, "height", void 0), Q([a({ attribute: "line-mode" })], $.prototype, "lineMode", void 0), Q([a({ attribute: "line-width" })], $.prototype, "lineWidth", void 0), Q([a({ attribute: "background-color" })], $.prototype, "backgroundColor", void 0), Q([a({ attribute: "graph-title" })], $.prototype, "graphTitle", void 0), Q([a({ attribute: "title-font-family" })], $.prototype, "titleFontFamily", void 0), Q([a({ attribute: "title-font-size" })], $.prototype, "titleFontSize", void 0), Q([a({ attribute: "title-color" })], $.prototype, "titleColor", void 0), Q([a()], $.prototype, "language", void 0), Q([a({
+	type: Boolean,
+	attribute: "debug-performance"
+})], $.prototype, "debugPerformance", void 0), Q([a({
+	type: Boolean,
+	attribute: "tools-open"
+})], $.prototype, "toolsOpen", void 0), Q([o()], $.prototype, "_resolved", void 0), Q([o()], $.prototype, "_hiddenSeriesIds", void 0), Q([o()], $.prototype, "_rangeStart", void 0), Q([o()], $.prototype, "_rangeEnd", void 0), Q([o()], $.prototype, "_viewStart", void 0), Q([o()], $.prototype, "_viewEnd", void 0), Q([o()], $.prototype, "_liveNow", void 0), Q([o()], $.prototype, "_datePickerReady", void 0), Q([o()], $.prototype, "_entityComponentsReady", void 0), Q([o()], $.prototype, "_runtimeLineMode", void 0), Q([o()], $.prototype, "_attributeMenuOpen", void 0), Q([o()], $.prototype, "_attributeSearch", void 0), Q([o()], $.prototype, "_selectedEntityId", void 0), Q([o()], $.prototype, "_path", void 0), Q([o()], $.prototype, "_selectedSources", void 0), Q([o()], $.prototype, "_customEntityIds", void 0), Q([o()], $.prototype, "_entityPickerOpen", void 0), Q([o()], $.prototype, "_draggingSourceId", void 0), Q([o()], $.prototype, "_containerWidth", void 0);
+//#endregion
+export { $ as t };