@sfperusacdev/sf-ui 0.2.6 → 0.2.7

package/dist/sf-ui.js

@@ -11,7 +11,7 @@ import { html as L } from "@codemirror/lang-html";
 import { javascript as R } from "@codemirror/lang-javascript";
 import { json as z } from "@codemirror/lang-json";
 import { sql as B } from "@codemirror/lang-sql";
-import { Circle as ee, MapContainer as te, Marker as ne, Polygon as re, Polyline as ie, TileLayer as V, Tooltip as H, useMap as U, useMapEvents as ae } from "react-leaflet";
+import { Circle as ee, MapContainer as V, Marker as te, Polygon as ne, Polyline as re, TileLayer as H, Tooltip as ie, useMap as U, useMapEvents as ae } from "react-leaflet";
 import oe from "leaflet";
 import { Area as se, AreaChart as W, Bar as ce, BarChart as le, CartesianGrid as ue, Label as de, LabelList as fe, Legend as pe, Line as me, LineChart as he, PolarAngleAxis as ge, PolarGrid as _e, PolarRadiusAxis as ve, Radar as ye, RadarChart as be, ReferenceLine as xe, ResponsiveContainer as Se, Tooltip as Ce, XAxis as we, YAxis as Te } from "recharts";
 import Ee from "react-easy-crop";
@@ -2720,18 +2720,18 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 	let O = b({
 		name: t,
 		control: e.control
-	}), k = String(t), A = O.fieldState.error, j = m(null), M = m(null), [N, P] = h(!1), [F, I] = h(""), [L, R] = h(), [z, B] = h(0), ee = m(null), te = p(() => o ? Jt(O.field.value) : O.field.value ? [String(O.field.value)] : [], [O.field.value, o]), ne = p(() => {
+	}), k = String(t), A = O.fieldState.error, j = m(null), M = m(null), [N, P] = h(!1), [F, I] = h(""), [L, R] = h(), [z, B] = h(0), ee = m(null), V = p(() => o ? Jt(O.field.value) : O.field.value ? [String(O.field.value)] : [], [O.field.value, o]), te = p(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) e.set(t.value, t);
 		return e;
-	}, [n]), re = p(() => {
+	}, [n]), ne = p(() => {
 		let e = [];
-		for (let t of te) {
-			let n = ne.get(t);
+		for (let t of V) {
+			let n = te.get(t);
 			n && e.push(n);
 		}
 		return e;
-	}, [ne, te]), ie = p(() => {
+	}, [te, V]), re = p(() => {
 		let e = F.trim().toLowerCase();
 		return e ? n.filter((t) => t.label.toLowerCase().includes(e)) : n;
 	}, [n, F]);
@@ -2740,28 +2740,28 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 			B(ee.current?.scrollTop ?? 0);
 		}));
 	}, [N, F]);
