@nxgt/material 2.7.1 → 2.9.0

package/dist/map.js

@@ -1,7 +1,7 @@
-import { i as e, t } from "./icon-button-BxySFfrr.js";
-import { t as n } from "./utils-UBn-46YY.js";
-import { D as r, T as i, U as a, _ as o, b as s, d as c, f as l, g as u, h as d, m as f, p, r as m, t as h, v as g, w as _, y as v } from "./field-blur-DWQtxiAe.js";
-import { t as y } from "./use-material-translation-DG_7z3Q7.js";
+import { t as e } from "./utils-DC8bw9A_.js";
+import { o as t, t as n } from "./icon-button-G9zdQ3Ix.js";
+import { D as r, J as i, T as a, _ as o, b as s, d as c, f as l, g as u, h as d, m as f, p, r as m, t as h, v as g, w as _, y as v } from "./field-blur--x_n3oMy.js";
+import { t as y } from "./use-material-translation-B2GUtxUY.js";
 import { MapIcon as b, MapPin as x, Minus as S, Plus as C } from "lucide-react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { useCallback as E, useEffect as D, useEffectEvent as O, useMemo as k, useRef as A, useState as j } from "react";
@@ -51,9 +51,9 @@ function K({ parentMap: e, zoom: t }) {
 		pathOptions: G
 	});
 }
