ablok-components 0.3.104 → 0.3.106

package/dist/components/organisms/location-finder/location-finder.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,609 @@
+import e from "../../molecules/auto-suggest/auto-suggest.js";
+import t from "../../molecules/base-map/base-map.js";
+import n from "../../molecules/location-list/location-list.js";
+import { useDirections as r } from "../../../composables/useDirections.js";
+import { useGeocoding as i } from "../../../composables/useGeocoding.js";
+import { useGeolocation as a } from "../../../composables/useGeolocation.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as ee, defineComponent as p, normalizeClass as m, onMounted as te, openBlock as h, ref as g, renderList as ne, toDisplayString as _, unref as v, watch as y } from "vue";
+import { useI18n as re } from "vue-i18n";
+//#region src/components/organisms/location-finder/location-finder.vue?vue&type=script&setup=true&lang.ts
+var ie = {
+	class: "location-finder",
+	"data-testid": "location-finder"
+}, ae = { class: "location-finder__actions" }, oe = ["disabled"], se = {
+	key: 1,
+	class: "location-finder__notice",
+	"data-testid": "location-finder-error"
+}, ce = { class: "location-finder__map-panel" }, le = ["aria-label"], ue = { class: "location-finder__legend-item" }, de = { class: "location-finder__legend-item" }, fe = { class: "location-finder__legend-item" }, pe = { class: "location-finder__legend-item" }, me = {
+	key: 0,
+	class: "location-finder__sidebar"
+}, he = {
+	key: 1,
+	class: "location-finder__summary",
+	"data-testid": "location-finder-directions"
+}, ge = { class: "location-finder__summary-title" }, _e = {
+	key: 0,
+	class: "location-finder__summary-copy"
+}, ve = { class: "location-finder__summary-grid" }, ye = { class: "location-finder__summary-label" }, be = { "data-testid": "location-finder-distance" }, xe = { class: "location-finder__summary-label" }, Se = { "data-testid": "location-finder-duration" }, Ce = {
+	key: 0,
+	class: "location-finder__steps"
+}, we = { key: 0 }, Te = {
+	key: 2,
+	class: "location-finder__summary-copy"
+}, b = /*@__PURE__*/ p({
+	__name: "location-finder",
+	props: {
+		modelValue: {
+			type: Object,
+			default: null
+		},
+		locations: {
+			type: Array,
+			default: () => []
+		},
+		center: {
+			type: Object,
+			default: null
+		},
+		distance: {
+			type: Number,
+			default: null
+		},
+		userLocation: {
+			type: Object,
+			default: null
+		},
+		messages: {
+			type: Object,
+			default: () => ({})
+		},
+		mapHeight: {
+			type: String,
+			default: "26rem"
+		},
+		searchLabel: {
+			type: String,
+			default: ""
+		},
+		searchPlaceholder: {
+			type: String,
+			default: ""
+		},
+		resultsLabel: {
+			type: String,
+			default: ""
+		},
+		emptyText: {
+			type: String,
+			default: ""
+		},
+		locateButtonLabel: {
+			type: String,
+			default: ""
+		},
+		stopTrackingLabel: {
+			type: String,
+			default: ""
+		},
+		mapHelperText: {
+			type: String,
+			default: ""
+		},
+		enableGeocoding: {
+			type: Boolean,
+			default: !1
+		},
+		geocodingEndpoint: {
+			type: String,
+			default: "https://nominatim.openstreetmap.org/search"
+		},
+		reverseGeocodingEndpoint: {
+			type: String,
+			default: "https://nominatim.openstreetmap.org/reverse"
+		},
+		geocodingLimit: {
+			type: Number,
+			default: 5
+		},
+		geocodingMinQueryLength: {
+			type: Number,
+			default: 3
+		},
+		customGeocodingFetch: null,
+		enableDirections: {
+			type: Boolean,
+			default: !1
+		},
+		directionsEndpoint: {
+			type: String,
+			default: "https://router.project-osrm.org/route/v1"
+		},
+		routeProfile: {
+			type: String,
+			default: "driving"
+		},
+		customDirectionsFetch: null,
+		showDirectionsSummary: {
+			type: Boolean,
+			default: !0
+		},
+		showDirectionsSteps: {
+			type: Boolean,
+			default: !0
+		},
+		directionsTitle: {
+			type: String,
+			default: ""
+		},
+		directionsEmptyText: {
+			type: String,
+			default: ""
+		},
+		distanceLabel: {
+			type: String,
+			default: ""
+		},
+		durationLabel: {
+			type: String,
+			default: ""
+		},
+		routeColor: {
+			type: String,
+			default: "#2563eb"
+		},
+		routeWeight: {
+			type: Number,
+			default: 5
+		},
+		selectionRadius: {
+			type: Number,
+			default: 0
+		},
+		selectionRadiusColor: {
+			type: String,
+			default: "#2563eb"
+		},
+		selectionRadiusFillColor: {
+			type: String,
+			default: "#60a5fa"
+		},
+		mapStyle: {
+			type: String,
+			default: "streets"
+		},
+		tileLayerUrl: {
+			type: String,
+			default: ""
+		},
+		tileLayerAttribution: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		interactive: {
+			type: Boolean,
+			default: !1
+		},
+		showSearch: {
+			type: Boolean,
+			default: !0
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showSidebar: {
+			type: Boolean,
+			default: !0
+		},
+		showTrackButton: {
+			type: Boolean,
+			default: !0
+		},
+		trackUser: {
+			type: Boolean,
+			default: !0
+		},
+		autoLocate: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:distance",
+		"select",
+		"search",
+		"track-user"
+	],
+	setup(p, { emit: b }) {
+		let x = {
+			lat: 48.8566,
+			lng: 2.3522
+		}, Ee = {
+			searchLabel: "Search locations",
+			searchPlaceholder: "Search by name or address",
+			resultsLabel: "Locations",
+			emptyText: "No locations found.",
+			locateButtonLabel: "Use my location",
+			stopTrackingLabel: "Stop tracking",
+			mapHelperText: "Select a location from the list or use the map.",
+			directionsTitle: "Directions",
+			directionsEmptyText: "Select a destination and share your location to preview a route.",
+			distanceLabel: "Distance",
+			durationLabel: "ETA",
+			loadingRoute: "Loading route…",
+			legendAriaLabel: "Map marker types",
+			legendLocations: "Locations",
+			legendSelected: "Selected",
+			legendSearchResult: "Search result",
+			userLocationLabel: "Your location",
+			pinnedLocationTitle: "Pinned location",
+			selectedLocationLabel: "Selected location"
+		}, S = p, C = b, { t: De, te: Oe } = re({ useScope: "global" }), w = a(), T = i(), E = r(), D = g(""), O = g(q(G(S.modelValue))), k = g(q(G(S.modelValue)) ? null : G(S.modelValue)), A = g(W(S.modelValue) || W(S.center) || W(S.locations[0]) || x), j = g(!1), M = s(() => W(S.userLocation)), N = s(() => w.position.value || M.value), P = s(() => W(k.value)), F = s(() => W(O.value)), I = s(() => N.value || P.value), ke = s(() => !I.value || !F.value ? null : Ge(I.value, F.value)), L = s(() => W(S.modelValue) || P.value || F.value), R = s(() => w.error.value || T.error.value || E.error.value || ""), Ae = s(() => S.showSearch || S.trackUser && S.showTrackButton), z = s(() => S.enableDirections && S.showDirectionsSummary), B = s(() => S.showSidebar || z.value), je = s(() => Ke(E.distanceMeters.value)), Me = s(() => qe(E.durationSeconds.value)), V = s(() => ({
+			searchLabel: U("searchLabel", S.searchLabel),
+			searchPlaceholder: U("searchPlaceholder", S.searchPlaceholder),
+			resultsLabel: U("resultsLabel", S.resultsLabel),
+			emptyText: U("emptyText", S.emptyText),
+			locateButtonLabel: U("locateButtonLabel", S.locateButtonLabel),
+			stopTrackingLabel: U("stopTrackingLabel", S.stopTrackingLabel),
+			mapHelperText: U("mapHelperText", S.mapHelperText),
+			directionsTitle: U("directionsTitle", S.directionsTitle),
+			directionsEmptyText: U("directionsEmptyText", S.directionsEmptyText),
+			distanceLabel: U("distanceLabel", S.distanceLabel),
+			durationLabel: U("durationLabel", S.durationLabel),
+			loadingRoute: U("loadingRoute"),
+			legendAriaLabel: U("legendAriaLabel"),
+			legendLocations: U("legendLocations"),
+			legendSelected: U("legendSelected"),
+			legendSearchResult: U("legendSearchResult"),
+			userLocationLabel: U("userLocationLabel"),
+			pinnedLocationTitle: U("pinnedLocationTitle"),
+			selectedLocationLabel: U("selectedLocationLabel")
+		})), Ne = s(() => k.value ? J(k.value) : V.value.selectedLocationLabel), Pe = s(() => w.isTracking.value && j.value ? V.value.stopTrackingLabel : V.value.locateButtonLabel);
+		y(() => S.modelValue, (e) => {
+			let t = G(e), n = q(t);
+			n ? (O.value = n, k.value = null) : t && (k.value = t);
+			let r = W(e);
+			r && (A.value = r);
+		}, { immediate: !0 }), y(() => S.center, (e) => {
+			let t = W(e);
+			t && (A.value = t);
+		}, { deep: !0 }), y(N, (e) => {
+			e && j.value && (A.value = e);
+		}, { deep: !0 }), y(ke, (e) => {
+			C("update:distance", e);
+		}, { immediate: !0 }), y(D, async (e) => {
+			if (C("search", e), !S.enableGeocoding) {
+				T.clearResults();
+				return;
+			}
+			let t = e.trim();
+			if (t.length < S.geocodingMinQueryLength) {
+				T.clearResults();
+				return;
+			}
+			await T.search(t, {
+				endpoint: S.geocodingEndpoint,
+				customFetch: S.customGeocodingFetch,
+				limit: S.geocodingLimit
+			});
+		}), y(() => ({
+			enabled: S.enableDirections,
+			origin: N.value,
+			destination: L.value,
+			profile: S.routeProfile
+		}), async ({ enabled: e, origin: t, destination: n, profile: r }) => {
+			if (!e || !t || !n || X(t, n)) {
+				E.clearRoute();
+				return;
+			}
+			await E.fetchRoute(t, n, {
+				endpoint: S.directionsEndpoint,
+				profile: r,
+				customFetch: S.customDirectionsFetch
+			});
+		}, {
+			immediate: !0,
+			deep: !0
+		}), te(async () => {
+			S.autoLocate && S.trackUser && await $();
+		});
+		let Fe = s(() => {
+			let e = He(D.value).trim();
+			return e ? S.locations.filter((t) => [J(t), Ue(t)].filter(Boolean).some((t) => He(t).includes(e))) : S.locations;
+		}), Ie = s(() => T.results.value.map((e) => ({
+			id: e.id,
+			title: e.title,
+			address: e.address,
+			lat: e.lat,
+			lng: e.lng,
+			source: e.source
+		}))), Le = s(() => {
+			if (!D.value.trim()) return S.locations;
+			let e = Fe.value;
+			return e.length ? e : S.locations;
+		}), H = s(() => Le.value), Re = s(() => We(Le.value, S.enableGeocoding ? Ie.value : [])), ze = s(() => Array.from(new Set(Re.value.map((e) => Y(e))))), Be = s(() => H.value.map((e) => {
+			let t = W(e);
+			return t ? {
+				id: K(e),
+				label: J(e),
+				...t,
+				type: F.value && X(t, F.value) ? "selected" : "list"
+			} : null;
+		}).filter((e) => !!e)), Ve = s(() => j.value && N.value ? N.value : A.value || L.value || N.value || W(H.value[0]) || x);
+		function U(e, t) {
+			let n = S.messages?.[e];
+			if (typeof n == "string" && n.trim()) return n;
+			if (typeof t == "string" && t.trim()) return t;
+			let r = `locationFinder.${String(e)}`;
+			return Oe(r) ? String(De(r)) : Ee[e];
+		}
+		function W(e) {
+			if (!e) return null;
+			let t = Number(e.lat), n = Number(e.lng);
+			return !Number.isFinite(t) || !Number.isFinite(n) ? null : {
+				lat: t,
+				lng: n
+			};
+		}
+		function G(e) {
+			if (!e) return null;
+			let t = W(e);
+			return t ? {
+				...e,
+				...t
+			} : null;
+		}
+		function K(e) {
+			return e ? typeof e == "object" ? e.id ?? e.value ?? Y(e) : e : null;
+		}
+		function q(e) {
+			return e && S.locations.find((t) => K(t) === K(e) || X(W(t), W(e))) || null;
+		}
+		function He(e) {
+			return `${e ?? ""}`.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+		}
+		function J(e) {
+			return `${e.title || e.label || e.name || "Location"}`;
+		}
+		function Ue(e) {
+			return `${e.address || e.description || e.subtitle || ""}`;
+		}
+		function Y(e) {
+			let t = J(e), n = Ue(e);
+			return n ? `${t} — ${n}` : t;
+		}
+		function We(e, t) {
+			let n = [...e];
+			return t.forEach((e) => {
+				n.some((t) => K(t) === K(e) || X(W(t), W(e))) || n.push(e);
+			}), n;
+		}
+		function X(e, t) {
+			return !e || !t ? !1 : Math.abs(e.lat - t.lat) < 1e-6 && Math.abs(e.lng - t.lng) < 1e-6;
+		}
+		function Ge(e, t) {
+			let n = (e) => Math.PI / 180 * e, r = n(t.lat - e.lat), i = n(t.lng - e.lng), a = n(e.lat), o = n(t.lat), s = Math.sin(r / 2) ** 2 + Math.cos(a) * Math.cos(o) * Math.sin(i / 2) ** 2, c = 2 * Math.atan2(Math.sqrt(s), Math.sqrt(1 - s));
+			return Math.round(6371e3 * c);
+		}
+		function Ke(e) {
+			return e === null || !Number.isFinite(e) ? "—" : e >= 1e3 ? `${(e / 1e3).toFixed(1)} km` : `${Math.round(e)} m`;
+		}
+		function qe(e) {
+			if (e === null || !Number.isFinite(e)) return "—";
+			let t = Math.max(1, Math.round(e / 60));
+			if (t < 60) return `${t} min`;
+			let n = Math.floor(t / 60), r = t % 60;
+			return r ? `${n} h ${r} min` : `${n} h`;
+		}
+		function Z(e) {
+			let t = G(e), n = q(t);
+			if (j.value = !1, !t) {
+				C("update:modelValue", null);
+				return;
+			}
+			O.value = n || t;
+			let r = W(t);
+			r && (A.value = r), C("update:modelValue", t), C("select", t);
+		}
+		function Q(e) {
+			let t = G(e), n = q(t);
+			if (j.value = !1, !t) {
+				C("update:modelValue", null);
+				return;
+			}
+			n ? (O.value = n, k.value = null) : k.value = t;
+			let r = W(t);
+			r && (A.value = r), C("update:modelValue", t), C("select", t);
+		}
+		function Je(e) {
+			let t = Re.value.find((t) => Y(t) === e || J(t) === e);
+			if (t) {
+				if (q(t)) {
+					Z(t), k.value = null;
+					return;
+				}
+				Q(t);
+			}
+		}
+		function Ye(e) {
+			Z(e);
+		}
+		function Xe(e) {
+			if (e.id === "user-location" && N.value) {
+				A.value = N.value, j.value = !0, C("track-user", N.value);
+				return;
+			}
+			let t = H.value.find((t) => K(t) === e.id) || H.value.find((t) => {
+				let n = W(t);
+				return n && Math.abs(n.lat - e.lat) < 1e-6 && Math.abs(n.lng - e.lng) < 1e-6;
+			});
+			if (t) {
+				Z(t);
+				return;
+			}
+			k.value && (K(k.value) === e.id || X(W(k.value), {
+				lat: e.lat,
+				lng: e.lng
+			})) && Q(k.value);
+		}
+		async function Ze(e) {
+			if (A.value = e, j.value = !1, !S.interactive) return;
+			let t = H.value.find((t) => {
+				let n = W(t);
+				return n && Math.abs(n.lat - e.lat) < 1e-6 && Math.abs(n.lng - e.lng) < 1e-6;
+			});
+			if (t) {
+				Z(t);
+				return;
+			}
+			Q(await Qe(e, V.value.pinnedLocationTitle));
+		}
+		async function Qe(e, t) {
+			if (!S.enableGeocoding) return {
+				id: `pin-${e.lat}-${e.lng}`,
+				title: t,
+				lat: e.lat,
+				lng: e.lng
+			};
+			let n = await T.reverse(e, {
+				reverseEndpoint: S.reverseGeocodingEndpoint,
+				customFetch: S.customGeocodingFetch
+			});
+			return n ? {
+				id: n.id,
+				title: n.title || t,
+				address: n.address,
+				lat: n.lat,
+				lng: n.lng,
+				source: n.source
+			} : {
+				id: `pin-${e.lat}-${e.lng}`,
+				title: t,
+				lat: e.lat,
+				lng: e.lng
+			};
+		}
+		async function $() {
+			if (w.isTracking.value && j.value) {
+				w.stopTracking(), j.value = !1;
+				return;
+			}
+			if (N.value) {
+				A.value = N.value, j.value = !0, C("track-user", N.value), !w.isTracking.value && !M.value && w.startTracking();
+				return;
+			}
+			let e = await w.locate();
+			e && (A.value = e, j.value = !0, C("track-user", e), w.startTracking());
+		}
+		return (r, i) => (h(), u("div", ie, [
+			Ae.value ? (h(), u("div", {
+				key: 0,
+				class: m(["location-finder__toolbar", { "location-finder__toolbar--actions-only": !S.showSearch }])
+			}, [S.showSearch ? (h(), c(e, {
+				key: 0,
+				modelValue: D.value,
+				"onUpdate:modelValue": i[0] ||= (e) => D.value = e,
+				class: "location-finder__search",
+				label: V.value.searchLabel,
+				placeholder: V.value.searchPlaceholder,
+				options: ze.value,
+				disabled: p.disabled,
+				"onUpdate:selection": Je
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"placeholder",
+				"options",
+				"disabled"
+			])) : l("", !0), d("div", ae, [p.trackUser && S.showTrackButton ? (h(), u("button", {
+				key: 0,
+				type: "button",
+				class: "btn btn-outline-primary btn-sm location-finder__locate",
+				disabled: p.disabled || v(w).pending.value,
+				"data-testid": "location-finder-locate",
+				onClick: $
+			}, _(Pe.value), 9, oe)) : l("", !0)])], 2)) : l("", !0),
+			R.value ? (h(), u("p", se, _(R.value), 1)) : l("", !0),
+			d("div", { class: m(["location-finder__layout", {
+				"location-finder__layout--with-summary": z.value,
+				"location-finder__layout--full-width": !B.value
+			}]) }, [d("div", ce, [ee(t, {
+				class: "location-finder__map",
+				center: Ve.value,
+				markers: Be.value,
+				"model-value": P.value,
+				"user-location": N.value,
+				"user-location-label": V.value.userLocationLabel,
+				"selected-location-label": Ne.value,
+				"route-coordinates": v(E).routeCoordinates.value,
+				"route-color": p.routeColor,
+				"route-weight": p.routeWeight,
+				"selection-radius": p.selectionRadius,
+				"selection-radius-center": L.value,
+				"selection-radius-color": p.selectionRadiusColor,
+				"selection-radius-fill-color": p.selectionRadiusFillColor,
+				"map-style": p.mapStyle,
+				"tile-layer-url": p.tileLayerUrl,
+				"tile-layer-attribution": p.tileLayerAttribution,
+				height: p.mapHeight,
+				interactive: p.interactive,
+				disabled: p.disabled,
+				"helper-text": V.value.mapHelperText,
+				"onUpdate:modelValue": Ze,
+				onMarkerClick: Xe
+			}, null, 8, [
+				"center",
+				"markers",
+				"model-value",
+				"user-location",
+				"user-location-label",
+				"selected-location-label",
+				"route-coordinates",
+				"route-color",
+				"route-weight",
+				"selection-radius",
+				"selection-radius-center",
+				"selection-radius-color",
+				"selection-radius-fill-color",
+				"map-style",
+				"tile-layer-url",
+				"tile-layer-attribution",
+				"height",
+				"interactive",
+				"disabled",
+				"helper-text"
+			]), S.showLegend ? (h(), u("div", {
+				key: 0,
+				class: "location-finder__legend",
+				"data-testid": "location-finder-legend",
+				"aria-label": V.value.legendAriaLabel
+			}, [
+				d("span", ue, [i[2] ||= d("span", { class: "location-finder__legend-swatch location-finder__legend-swatch--list" }, null, -1), f(" " + _(V.value.legendLocations), 1)]),
+				d("span", de, [i[3] ||= d("span", { class: "location-finder__legend-swatch location-finder__legend-swatch--selected" }, null, -1), f(" " + _(V.value.legendSelected), 1)]),
+				d("span", fe, [i[4] ||= d("span", { class: "location-finder__legend-swatch location-finder__legend-swatch--search" }, null, -1), f(" " + _(V.value.legendSearchResult), 1)]),
+				d("span", pe, [i[5] ||= d("span", { class: "location-finder__legend-swatch location-finder__legend-swatch--user" }, null, -1), f(" " + _(V.value.userLocationLabel), 1)])
+			], 8, le)) : l("", !0)]), B.value ? (h(), u("aside", me, [S.showSidebar ? (h(), c(n, {
+				key: 0,
+				modelValue: O.value,
+				"onUpdate:modelValue": i[1] ||= (e) => O.value = e,
+				class: "location-finder__results",
+				locations: H.value,
+				label: V.value.resultsLabel,
+				"empty-text": V.value.emptyText,
+				onSelect: Ye
+			}, null, 8, [
+				"modelValue",
+				"locations",
+				"label",
+				"empty-text"
+			])) : l("", !0), z.value ? (h(), u("div", he, [d("p", ge, _(V.value.directionsTitle), 1), v(E).pending.value ? (h(), u("p", _e, _(V.value.loadingRoute), 1)) : v(E).hasRoute.value ? (h(), u(o, { key: 1 }, [d("div", ve, [d("div", null, [d("p", ye, _(V.value.distanceLabel), 1), d("strong", be, _(je.value), 1)]), d("div", null, [d("p", xe, _(V.value.durationLabel), 1), d("strong", Se, _(Me.value), 1)])]), p.showDirectionsSteps && v(E).steps.value.length ? (h(), u("ol", Ce, [(h(!0), u(o, null, ne(v(E).steps.value.slice(0, 5), (e, t) => (h(), u("li", { key: `${e.instruction}-${t}` }, [d("span", null, _(e.instruction), 1), e.name ? (h(), u("small", we, _(e.name), 1)) : l("", !0)]))), 128))])) : l("", !0)], 64)) : (h(), u("p", Te, _(V.value.directionsEmptyText), 1))])) : l("", !0)])) : l("", !0)], 2)
+		]));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/organisms/preset-uploader/preset-uploader.js

@@ -0,0 +1,6 @@
+import e from "./preset-uploader.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                */
+//#region src/components/organisms/preset-uploader/preset-uploader.vue
+var t = e;
+//#endregion
+export { t as default };