-	let V = (e) => {
+	let H = (e) => {
 		O.field.onChange(e), C?.(e);
-	}, H = () => {
+	}, ie = () => {
 		P(!1), I(""), R(void 0);
 	}, U = (e) => {
 		if (g) return;
 		if (!o) {
-			V(e), H();
+			H(e), ie();
 			return;
 		}
-		let t = te.includes(e) ? te.filter((t) => t !== e) : [...te, e];
-		V(t);
+		let t = V.includes(e) ? V.filter((t) => t !== e) : [...V, e];
+		H(t);
 	}, ae = (e) => {
 		if (!g) {
 			if (!o) {
-				V("");
+				H("");
 				return;
 			}
-			V(te.filter((t) => t !== e));
+			H(V.filter((t) => t !== e));
 		}
 	}, oe = () => {
-		g || V(o ? [] : "");
+		g || H(o ? [] : "");
 	}, se = () => {
 		let e = M.current;
 		if (!e) return;
@@ -2786,7 +2786,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 	}, [N]), u(() => {
 		let e = (e) => {
 			let t = e.target;
-			j.current?.contains(t) || H();
+			j.current?.contains(t) || ie();
 		};
 		return document.addEventListener("pointerdown", e), () => {
 			document.removeEventListener("pointerdown", e);
@@ -2810,12 +2810,12 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 		onScroll: (e) => {
 			B(e.currentTarget.scrollTop);
 		},
-		children: ie.length ? (() => {
-			let e = Math.max(72, (L?.maxHeight ?? 288) - yn), t = Math.max(1, Math.ceil(e / bn)), n = Math.max(0, Math.floor(z / bn) - xn), r = Math.min(ie.length, n + t + 12), i = n * bn, a = Math.max(0, (ie.length - r) * bn), s = ie.slice(n, r);
+		children: re.length ? (() => {
+			let e = Math.max(72, (L?.maxHeight ?? 288) - yn), t = Math.max(1, Math.ceil(e / bn)), n = Math.max(0, Math.floor(z / bn) - xn), r = Math.min(re.length, n + t + 12), i = n * bn, a = Math.max(0, (re.length - r) * bn), s = re.slice(n, r);
 			return /* @__PURE__ */ y(_, { children: [
 				i > 0 && /* @__PURE__ */ v("div", { style: { height: i } }),
 				s.map((e) => {
-					let t = te.includes(e.value);
+					let t = V.includes(e.value);
 					return /* @__PURE__ */ y("button", {
 						type: "button",
 						onClick: () => U(e.value),
@@ -2871,10 +2871,10 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 						withRightIcon: !0,
 						withLeftIcon: !!D,
 						disabled: g
-					}), "flex items-center gap-1.5 text-left", o && re.length > 1 && "h-auto min-h-[2.5rem] py-2"),
+					}), "flex items-center gap-1.5 text-left", o && ne.length > 1 && "h-auto min-h-[2.5rem] py-2"),
 					children: [/* @__PURE__ */ v("span", {
 						className: "flex min-w-0 flex-1 flex-wrap items-center gap-1",
-						children: re.length ? o ? /* @__PURE__ */ y(_, { children: [re.slice(0, Math.max(0, S)).map((e) => /* @__PURE__ */ y("span", {
+						children: ne.length ? o ? /* @__PURE__ */ y(_, { children: [ne.slice(0, Math.max(0, S)).map((e) => /* @__PURE__ */ y("span", {
 							className: "inline-flex max-w-full items-center gap-1 rounded bg-slate-100 px-1.5 py-0.5 text-xs text-slate-700",
 							children: [/* @__PURE__ */ v("span", {
 								className: "truncate",
@@ -2887,19 +2887,19 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 								className: "rounded text-slate-400 hover:text-slate-700",
 								children: /* @__PURE__ */ v(q, { size: 12 })
 							})]
-						}, e.value)), re.length > S && /* @__PURE__ */ y("span", {
+						}, e.value)), ne.length > S && /* @__PURE__ */ y("span", {
 							className: "inline-flex items-center rounded bg-slate-100 px-1.5 py-0.5 text-xs text-slate-500",
-							children: ["+", re.length - S]
+							children: ["+", ne.length - S]
 						})] }) : /* @__PURE__ */ v("span", {
 							className: "truncate",
-							children: re[0]?.label
+							children: ne[0]?.label
 						}) : /* @__PURE__ */ v("span", {
 							className: "text-slate-400",
 							children: c
 						})
 					}), /* @__PURE__ */ y("span", {
 						className: "flex items-center gap-1",
-						children: [re.length > 0 && !g && /* @__PURE__ */ v("button", {
+						children: [ne.length > 0 && !g && /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: (e) => {
 								e.stopPropagation(), oe();
@@ -3073,7 +3073,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 		pageSize: f
 	}), z = p(() => c ? Jt(j.field.value) : j.field.value ? [String(j.field.value)] : [], [j.field.value, c]), B = p(() => n.filter((e) => z.includes(e.value)), [n, z]), ee = (e) => {
 		j.field.onChange(e), m?.(e);
-	}, te = (e) => {
+	}, V = (e) => {
 		if (u || d) return;
 		if (!c) {
 			ee(e), j.field.onBlur();
@@ -3081,7 +3081,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 		}
 		let t = z.includes(e) ? z.filter((t) => t !== e) : [...z, e];
 		ee(t), j.field.onBlur();
-	}, ne = (e) => {
+	}, te = (e) => {
 		if (!(u || d)) {
 			if (!c) {
 				ee(""), j.field.onBlur();
@@ -3089,9 +3089,9 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 			}
 			ee(z.filter((t) => t !== e)), j.field.onBlur();
 		}
-	}, re = () => {
+	}, ne = () => {
 		u || d || (ee(c ? [] : ""), j.field.onBlur());
-	}, ie = p(() => [
+	}, re = p(() => [
 		{
 			id: "selected",
 			header: "",
@@ -3123,9 +3123,9 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 		c,
 		u,
 		z
-	]), V = M({
+	]), H = M({
 		data: n,
-		columns: ie,
+		columns: re,
 		state: {
 			globalFilter: F,
 			pagination: L
@@ -3147,7 +3147,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 				return n != null && String(n).toLowerCase().includes(r);
 			});
 		}
-	}), H = V.getRowModel().rows, U = V.getFilteredRowModel().rows.length, ae = Math.max(0, f - H.length), oe = V.getState().pagination.pageIndex + 1, se = Math.max(1, V.getPageCount()), W = V.getAllLeafColumns().length, ce = C > 0 && F.trim().length < C;
+	}), ie = H.getRowModel().rows, U = H.getFilteredRowModel().rows.length, ae = Math.max(0, f - ie.length), oe = H.getState().pagination.pageIndex + 1, se = Math.max(1, H.getPageCount()), W = H.getAllLeafColumns().length, ce = C > 0 && F.trim().length < C;
 	return /* @__PURE__ */ v(Z, {
 		id: N,
 		label: a,
@@ -3171,7 +3171,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 						disabled: u || d,
 						placeholder: d ? "Cargando..." : x ?? "Buscar...",
 						onBlur: () => j.field.onBlur(),
-						onChange: (e) => V.setGlobalFilter(e.target.value),
+						onChange: (e) => H.setGlobalFilter(e.target.value),
 						className: "h-8 w-full bg-transparent text-sm text-slate-900 outline-none placeholder:text-slate-400 disabled:cursor-not-allowed"
 					})]
 				}),
@@ -3195,7 +3195,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 									children: e.label
 								}), !u && /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => ne(e.value),
+									onClick: () => te(e.value),
 									className: "shrink-0 rounded text-slate-400 hover:text-slate-700",
 									children: /* @__PURE__ */ v(q, { size: 12 })
 								})]
@@ -3206,7 +3206,7 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 						})]
 					}), B.length > 0 && !u && !d && /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: re,
+						onClick: ne,
 						className: "shrink-0 text-xs font-medium text-slate-500 hover:text-slate-900",
 						children: "Limpiar"
 					})]
@@ -3231,10 +3231,10 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 					]
 				}) : /* @__PURE__ */ v("table", {
 					className: "w-full table-fixed border-collapse text-sm",
-					children: /* @__PURE__ */ v("tbody", { children: H.length ? /* @__PURE__ */ y(_, { children: [H.map((e) => {
+					children: /* @__PURE__ */ v("tbody", { children: ie.length ? /* @__PURE__ */ y(_, { children: [ie.map((e) => {
 						let t = z.includes(e.original.value);
 						return /* @__PURE__ */ v("tr", {
-							onClick: () => te(e.original.value),
+							onClick: () => V(e.original.value),
 							className: (0, X.default)("h-10 border-b border-slate-100 last:border-b-0", u || d ? "cursor-default" : "cursor-pointer hover:bg-slate-50", t && "bg-slate-50"),
 							children: e.getVisibleCells().map((e) => /* @__PURE__ */ v("td", {
 								className: (0, X.default)("px-3 py-2 align-middle text-slate-700", e.column.id === "selected" && "w-10"),
@@ -3276,8 +3276,8 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 						children: [
 							/* @__PURE__ */ v("button", {
 								type: "button",
-								disabled: u || d || !V.getCanPreviousPage(),
-								onClick: () => V.previousPage(),
+								disabled: u || d || !H.getCanPreviousPage(),
+								onClick: () => H.previousPage(),
 								className: "rounded border border-slate-300 bg-white px-2 py-1 text-xs text-slate-700 disabled:cursor-not-allowed disabled:opacity-50",
 								children: "Anterior"
 							}),
@@ -3291,8 +3291,8 @@ var X = /* @__PURE__ */ Ie((/* @__PURE__ */ Pe(((e, t) => {
 							}),
 							/* @__PURE__ */ v("button", {
 								type: "button",
-								disabled: u || d || !V.getCanNextPage(),
-								onClick: () => V.nextPage(),
+								disabled: u || d || !H.getCanNextPage(),
+								onClick: () => H.nextPage(),
 								className: "rounded border border-slate-300 bg-white px-2 py-1 text-xs text-slate-700 disabled:cursor-not-allowed disabled:opacity-50",
 								children: "Siguiente"
 							})
@@ -4657,7 +4657,7 @@ var Er = (e) => {
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 };
-function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGrouping: o = [], enableGrouping: s = !0, enableSorting: c = !0, enableFiltering: l = !0, enablePagination: d = !1, pageSize: f = 25, paginationVariant: g = "classic", pageSizeOptions: b, serverPagination: x, fillParentHeight: S = !1, maxBodyHeightPx: C, className: w = "", emptyMessage: N = "No hay datos", title: P = "Tabla", subtitle: F, sidePanel: I = !1, onGroupingChange: L, toolbarSlot: R, belowToolbarSlot: z, loading: B = !1, loadingMessage: ee = "Cargando...", isFetching: te = !1, error: ne, onRetry: re, onRefresh: ie, onRowClick: V, enableRowSelection: H = !0, getRowActions: U, getBulkActions: ae, bulkActionsSlot: oe, onSelectionChange: se, headerVariant: W = "default", searchPlaceholder: ce = "Buscar...", embedded: le = !1, detail: ue, controller: de }) {
+function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGrouping: o = [], enableGrouping: s = !0, enableSorting: c = !0, enableFiltering: l = !0, enablePagination: d = !1, pageSize: f = 25, paginationVariant: g = "classic", pageSizeOptions: b, serverPagination: x, fillParentHeight: S = !1, maxBodyHeightPx: C, className: w = "", emptyMessage: N = "No hay datos", title: P = "Tabla", subtitle: F, sidePanel: I = !1, onGroupingChange: L, toolbarSlot: R, belowToolbarSlot: z, loading: B = !1, loadingMessage: ee = "Cargando...", isFetching: V = !1, error: te, onRetry: ne, onRefresh: re, onRowClick: H, enableRowSelection: ie = !0, getRowActions: U, getBulkActions: ae, bulkActionsSlot: oe, onSelectionChange: se, headerVariant: W = "default", searchPlaceholder: ce = "Buscar...", embedded: le = !1, detail: ue, controller: de }) {
 	let [fe, pe] = h(o), [me, he] = h(() => o.length > 0 ? {} : !0), [ge, _e] = h([]), [ve, ye] = h(""), [be, xe] = h([]), [Se, Ce] = h({}), [we, Te] = h({}), [Ee, De] = h(() => Tr(i).map((e) => e.id)), [G, Oe] = h({}), [ke, Ae] = h({
 		pageIndex: 0,
 		pageSize: f
@@ -4674,9 +4674,9 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		}));
 	}, Je = p(() => {
 		let e = [];
-		return We && e.push("__detail"), H && e.push("__select"), U && e.push("__actions"), e;
+		return We && e.push("__detail"), ie && e.push("__select"), U && e.push("__actions"), e;
 	}, [
-		H,
+		ie,
 		U,
 		We
 	]), K = p(() => {
@@ -4708,10 +4708,10 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		return e;
 	}, [i, r]), ct = p(() => wr(i, G), [G, i]), lt = p(() => {
 		let e = [];
-		return We && e.push("__detail"), H && e.push("__select"), e.push(...Ee), U && e.push("__actions"), e;
+		return We && e.push("__detail"), ie && e.push("__select"), e.push(...Ee), U && e.push("__actions"), e;
 	}, [
 		Ee,
-		H,
+		ie,
 		U,
 		We
 	]), ut = p(() => {
@@ -4783,13 +4783,13 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		} : null;
 		return [
 			...n ? [n] : [],
-			...H ? [e] : [],
+			...ie ? [e] : [],
 			...ct,
 			...t ? [t] : []
 		];
 	}, [
 		ct,
-		H,
+		ie,
 		U,
 		Re,
 		We,
@@ -4921,7 +4921,7 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		getSubRows: (e) => e.subRows,
 		getPaginationRowModel: je ? A() : void 0,
 		filterFns: { columnFilter: _r },
-		enableRowSelection: H
+		enableRowSelection: ie
 	});
 	Ze.current = Y;
 	let pt = je ? Y.getPrePaginationRowModel().rows.length : 0;
@@ -5234,20 +5234,20 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 						})] }), /* @__PURE__ */ y("div", {
 							className: "sf-table-toolbar-actions",
 							children: [
-								(te || ie) && /* @__PURE__ */ y("div", {
+								(V || re) && /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
-									children: [te && /* @__PURE__ */ y("span", {
+									children: [V && /* @__PURE__ */ y("span", {
 										className: "sf-table-toolbar-status",
 										children: [/* @__PURE__ */ v("span", {
 											className: "sf-table-spinner sf-table-spinner--sm",
 											"aria-hidden": "true"
 										}), "Actualizando"]
-									}), ie && /* @__PURE__ */ v("button", {
+									}), re && /* @__PURE__ */ v("button", {
 										type: "button",
 										"aria-label": "Refrescar",
 										className: "sf-table-toolbar-btn",
-										disabled: te,
-										onClick: ie,
+										disabled: V,
+										onClick: re,
 										children: /* @__PURE__ */ v(Kn, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
@@ -5308,7 +5308,7 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									children: "Agrupado"
 								}),
 								typeof R == "function" ? R(mt, { clearSelection: () => Y.resetRowSelection() }) : R,
-								H && mt.length > 0 && /* @__PURE__ */ y("div", {
+								ie && mt.length > 0 && /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
 									children: [(() => {
 										let e = ae?.(mt, { clearSelection: () => Y.resetRowSelection() }) ?? [];
@@ -5346,12 +5346,12 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 							]
 						})]
 					}),
-					ne != null && /* @__PURE__ */ y("div", {
+					te != null && /* @__PURE__ */ y("div", {
 						className: "sf-table-error",
-						children: [/* @__PURE__ */ v("div", { children: ne }), re && /* @__PURE__ */ v("button", {
+						children: [/* @__PURE__ */ v("div", { children: te }), ne && /* @__PURE__ */ v("button", {
 							type: "button",
 							className: "sf-table-error__retry",
-							onClick: re,
+							onClick: ne,
 							children: "Reintentar"
 						})]
 					}),
@@ -5406,9 +5406,9 @@ function kr({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 								}) }) : /* @__PURE__ */ v(_, { children: Y.getRowModel().rows.map((e) => {
 									let t = We && !e.getIsGrouped() && Ge(e.original) && Ke(e.id, e.original);
 									return /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("tr", {
-										className: (0, X.default)("sf-table-row", e.getIsGrouped() && "sf-table-row--group", V && !e.getIsGrouped() && "sf-table-row--clickable", t && "sf-table-row--detail-open"),
-										onClick: V && !e.getIsGrouped() ? (t) => {
-											t.target.closest("button, a, input, select, label, [role=\"button\"]") || V(e.original);
+										className: (0, X.default)("sf-table-row", e.getIsGrouped() && "sf-table-row--group", H && !e.getIsGrouped() && "sf-table-row--clickable", t && "sf-table-row--detail-open"),
+										onClick: H && !e.getIsGrouped() ? (t) => {
+											t.target.closest("button, a, input, select, label, [role=\"button\"]") || H(e.original);
 										} : void 0,
 										children: e.getVisibleCells().map((t) => {
 											let n = t.getIsGrouped(), r = t.getIsAggregated(), i = t.getIsPlaceholder();
@@ -9579,13 +9579,13 @@ var jr = (e) => {
 					lng: e.lng
 				}), a(Xo(e.lat), Xo(e.lng));
 			}
-		}), /* @__PURE__ */ y(te, {
+		}), /* @__PURE__ */ y(V, {
 			center: o,
 			zoom: n,
 			scrollWheelZoom: !r,
 			className: "sf-map-frame",
 			children: [
-				/* @__PURE__ */ v(V, {
+				/* @__PURE__ */ v(H, {
 					attribution: ts,
 					url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
 				}),
@@ -9598,7 +9598,7 @@ var jr = (e) => {
 					readOnly: r,
 					onPick: a
 				}),
-				/* @__PURE__ */ v(ne, {
+				/* @__PURE__ */ v(te, {
 					position: o,
 					icon: qo,
 					draggable: !r,
@@ -11714,14 +11714,14 @@ var jr = (e) => {
 			})
 		]
 	});
-}, Sl = ({ title: e, subtitle: t, range: n, onApply: r, validate: i, error: a = null, loading: o = !1, updatedAt: s = null, live: c = !1, cutoffLabel: l, onRefresh: u, refreshLabel: d = "Actualizar", compareLabel: f = "con el período anterior de igual duración", pendingLabel: p = "Pulsa «Aplicar» para consultar el nuevo rango", applyLabel: m = "Aplicar", filterAriaLabel: g = "Filtro del tablero", slowAfterSeconds: _ = 3, className: b, children: x }) => {
-	let [S, C] = h(null), w = S && S.base.from === n.from && S.base.to === n.to ? S : null, T = w?.draft ?? n, E = w?.error ?? null, D = (e) => C({
-		base: n,
+}, Sl = ({ title: e, subtitle: t, mode: n = "range", range: r, onApply: i, fromLabel: a = "Desde", toLabel: o = "Hasta", dayLabel: s = "Día de corte", compareFieldLabel: c = n === "day" ? "Nota" : "Comparar", validate: l, error: u = null, loading: d = !1, updatedAt: f = null, live: p = !1, cutoffLabel: m, onRefresh: g, refreshLabel: b = "Actualizar", compareLabel: x = n === "day" ? "" : "con el período anterior de igual duración", pendingLabel: S = n === "day" ? "Pulsa «Aplicar» para consultar el nuevo día" : "Pulsa «Aplicar» para consultar el nuevo rango", applyLabel: C = "Aplicar", filterAriaLabel: w = "Filtro del tablero", slowAfterSeconds: T = 3, className: E, children: D }) => {
+	let [O, k] = h(null), A = O && O.base.from === r.from && O.base.to === r.to ? O : null, j = A?.draft ?? r, M = A?.error ?? null, N = (e) => k({
+		base: r,
 		draft: e,
 		error: null
-	}), O = T.from !== n.from || T.to !== n.to;
+	}), P = j.from !== r.from || j.to !== r.to;
 	return /* @__PURE__ */ v("div", {
-		className: b,
+		className: E,
 		children: /* @__PURE__ */ y(fl, {
 			header: /* @__PURE__ */ y("div", {
 				className: "sf-page-frame__header",
@@ -11732,64 +11732,70 @@ var jr = (e) => {
 					className: "sf-page-frame__subtitle",
 					children: t
 				})] }), /* @__PURE__ */ v(xl, {
-					loading: o,
-					updatedAt: s,
-					live: c,
-					cutoffLabel: l,
-					onRefresh: u,
-					refreshLabel: d,
-					slowAfterSeconds: _
+					loading: d,
+					updatedAt: f,
+					live: p,
+					cutoffLabel: m,
+					onRefresh: g,
+					refreshLabel: b,
+					slowAfterSeconds: T
 				})]
 			}),
 			children: [
 				/* @__PURE__ */ y(Aa, {
-					ariaLabel: g,
+					ariaLabel: w,
 					onApply: () => {
-						let e = i ? i(T) : null;
-						C({
-							base: n,
-							draft: T,
+						let e = l ? l(j) : null;
+						k({
+							base: r,
+							draft: j,
 							error: e
-						}), e || r(T);
+						}), e || i(j);
 					},
-					applyLabel: m,
-					applyLoading: o && !O,
-					children: [
-						/* @__PURE__ */ v(ja, {
-							label: "Desde",
-							children: /* @__PURE__ */ v(Ma, {
-								value: T.from,
-								onChange: (e) => D({
-									...T,
-									from: e
-								})
+					applyLabel: C,
+					applyLoading: d && !P,
+					children: [n === "day" ? /* @__PURE__ */ v(ja, {
+						label: s,
+						className: "sf-page-frame__day",
+						children: /* @__PURE__ */ v(Ma, {
+							value: j.to,
+							onChange: (e) => N({
+								...j,
+								to: e
 							})
-						}),
-						/* @__PURE__ */ v(ja, {
-							label: "Hasta",
-							children: /* @__PURE__ */ v(Ma, {
-								value: T.to,
-								onChange: (e) => D({
-									...T,
-									to: e
-								})
+						})
+					}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(ja, {
+						label: a,
+						children: /* @__PURE__ */ v(Ma, {
+							value: j.from,
+							onChange: (e) => N({
+								...j,
+								from: e
 							})
-						}),
-						/* @__PURE__ */ v(ja, {
-							label: "Comparar",
-							children: /* @__PURE__ */ v("span", {
-								className: "sf-page-frame__compare",
-								children: O ? p : f
+						})
+					}), /* @__PURE__ */ v(ja, {
+						label: o,
+						children: /* @__PURE__ */ v(Ma, {
+							value: j.to,
+							onChange: (e) => N({
+								...j,
+								to: e
 							})
 						})
-					]
+					})] }), (P ? S : x) && /* @__PURE__ */ v(ja, {
+						label: c,
+						children: /* @__PURE__ */ v("span", {
+							className: "sf-page-frame__compare",
+							children: P ? S : x
+						})
+					})]
 				}),
-				(E || a) && /* @__PURE__ */ v(ni, {
+				(M || u) && /* @__PURE__ */ v(ni, {
 					variant: "warning",
 					title: "Rango no válido",
-					message: E ?? a
+					message: M ?? u
 				}),
-				a ? null : x
+				u ? null : D
 			]
 		})
 	});
@@ -13516,7 +13522,7 @@ ${e.map((e) => `<Row>${n.map((t) => {
 	return C ? /* @__PURE__ */ v("div", {
 		className: d,
 		style: T,
-		children: /* @__PURE__ */ y(te, {
+		children: /* @__PURE__ */ y(V, {
 			center: w,
 			zoom: s?.zoom ?? t,
 			scrollWheelZoom: !f,
@@ -13524,7 +13530,7 @@ ${e.map((e) => `<Row>${n.map((t) => {
 			zoomControl: l,
 			className: "sf-map-frame",
 			children: [
-				/* @__PURE__ */ v(V, {
+				/* @__PURE__ */ v(H, {
 					attribution: E ? Eu : h,
 					url: E ? Tu : m
 				}, E ? "satellite" : "roadmap"),
@@ -13535,7 +13541,7 @@ ${e.map((e) => `<Row>${n.map((t) => {
 				}),
 				/* @__PURE__ */ v(nd, { view: s }),
 				/* @__PURE__ */ v(rd, {}),
-				i.map((e) => /* @__PURE__ */ v(re, {
+				i.map((e) => /* @__PURE__ */ v(ne, {
 					positions: e.points.map(Ju),
 					pathOptions: {
 						color: e.color ?? Mu("var(--sf-map-area-stroke)"),
@@ -13556,20 +13562,20 @@ ${e.map((e) => `<Row>${n.map((t) => {
 						dashArray: e.dashed ? "6 6" : void 0
 					}
 				}, e.id)),
-				a.filter((e) => e.label).map((e) => /* @__PURE__ */ v(ne, {
+				a.filter((e) => e.label).map((e) => /* @__PURE__ */ v(te, {
 					position: Ju(Fu(e)),
 					icon: $u(e.label ?? ""),
 					interactive: !1,
 					keyboard: !1
 				}, `${e.id}-label`)),
-				r.map((e) => /* @__PURE__ */ v(ie, {
+				r.map((e) => /* @__PURE__ */ v(re, {
 					positions: e.points.map(Ju),
 					pathOptions: {
 						color: e.color ?? Mu("var(--sf-map-route-stroke)"),
 						weight: 3.5
 					}
 				}, e.id)),
-				n.map((e) => /* @__PURE__ */ v(ne, {
+				n.map((e) => /* @__PURE__ */ v(te, {
 					position: Ju(e.position),
 					icon: Qu(e),
 					title: e.title ?? e.label,
@@ -13599,7 +13605,7 @@ ${e.map((e) => `<Row>${n.map((t) => {
 							});
 						}
 					},
-					children: e.options?.showLabel && e.label && /* @__PURE__ */ v(H, {
+					children: e.options?.showLabel && e.label && /* @__PURE__ */ v(ie, {
 						permanent: !0,
 						direction: "top",
 						className: "sf-map-marker-label",
@@ -15586,20 +15592,20 @@ ${e.map((e) => `<Row>${n.map((t) => {
 		role: "region",
 		"aria-label": f,
 		children: [
-			g ? /* @__PURE__ */ y(te, {
+			g ? /* @__PURE__ */ y(V, {
 				center: n,
 				zoom: r,
 				scrollWheelZoom: !0,
 				className: "h-full w-full",
 				children: [
-					/* @__PURE__ */ v(V, {
+					/* @__PURE__ */ v(H, {
 						attribution: S.attribution,
 						url: S.url
 					}),
 					c && e.length > 0 && /* @__PURE__ */ v(gp, { nodes: e }),
 					w.map(({ edge: e, line: t }) => {
 						let n = ip[e.type ?? "backbone"];
-						return /* @__PURE__ */ v(ie, {
+						return /* @__PURE__ */ v(re, {
 							positions: t,
 							pathOptions: {
 								color: ap(n.color),
@@ -15608,7 +15614,7 @@ ${e.map((e) => `<Row>${n.map((t) => {
 							}
 						}, `${e.from}-${e.to}-${e.type ?? "backbone"}`);
 					}),
-					e.map((e) => /* @__PURE__ */ v(ne, {
+					e.map((e) => /* @__PURE__ */ v(te, {
 						position: C[e.id],
 						icon: hp(e, e.id === a),
 						title: e.label,