-function q({ position: e, zoom: t }) {
-	let r = I(), i = t || 0, a = k(() => /* @__PURE__ */ T(M, {
-		className: n("size-24 ring-1 ring-error border-none rounded-xs hover:shadow p-0.5 bg-background", "cursor-pointer"),
+function q({ position: t, zoom: n }) {
+	let r = I(), i = n || 0, a = k(() => /* @__PURE__ */ T(M, {
+		className: e("size-24 ring-1 ring-error border-none rounded-xs hover:shadow p-0.5 bg-background", "cursor-pointer"),
 		center: r.getCenter(),
 		zoom: i,
 		dragging: !1,
@@ -67,7 +67,7 @@ function q({ position: e, zoom: t }) {
 		})]
 	}), [r, i]);
 	return /* @__PURE__ */ w("div", {
-		className: e && U[e] || U.topright,
+		className: t && U[t] || U.topright,
 		children: /* @__PURE__ */ w("div", {
 			className: "leaflet-control leaflet-bar",
 			children: a
@@ -76,7 +76,7 @@ function q({ position: e, zoom: t }) {
 }
 //#endregion
 //#region lib/map/components/map.tsx
-function J({ className: e, children: t, showMinicardControl: r = !0, zoom: i = 13, zoomControl: a = !1, scrollWheelZoom: o = !1, ...s }) {
+function J({ className: t, children: n, showMinicardControl: r = !0, zoom: i = 13, zoomControl: a = !1, scrollWheelZoom: o = !1, ...s }) {
 	let { coords: c } = W();
 	return /* @__PURE__ */ T(M, {
 		...s,
@@ -84,7 +84,7 @@ function J({ className: e, children: t, showMinicardControl: r = !0, zoom: i = 1
 		zoomControl: a,
 		zoom: i,
 		scrollWheelZoom: o,
-		className: n("size-full ring-1 ring-primary rounded", e),
+		className: e("size-full ring-1 ring-primary rounded", t),
 		children: [
 			/* @__PURE__ */ w(P, {
 				attribution: "© <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors",
@@ -98,13 +98,13 @@ function J({ className: e, children: t, showMinicardControl: r = !0, zoom: i = 1
 				})
 			}),
 			/* @__PURE__ */ w(F, { position: "topleft" }),
-			t
+			n
 		]
 	});
 }
 //#endregion
 //#region lib/map/components/partials/marker.tsx
-function Y({ title: t, position: n, onChange: r, draggable: i, children: a, tooltip: o, reference: s, icon: c, ...l }) {
+function Y({ title: e, position: n, onChange: r, draggable: i, children: a, tooltip: o, reference: s, icon: c, ...l }) {
 	let u = R({ viewreset() {
 		s && r?.(u.getCenter());
 	} }), d = A(null), f = k(() => ({ dragend() {
@@ -117,12 +117,12 @@ function Y({ title: t, position: n, onChange: r, draggable: i, children: a, tool
 		p(n);
 	}, [n]), /* @__PURE__ */ w(H, {
 		...l,
-		title: t ?? (typeof o == "string" ? o : void 0),
+		title: e ?? (typeof o == "string" ? o : void 0),
 		draggable: i,
 		eventHandlers: f,
 		position: n,
 		ref: d,
-		icon: o ? /* @__PURE__ */ w(e, {
+		icon: o ? /* @__PURE__ */ w(t, {
 			content: o,
 			children: c ?? /* @__PURE__ */ w(X, {})
 		}) : c ?? /* @__PURE__ */ w(X, {}),
@@ -138,7 +138,7 @@ function X() {
 }
 //#endregion
 //#region lib/map/components/partials/location-preview.tsx
-function Z({ name: e, position: n, children: r }) {
+function Z({ name: e, position: t, children: r }) {
 	"use no memo";
 	let { t: i } = y(), [a, o] = j(!1);
 	return /* @__PURE__ */ T(c, {
@@ -146,7 +146,7 @@ function Z({ name: e, position: n, children: r }) {
 		onOpenChange: o,
 		children: [/* @__PURE__ */ w(p, {
 			asChild: !0,
-			children: r ?? /* @__PURE__ */ w(t, {
+			children: r ?? /* @__PURE__ */ w(n, {
 				variant: "tonal",
 				"data-pw": `${e ?? "location"}-preview`,
 				color: "info",
@@ -156,9 +156,9 @@ function Z({ name: e, position: n, children: r }) {
 		}), /* @__PURE__ */ w(l, {
 			className: "aspect-square",
 			children: /* @__PURE__ */ w(J, {
-				center: n,
+				center: t,
 				showMinicardControl: !1,
-				children: /* @__PURE__ */ w(Y, { position: n })
+				children: /* @__PURE__ */ w(Y, { position: t })
 			})
 		})]
 	});
@@ -166,33 +166,33 @@ function Z({ name: e, position: n, children: r }) {
 //#endregion
 //#region lib/map/components/location-field.tsx
 var Q = [5.44087, 10.06843];
-function $({ value: e, onChange: c, dialogTitle: l, closeLabel: d, mapClassName: f, placeholder: p, ...m }) {
+function $({ value: t, onChange: c, dialogTitle: l, closeLabel: d, mapClassName: f, placeholder: p, ...m }) {
 	let { t: h } = y(), b = l ?? h("material.location-field.dialog-title", "Choose a location"), S = A(null), C = E((e) => {
 		if (e) {
 			let t = [parseFloat(e.lat.toFixed(7)), parseFloat(e.lng.toFixed(7))];
 			S.current = t, c?.(t);
 		}
-	}, [c]), [D, O] = j(!1), k = e ?? Q, M = !m.disabled && !m.readOnly, N = E(() => {
-		!e && M && c?.(S.current ?? Q), O(!1);
+	}, [c]), [D, O] = j(!1), k = t ?? Q, M = !m.disabled && !m.readOnly, N = E(() => {
+		!t && M && c?.(S.current ?? Q), O(!1);
 	}, [
-		e,
+		t,
 		M,
 		c
 	]);
 	return /* @__PURE__ */ w(r, {
 		...m,
-		value: e ? e.join(" - ") : "",
+		value: t ? t.join(" - ") : "",
 		placeholder: p ?? h("material.location-field.placeholder", "No location selected"),
-		leading: e ? /* @__PURE__ */ w(Z, {
-			position: e,
+		leading: t ? /* @__PURE__ */ w(Z, {
+			position: t,
 			children: m.leading
 		}) : m.leading,
 		trailing: /* @__PURE__ */ T(u, {
 			open: D,
 			onOpenChange: O,
-			children: [/* @__PURE__ */ w(i, {
+			children: [/* @__PURE__ */ w(a, {
 				asChild: !0,
-				children: m.trailing ?? /* @__PURE__ */ w(t, {
+				children: m.trailing ?? /* @__PURE__ */ w(n, {
 					"data-pw": `${m.name}-trailing`,
 					variant: "tonal",
 					"aria-label": typeof b == "string" ? b : void 0,
@@ -207,7 +207,7 @@ function $({ value: e, onChange: c, dialogTitle: l, closeLabel: d, mapClassName:
 				/* @__PURE__ */ w(v, { hidden: !0 }),
 				/* @__PURE__ */ w(J, {
 					center: k,
-					className: n(f),
+					className: e(f),
 					children: /* @__PURE__ */ w(Y, {
 						position: k,
 						onChange: C,
@@ -215,7 +215,7 @@ function $({ value: e, onChange: c, dialogTitle: l, closeLabel: d, mapClassName:
 						reference: M
 					})
 				}),
-				/* @__PURE__ */ w(s, { children: /* @__PURE__ */ w(a, {
+				/* @__PURE__ */ w(s, { children: /* @__PURE__ */ w(i, {
 					onClick: N,
 					children: d ?? h("material.location-field.confirm", "OK")
 				}) })
@@ -233,7 +233,7 @@ function ee({ control: e, name: t, ...n }) {
 			onBlur: e.onBlur,
 			children: /* @__PURE__ */ w($, {
 				...n,
-				id: n.id ?? e.name,
+				ref: e.ref,
 				"aria-invalid": t.invalid,
 				name: e.name,
 				value: e.value,
@@ -268,7 +268,7 @@ function te({ ...e }) {
 }
 //#endregion
 //#region lib/map/components/partials/map-actions.tsx
-function ne({ position: e = "topleft", className: r, ...i }) {
+function ne({ position: t = "topleft", className: r, ...i }) {
 	let { t: a } = y(), o = I(), { coords: s } = W(), c = E(() => {
 		o.setView(o.getCenter(), o.getZoom() + 1, { animate: !0 });
 	}, [o]), l = E(() => {
@@ -277,17 +277,17 @@ function ne({ position: e = "topleft", className: r, ...i }) {
 	return D(() => {
 		s && o.setView([s.latitude, s.longitude], o.getZoom());
 	}, [s, o]), /* @__PURE__ */ w("div", {
-		className: n(U[e], "border-primary"),
+		className: e(U[t], "border-primary"),
 		children: /* @__PURE__ */ w("div", {
 			className: "leaflet-control leaflet-bar border-primary",
 			children: /* @__PURE__ */ T("div", {
-				className: n("grid gap-1 p-0.5 bg-paper rounded *:z-[300]", r),
+				className: e("grid gap-1 p-0.5 bg-paper rounded *:z-[300]", r),
 				...i,
-				children: [/* @__PURE__ */ w(t, {
+				children: [/* @__PURE__ */ w(n, {
 					"aria-label": a("material.map.zoom-in", "Zoom in"),
 					onClick: c,
 					children: /* @__PURE__ */ w(C, {})
-				}), /* @__PURE__ */ w(t, {
+				}), /* @__PURE__ */ w(n, {
 					"aria-label": a("material.map.zoom-out", "Zoom out"),
 					disabled: o.getZoom() === 0,
 					onClick: l,