@nxgt/material 3.57.0 → 3.58.0

package/dist/map.js

@@ -1,26 +1,26 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-D4XGdse6.js";
-import { c as n, n as r, o as i, r as a, s as o, t as s, u as c } from "./dialog-DS8O4Kkb.js";
-import { i as l, n as u, r as d, t as f } from "./hover-card-DW4XnExA.js";
-import { t as p } from "./use-material-translation-BQOr4Oks.js";
-import { t as m } from "./button-hnUZpzYu.js";
-import { t as h } from "./icon-button-QF7smCoV.js";
-import { r as g, t as _ } from "./field-blur-Cnjk0o9A.js";
-import { n as v, t as y } from "./icon-badge-4FMy66AC.js";
+import { r as t } from "./spinner-DC35lhqx.js";
+import { c as n, n as r, o as i, r as a, s as o, t as s, u as c } from "./dialog-Cx_xWUVR.js";
+import { i as l, n as u, r as d, t as f } from "./hover-card-CVmY0Z44.js";
+import { t as p } from "./button-CCHGtPIN.js";
+import { t as m } from "./use-material-translation-DLdQKdfw.js";
+import { t as h } from "./icon-button-Csvj2R8S.js";
+import { r as g, t as _ } from "./field-blur-BJjUHsgJ.js";
+import { n as v, t as y } from "./icon-badge-bAQQK3ls.js";
 import { useCallback as b, useEffect as x, useEffectEvent as S, useMemo as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { MapIcon as O, MapPin as k, Minus as A, Plus as j } from "lucide-react";
 import { MapContainer as M, Rectangle as N, TileLayer as P, ZoomControl as F, useMap as I, useMapEvent as L, useMapEvents as R } from "react-leaflet";
 import { useGeolocated as z } from "react-geolocated";
-import { useEventHandlers as B, useLeafletContext as V } from "@react-leaflet/core";
-import { Marker as H } from "@adamscybot/react-leaflet-component-marker";
+import { useEventHandlers as B, useLeafletContext as ee } from "@react-leaflet/core";
+import { Marker as V } from "@adamscybot/react-leaflet-component-marker";
 //#region lib/map/components/consts.ts
-var U = {
+var H = {
 	bottomleft: "leaflet-bottom leaflet-left",
 	bottomright: "leaflet-bottom leaflet-right",
 	topleft: "leaflet-top leaflet-left",
 	topright: "leaflet-top leaflet-right"
-};
+}, U = [5.44087, 10.06843];
 //#endregion
 //#region lib/map/use-geolocation.ts
 function W(e = {}) {
@@ -38,7 +38,7 @@ function K({ parentMap: e, zoom: t }) {
 	L("click", b((t) => {
 		e.setView(t.latlng, e.getZoom());
 	}, [e]));
-	let r = V(), [i, a] = T(e.getBounds()), o = b(() => {
+	let r = ee(), [i, a] = T(e.getBounds()), o = b(() => {
 		a(e.getBounds()), n.setView(e.getCenter(), t);
 	}, [
 		n,
@@ -72,7 +72,7 @@ function q({ position: t, zoom: n }) {
 		})]
 	}), [r, i]);
 	return /* @__PURE__ */ E("div", {
-		className: t && U[t] || U.topright,
+		className: t && H[t] || H.topright,
 		children: /* @__PURE__ */ E("div", {
 			className: "leaflet-control leaflet-bar",
 			children: a
@@ -120,7 +120,7 @@ function Y({ title: e, position: n, onChange: r, draggable: i, children: a, tool
 	});
 	return x(() => {
 		p(n);
-	}, [n]), /* @__PURE__ */ E(H, {
+	}, [n]), /* @__PURE__ */ E(V, {
 		...l,
 		title: e ?? (typeof o == "string" ? o : void 0),
 		draggable: i,
@@ -142,10 +142,49 @@ function X() {
 	});
 }
 //#endregion
+//#region lib/map/components/partials/location-dialog.tsx
+function Z({ open: t, onOpenChange: l, trigger: u, name: d, title: f, closeLabel: g, mapClassName: _, position: v, editable: y, onPin: b, onConfirm: x }) {
+	let { t: S } = m();
+	return /* @__PURE__ */ D(s, {
+		open: t,
+		onOpenChange: l,
+		children: [/* @__PURE__ */ E(i, {
+			asChild: !0,
+			children: u ?? /* @__PURE__ */ E(h, {
+				"data-pw": `${d}-trailing`,
+				variant: "tonal",
+				"aria-label": typeof f == "string" ? f : void 0,
+				children: /* @__PURE__ */ E(k, {})
+			})
+		}), /* @__PURE__ */ D(a, { children: [
+			/* @__PURE__ */ E(r, {
+				variant: "tonal",
+				color: "primary"
+			}),
+			/* @__PURE__ */ E(c, { children: f }),
+			/* @__PURE__ */ E(o, { hidden: !0 }),
+			/* @__PURE__ */ E(J, {
+				center: v,
+				className: e(_),
+				children: /* @__PURE__ */ E(Y, {
+					position: v,
+					onChange: b,
+					draggable: y,
+					reference: y
+				})
+			}),
+			/* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(p, {
+				onClick: x,
+				children: g ?? S("material.location-field.confirm", "OK")
+			}) })
+		] })]
+	});
+}
+//#endregion
 //#region lib/map/components/partials/location-preview.tsx
-function Z({ name: e, position: t, children: n }) {
+function Q({ name: e, position: t, children: n }) {
 	"use no memo";
-	let { t: r } = p(), [i, a] = T(!1);
+	let { t: r } = m(), [i, a] = T(!1);
 	return /* @__PURE__ */ D(f, {
 		open: i,
 		onOpenChange: a,
@@ -170,67 +209,45 @@ function Z({ name: e, position: t, children: n }) {
 }
 //#endregion
 //#region lib/map/components/location-field.tsx
-var Q = [5.44087, 10.06843];
-function $({ value: t, onChange: l, dialogTitle: u, closeLabel: d, mapClassName: f, placeholder: g, ..._ }) {
-	let { t: y } = p(), x = u ?? y("material.location-field.dialog-title", "Choose a location"), S = w(null), C = b((e) => {
+function $({ value: e, onChange: t, dialogTitle: n, closeLabel: r, mapClassName: i, placeholder: a, ...o }) {
+	let { t: s } = m(), c = n ?? s("material.location-field.dialog-title", "Choose a location"), l = w(null), u = b((e) => {
 		if (e) {
-			let t = [parseFloat(e.lat.toFixed(7)), parseFloat(e.lng.toFixed(7))];
-			S.current = t, l?.(t);
+			let n = [parseFloat(e.lat.toFixed(7)), parseFloat(e.lng.toFixed(7))];
+			l.current = n, t?.(n);
 		}
-	}, [l]), [O, A] = T(!1), j = t ?? Q, M = !_.disabled && !_.readOnly, N = b(() => {
-		!t && M && l?.(S.current ?? Q), A(!1);
+	}, [t]), [d, f] = T(!1), p = e ?? U, h = !o.disabled && !o.readOnly, g = b(() => {
+		!e && h && t?.(l.current ?? U), f(!1);
 	}, [
-		t,
-		M,
-		l
+		e,
+		h,
+		t
 	]);
 	return /* @__PURE__ */ E(v, {
-		..._,
-		value: t ? t.join(" - ") : "",
-		placeholder: g ?? y("material.location-field.placeholder", "No location selected"),
-		leading: t ? /* @__PURE__ */ E(Z, {
-			position: t,
-			children: _.leading
-		}) : _.leading,
-		trailing: /* @__PURE__ */ D(s, {
-			open: O,
-			onOpenChange: A,
-			children: [/* @__PURE__ */ E(i, {
-				asChild: !0,
-				children: _.trailing ?? /* @__PURE__ */ E(h, {
-					"data-pw": `${_.name}-trailing`,
-					variant: "tonal",
-					"aria-label": typeof x == "string" ? x : void 0,
-					children: /* @__PURE__ */ E(k, {})
-				})
-			}), /* @__PURE__ */ D(a, { children: [
-				/* @__PURE__ */ E(r, {
-					variant: "tonal",
-					color: "primary"
-				}),
-				/* @__PURE__ */ E(c, { children: x }),
-				/* @__PURE__ */ E(o, { hidden: !0 }),
-				/* @__PURE__ */ E(J, {
-					center: j,
-					className: e(f),
-					children: /* @__PURE__ */ E(Y, {
-						position: j,
-						onChange: C,
-						draggable: M,
-						reference: M
-					})
-				}),
-				/* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(m, {
-					onClick: N,
-					children: d ?? y("material.location-field.confirm", "OK")
-				}) })
-			] })]
+		...o,
+		value: e ? e.join(" - ") : "",
+		placeholder: a ?? s("material.location-field.placeholder", "No location selected"),
+		leading: e ? /* @__PURE__ */ E(Q, {
+			position: e,
+			children: o.leading
+		}) : o.leading,
+		trailing: /* @__PURE__ */ E(Z, {
+			open: d,
+			onOpenChange: f,
+			trigger: o.trailing,
+			name: o.name,
+			title: c,
+			closeLabel: r,
+			mapClassName: i,
+			position: p,
+			editable: h,
+			onPin: u,
+			onConfirm: g
 		})
 	});
 }
 //#endregion
 //#region lib/map/components/location-form-field.tsx
-function ee({ control: e, name: t, ...n }) {
+function te({ control: e, name: t, ...n }) {
 	return /* @__PURE__ */ E(g, {
 		control: e,
 		name: t,
@@ -252,8 +269,8 @@ function ee({ control: e, name: t, ...n }) {
 }
 //#endregion
 //#region lib/map/components/partials/location-marker.tsx
-function te({ ...e }) {
-	let { t } = p(), { coords: n } = W(), r = I();
+function ne({ ...e }) {
+	let { t } = m(), { coords: n } = W(), r = I();
 	return x(() => {
 		n && r.flyTo([n.latitude, n.longitude], r.getZoom());
 	}, [
@@ -273,8 +290,8 @@ function te({ ...e }) {
 }
 //#endregion
 //#region lib/map/components/partials/map-actions.tsx
-function ne({ position: t = "topleft", className: n, ...r }) {
-	let { t: i } = p(), a = I(), { coords: o } = W(), s = b(() => {
+function re({ position: t = "topleft", className: n, ...r }) {
+	let { t: i } = m(), a = I(), { coords: o } = W(), s = b(() => {
 		a.setView(a.getCenter(), a.getZoom() + 1, { animate: !0 });
 	}, [a]), c = b(() => {
 		a.setView(a.getCenter(), Math.max(a.getZoom() - 1, 0), { animate: !0 });
@@ -282,7 +299,7 @@ function ne({ position: t = "topleft", className: n, ...r }) {
 	return x(() => {
 		o && a.setView([o.latitude, o.longitude], a.getZoom());
 	}, [o, a]), /* @__PURE__ */ E("div", {
-		className: e(U[t], "border-primary"),
+		className: e(H[t], "border-primary"),
 		children: /* @__PURE__ */ E("div", {
 			className: "leaflet-control leaflet-bar border-primary",
 			children: /* @__PURE__ */ D("div", {
@@ -303,4 +320,4 @@ function ne({ position: t = "topleft", className: n, ...r }) {
 	});
 }
 //#endregion
-export { $ as LocationField, ee as LocationFormField, te as LocationMarker, Z as LocationPreview, J as Map, J as MapComponent, ne as MapActions, Y as Marker, q as MinimapControl, U as POSITION_CLASSES, W as useGeolocation };
+export { $ as LocationField, te as LocationFormField, ne as LocationMarker, Q as LocationPreview, J as Map, J as MapComponent, re as MapActions, Y as Marker, q as MinimapControl, H as POSITION_CLASSES, W as useGeolocation };