qmap-forms 1.0.0 → 1.0.1

package/SimpleGeomEditor-BZlH3Pfj.mjs

@@ -0,0 +1,823 @@
+import { At as e, Ct as t, J as n, M as r, N as i, P as a, St as o, Y as s, _t as c, d as l, ht as u, k as d, l as f, n as p, pt as m, t as h, u as g, ut as _, wt as v, xt as y } from "./QPopupProxy-DMCFxQQk.mjs";
+import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, getCurrentInstance as O, h as k, normalizeClass as A, normalizeStyle as j, onMounted as M, onUnmounted as N, openBlock as P, ref as F, toDisplayString as ee, unref as te, watch as I, withCtx as R, withDirectives as z, withModifiers as B } from "vue";
+import "leaflet-editable";
+import { Browser as V, Canvas as H, Circle as U, Control as W, DomEvent as G, DomUtil as K, FeatureGroup as ne, Handler as q, LatLngBounds as re, Map as ie, Path as J, Rectangle as ae, SVG as Y, TileLayer as oe, Util as X, featureGroup as se, geoJSON as Z, point as ce } from "leaflet";
+//#region node_modules/quasar/src/components/circular-progress/circular-progress.js
+var Q = {
+	...o,
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	color: String,
+	centerColor: String,
+	trackColor: String,
+	fontSize: String,
+	rounded: Boolean,
+	thickness: {
+		type: Number,
+		default: .2,
+		validator: (e) => e >= 0 && e <= 1
+	},
+	angle: {
+		type: Number,
+		default: 0
+	},
+	showValue: Boolean,
+	reverse: Boolean,
+	instantFeedback: Boolean
+}, $ = 50, le = 100, ue = le * Math.PI, de = Math.round(ue * 1e3) / 1e3, fe = /*#__PURE__*/ v({
+	name: "QCircularProgress",
+	props: {
+		...Q,
+		value: {
+			type: Number,
+			default: 0
+		},
+		animationSpeed: {
+			type: [String, Number],
+			default: 600
+		},
+		indeterminate: Boolean
+	},
+	setup(t, { slots: n }) {
+		let r = e(), i = b(() => {
+			if (t.indeterminate) return null;
+			let e = (r.lang.rtl ? -1 : 1) * t.angle;
+			return { transform: t.reverse === (r.lang.rtl === !0) ? `rotate(${e - 90}deg)` : `scaleX(-1) rotate(${-90 - e}deg)` };
+		}), a = b(() => !t.instantFeedback && !t.indeterminate ? { transition: `stroke-dashoffset ${t.animationSpeed}ms ease 0s, stroke ${t.animationSpeed}ms ease` } : ""), o = b(() => le / (1 - t.thickness / 2)), s = b(() => `${o.value / 2} ${o.value / 2} ${o.value} ${o.value}`), l = b(() => g(t.value, t.min, t.max)), u = b(() => t.max - t.min), d = b(() => t.thickness / 2 * o.value), f = b(() => {
+			let e = (t.max - l.value) / u.value, n = t.rounded && l.value < t.max && e < .25 ? d.value / 2 * (1 - e / .25) : 0;
+			return ue * e + n;
+		});
+		function p({ thickness: e, offset: t, color: n, cls: r, rounded: i }) {
+			return k("circle", {
+				class: "q-circular-progress__" + r + (n === void 0 ? "" : ` text-${n}`),
+				style: a.value,
+				fill: "transparent",
+				stroke: "currentColor",
+				"stroke-width": e,
+				"stroke-dasharray": de,
+				"stroke-dashoffset": t,
+				"stroke-linecap": i,
+				cx: o.value,
+				cy: o.value,
+				r: $
+			});
+		}
+		return () => {
+			let e = [];
+			t.centerColor !== void 0 && t.centerColor !== "transparent" && e.push(k("circle", {
+				class: `q-circular-progress__center text-${t.centerColor}`,
+				fill: "currentColor",
+				r: $ - d.value / 2,
+				cx: o.value,
+				cy: o.value
+			})), t.trackColor !== void 0 && t.trackColor !== "transparent" && e.push(p({
+				cls: "track",
+				thickness: d.value,
+				offset: 0,
+				color: t.trackColor
+			})), e.push(p({
+				cls: "circle",
+				thickness: d.value,
+				offset: f.value,
+				color: t.color,
+				rounded: t.rounded ? "round" : void 0
+			}));
+			let r = [k("svg", {
+				class: "q-circular-progress__svg",
+				style: i.value,
+				viewBox: s.value,
+				"aria-hidden": "true"
+			}, e)];
+			return t.showValue && r.push(k("div", {
+				class: "q-circular-progress__text absolute-full row flex-center content-center",
+				style: { fontSize: t.fontSize }
+			}, n.default === void 0 ? [k("div", l.value)] : n.default())), k("div", {
+				class: `q-circular-progress q-circular-progress--${t.indeterminate ? "in" : ""}determinate`,
+				style: y(t.size),
+				role: "progressbar",
+				"aria-valuemin": t.min,
+				"aria-valuemax": t.max,
+				"aria-valuenow": t.indeterminate ? void 0 : l.value
+			}, c(n.internal, r));
+		};
+	}
+}), pe = [
+	34,
+	37,
+	40,
+	33,
+	39,
+	38
+], me = Object.keys(Q), he = /*#__PURE__*/ v({
+	name: "QKnob",
+	props: {
+		...r,
+		...Q,
+		modelValue: {
+			type: Number,
+			required: !0
+		},
+		innerMin: Number,
+		innerMax: Number,
+		step: {
+			type: Number,
+			default: 1,
+			validator: (e) => e >= 0
+		},
+		tabindex: {
+			type: [Number, String],
+			default: 0
+		},
+		disable: Boolean,
+		readonly: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"dragValue"
+	],
+	setup(t, { slots: n, emit: r }) {
+		let { proxy: i } = O(), a = e(), o = F(t.modelValue), s = F(!1), c = b(() => !Number.isFinite(t.innerMin) || t.innerMin < t.min ? t.min : t.innerMin), u = b(() => !Number.isFinite(t.innerMax) || t.innerMax > t.max ? t.max : t.innerMax), p, h = null, v = null;
+		function y() {
+			v === null && (v = o.value);
+		}
+		function x() {
+			h = null, o.value = t.modelValue === null ? c.value : g(t.modelValue, c.value, u.value), H(!1);
+		}
+		I(() => `${t.modelValue}|${c.value}|${u.value}`, x), x();
+		let S = b(() => !t.disable && !t.readonly), C = b(() => "q-knob non-selectable" + (S.value ? " q-knob--editable" : t.disable ? " disabled" : "")), w = b(() => (String(t.step).trim().split(".")[1] || "").length), T = b(() => t.step === 0 ? 1 : t.step), E = b(() => t.instantFeedback || s.value), D = b(() => S.value ? {
+			onMousedown: ee,
+			onClick: te,
+			onKeydown: R,
+			onKeyup: V
+		} : {}), A = b(() => S.value ? { tabindex: t.tabindex } : { [`aria-${t.disable ? "disabled" : "readonly"}`]: "true" }), j = b(() => {
+			let e = {};
+			return me.forEach((n) => {
+				e[n] = t[n];
+			}), e;
+		});
+		function M(e) {
+			if (e.isFinal) {
+				B(e.evt, !0), s.value = !1;
+				return;
+			}
+			e.isFirst && (y(), P(), s.value = !0), B(e.evt, !1);
+		}
+		let N = b(() => [[
+			f,
+			S.value ? M : void 0,
+			void 0,
+			{
+				prevent: !0,
+				stop: !0,
+				mouse: !0
+			}
+		]]);
+		function P() {
+			let { top: e, left: t, width: n, height: r } = i.$el.getBoundingClientRect();
+			p = {
+				top: e + r / 2,
+				left: t + n / 2
+			};
+		}
+		function ee(e) {
+			y(), P(), B(e, !1);
+		}
+		function te(e) {
+			y(), P(), B(e, !0);
+		}
+		function R(e) {
+			if (!pe.includes(e.keyCode)) return;
+			m(e), y();
+			let t = ([34, 33].includes(e.keyCode) ? 10 : 1) * T.value, n = [
+				34,
+				37,
+				40
+			].includes(e.keyCode) ? -t : t;
+			o.value = g(Number.parseFloat((o.value + n).toFixed(w.value)), c.value, u.value), H(!1);
+		}
+		function B(e, n) {
+			let i = _(e), s = Math.abs(i.top - p.top), d = Math.hypot(s, i.left - p.left), f = Math.asin(s / d) * (180 / Math.PI);
+			f = i.top < p.top ? p.left < i.left ? 90 - f : 270 + f : p.left < i.left ? f + 90 : 270 - f, a.lang.rtl ? f = l(-f - t.angle, 0, 360) : t.angle && (f = l(f - t.angle, 0, 360)), t.reverse && (f = 360 - f);
+			let m = t.min + f / 360 * (t.max - t.min);
+			if (T.value !== 0) {
+				let e = m % T.value;
+				m = m - e + (Math.abs(e) >= T.value / 2 ? (e < 0 ? -1 : 1) * T.value : 0), m = Number.parseFloat(m.toFixed(w.value));
+			}
+			m = g(m, c.value, u.value), r("dragValue", m), o.value !== m && (o.value = m), H(n);
+		}
+		function V(e) {
+			pe.includes(e.keyCode) && H(!0);
+		}
+		function H(e) {
+			t.modelValue !== o.value && o.value !== h && (h = o.value, r("update:modelValue", o.value)), e && (v !== null && v !== o.value && r("change", o.value), v = null);
+		}
+		let U = d(t);
+		function W() {
+			return k("input", U());
+		}
+		return () => {
+			let e = {
+				class: C.value,
+				role: "slider",
+				"aria-valuemin": c.value,
+				"aria-valuemax": u.value,
+				"aria-valuenow": t.modelValue,
+				...A.value,
+				...j.value,
+				value: o.value,
+				instantFeedback: E.value,
+				...D.value
+			}, r = { default: n.default };
+			return S.value && t.name !== void 0 && (r.internal = W), z(k(fe, e, r), N.value);
+		};
+	}
+});
+Y.include({
+	_resetTransformPath: function(e) {
+		e._path.setAttributeNS(null, "transform", "");
+	},
+	transformPath: function(e, t) {
+		e._path.setAttributeNS(null, "transform", "matrix(" + t.join(" ") + ")");
+	}
+}), Y.include(V.vml ? {
+	_resetTransformPath: function(e) {
+		e._skew &&= (e._skew.on = !1, e._path.removeChild(e._skew), null);
+	},
+	transformPath: function(e, t) {
+		let n = e._skew;
+		n || (n = Y.create("skew"), e._path.appendChild(n), n.style.behavior = "url(#default#VML)", e._skew = n);
+		let r = t[0].toFixed(8) + " " + t[1].toFixed(8) + " " + t[2].toFixed(8) + " " + t[3].toFixed(8) + " 0 0", i = Math.floor(t[4]).toFixed() + ", " + Math.floor(t[5]).toFixed(), a = this._path.style, o = parseFloat(a.left), s = parseFloat(a.top), c = parseFloat(a.width), l = parseFloat(a.height);
+		isNaN(o) && (o = 0), isNaN(s) && (s = 0), (isNaN(c) || !c) && (c = 1), (isNaN(l) || !l) && (l = 1);
+		let u = (-o / c - .5).toFixed(8) + " " + (-s / l - .5).toFixed(8);
+		n.on = "f", n.matrix = r, n.origin = u, n.offset = i, n.on = !0;
+	}
+} : {});
+function ge() {
+	return !0;
+}
+H.include({
+	_resetTransformPath: function(e) {
+		this._containerCopy && (delete this._containerCopy, e._containsPoint_ && (e._containsPoint = e._containsPoint_, delete e._containsPoint_, this._requestRedraw(e)));
+	},
+	transformPath: function(e, t) {
+		let n = this._containerCopy, r = this._ctx, i, a = V.retina ? 2 : 1, o = this._bounds, s = o.getSize(), c = o.min;
+		n || (n = this._containerCopy = document.createElement("canvas"), i = n.getContext("2d"), n.width = a * s.x, n.height = a * s.y, this._removePath(e), this._redraw(), i.translate(a * o.min.x, a * o.min.y), i.drawImage(this._container, 0, 0), this._initPath(e), e._containsPoint_ = e._containsPoint, e._containsPoint = ge), r.save(), r.clearRect(c.x, c.y, s.x * a, s.y * a), r.setTransform(1, 0, 0, 1, 0, 0), r.restore(), r.save(), r.drawImage(this._containerCopy, 0, 0, s.x, s.y), r.transform.apply(r, t), this._drawing = !0, e._updatePath(), this._drawing = !1, r.restore();
+	}
+}), J.include({
+	_transform: function(e) {
+		return this._renderer && (e ? this._renderer.transformPath(this, e) : (this._renderer._resetTransformPath(this), this._update())), this;
+	},
+	_onMouseClick: function(e) {
+		this.dragging && this.dragging.moved() || this._map.dragging && this._map.dragging.moved() || this._fireMouseEvent(e);
+	}
+});
+var _e = {
+	mousedown: "mouseup",
+	touchstart: "touchend",
+	pointerdown: "touchend",
+	MSPointerDown: "touchend"
+}, ve = {
+	mousedown: "mousemove",
+	touchstart: "touchmove",
+	pointerdown: "touchmove",
+	MSPointerDown: "touchmove"
+};
+function ye(e, t) {
+	let n = e.x - t.x, r = e.y - t.y;
+	return Math.sqrt(n * n + r * r);
+}
+q.PathDrag = q.extend({
+	statics: { DRAGGING_CLS: "leaflet-path-draggable" },
+	initialize: function(e) {
+		this._path = e, this._matrix = null, this._startPoint = null, this._dragStartPoint = null, this._mapDraggingWasEnabled = !1, this._path._dragMoved = !1;
+	},
+	addHooks: function() {
+		this._path.on("mousedown", this._onDragStart, this), this._path.options.className = this._path.options.className ? this._path.options.className + " " + q.PathDrag.DRAGGING_CLS : q.PathDrag.DRAGGING_CLS, this._path._path && K.addClass(this._path._path, q.PathDrag.DRAGGING_CLS);
+	},
+	removeHooks: function() {
+		this._path.off("mousedown", this._onDragStart, this), this._path.options.className = this._path.options.className.replace(RegExp("\\s+" + q.PathDrag.DRAGGING_CLS), ""), this._path._path && K.removeClass(this._path._path, q.PathDrag.DRAGGING_CLS);
+	},
+	moved: function() {
+		return this._path._dragMoved;
+	},
+	_onDragStart: function(e) {
+		let t = e.originalEvent._simulated ? "touchstart" : e.originalEvent.type;
+		this._mapDraggingWasEnabled = !1, this._startPoint = e.containerPoint.clone(), this._dragStartPoint = e.containerPoint.clone(), this._matrix = [
+			1,
+			0,
+			0,
+			1,
+			0,
+			0
+		], G.stop(e.originalEvent), K.addClass(this._path._renderer._container, "leaflet-interactive"), G.on(document, ve[t], this._onDrag, this).on(document, _e[t], this._onDragEnd, this), this._path._map.dragging.enabled() && (this._path._map.dragging.disable(), this._mapDraggingWasEnabled = !0), this._path._dragMoved = !1, this._path._popup && this._path._popup.close(), this._replaceCoordGetters(e);
+	},
+	_onDrag: function(e) {
+		G.stop(e);
+		let t = e.touches && e.touches.length >= 1 ? e.touches[0] : e, n = this._path._map.mouseEventToContainerPoint(t);
+		if (e.type === "touchmove" && !this._path._dragMoved && this._dragStartPoint.distanceTo(n) <= this._path._map.options.tapTolerance) return;
+		let r = n.x, i = n.y, a = r - this._startPoint.x, o = i - this._startPoint.y;
+		(a || o) && (this._path._dragMoved || (this._path._dragMoved = !0, this._path.options.interactive = !1, this._path._map.dragging._draggable._moved = !0, this._path.fire("dragstart", e), this._path.bringToFront()), this._matrix[4] += a, this._matrix[5] += o, this._startPoint.x = r, this._startPoint.y = i, this._path.fire("predrag", e), this._path._transform(this._matrix), this._path.fire("drag", e));
+	},
+	_onDragEnd: function(e) {
+		let t = this._path._map.mouseEventToContainerPoint(e), n = this.moved();
+		if (n && (this._transformPoints(this._matrix), this._path._updatePath(), this._path._project(), this._path._transform(null), G.stop(e)), G.off(document, "mousemove touchmove", this._onDrag, this), G.off(document, "mouseup touchend", this._onDragEnd, this), this._restoreCoordGetters(), n) {
+			this._path.fire("dragend", { distance: ye(this._dragStartPoint, t) });
+			let e = this._path._containsPoint;
+			this._path._containsPoint = X.falseFn, X.requestAnimFrame(function() {
+				this._path._dragMoved = !1, this._path.options.interactive = !0, this._path._containsPoint = e;
+			}, this);
+		}
+		this._mapDraggingWasEnabled && this._path._map.dragging.enable();
+	},
+	_transformPoints: function(e, t) {
+		let n = this._path, r = L.point(e[4], e[5]), i = n._map.options.crs, a = i.transformation, o = i.scale(n._map.getZoom()), s = i.projection, c = a.untransform(r, o).subtract(a.untransform(ce(0, 0), o)), l = !t;
+		if (n._bounds = new re(), n._point) t = s.unproject(s.project(n._latlng)._add(c)), l && (n._latlng = t, n._point._add(r));
+		else if (n._rings || n._parts) {
+			let e = n._rings || n._parts, i = n._latlngs;
+			t ||= i, X.isArray(i[0]) || (i = [i], t = [t]);
+			for (let a = 0, o = e.length; a < o; a++) {
+				t[a] = t[a] || [];
+				for (let o = 0, u = e[a].length; o < u; o++) {
+					let u = i[a][o];
+					t[a][o] = s.unproject(s.project(u)._add(c)), l && (n._bounds.extend(i[a][o]), e[a][o]._add(r));
+				}
+			}
+		}
+		return t;
+	},
+	_replaceCoordGetters: function() {
+		this._path.getLatLng ? (this._path.getLatLng_ = this._path.getLatLng, this._path.getLatLng = X.bind(function() {
+			return this.dragging._transformPoints(this.dragging._matrix, {});
+		}, this._path)) : this._path.getLatLngs && (this._path.getLatLngs_ = this._path.getLatLngs, this._path.getLatLngs = X.bind(function() {
+			return this.dragging._transformPoints(this.dragging._matrix, []);
+		}, this._path));
+	},
+	_restoreCoordGetters: function() {
+		this._path.getLatLng_ ? (this._path.getLatLng = this._path.getLatLng_, delete this._path.getLatLng_) : this._path.getLatLngs_ && (this._path.getLatLngs = this._path.getLatLngs_, delete this._path.getLatLngs_);
+	}
+}), q.PathDrag.makeDraggable = function(e) {
+	return e.dragging = new q.PathDrag(e), e;
+}, J.prototype.makeDraggable = function() {
+	return q.PathDrag.makeDraggable(this);
+}, J.addInitHook(function() {
+	this.options.draggable ? (this.options.interactive = !0, this.dragging || q.PathDrag.makeDraggable(this), this.dragging.enable()) : this.dragging && this.dragging.disable();
+});
+var be = q.PathDrag;
+//#endregion
+//#region src/components/simple/geom.js
+function xe(e, t, n = {}) {
+	let { pivot: r = "centroid", mutate: i = !1 } = n, a = t * Math.PI / 180, o = i ? e : JSON.parse(JSON.stringify(e));
+	function s(e, t) {
+		let [n, r, ...i] = e, o = t[0], s = t[1], c = n - o, l = r - s, u = Math.cos(a), d = Math.sin(a), f = o + u * c - d * l, p = s + d * c + u * l;
+		return i.length ? [
+			f,
+			p,
+			...i
+		] : [f, p];
+	}
+	function c(e) {
+		if (e.length === 0) return e;
+		let t = e[0], n = e[e.length - 1];
+		return l(t, n) || e.push([...t]), e;
+	}
+	function l(e, t) {
+		return !e || !t ? !1 : e[0] === t[0] && e[1] === t[1];
+	}
+	function u(e) {
+		let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+		for (let a of e) {
+			let e = a[0], o = a[1];
+			e < t && (t = e), o < n && (n = o), e > r && (r = e), o > i && (i = o);
+		}
+		return isFinite(t) ? [(t + r) / 2, (n + i) / 2] : [0, 0];
+	}
+	function d(e) {
+		if (!e.length) return [0, 0];
+		let t = 0, n = 0;
+		for (let r of e) t += r[0], n += r[1];
+		return [t / e.length, n / e.length];
+	}
+	function f(e) {
+		let t = e.map((e) => l(e[0], e[e.length - 1]) ? e : [...e, e[0]]), n = 0, r = 0, i = 0;
+		for (let e of t) {
+			let t = 0, a = 0, o = 0;
+			for (let n = 0; n < e.length - 1; n++) {
+				let [r, i] = e[n], [s, c] = e[n + 1], l = r * c - s * i;
+				t += l, a += (r + s) * l, o += (i + c) * l;
+			}
+			n += t, r += a, i += o;
+		}
+		return n === 0 ? d(e.flat()) : [r / (3 * n), i / (3 * n)];
+	}
+	function p(e) {
+		let t = [], n = (e) => t.push(e), r = (e) => {
+			if (!e) return;
+			let t = e.type;
+			if (t === "Point") n(e.coordinates);
+			else if (t === "MultiPoint" || t === "LineString") for (let t of e.coordinates) n(t);
+			else if (t === "MultiLineString" || t === "Polygon") for (let t of e.coordinates) for (let e of t) n(e);
+			else if (t === "MultiPolygon") for (let t of e.coordinates) for (let e of t) for (let t of e) n(t);
+			else if (t === "GeometryCollection") for (let t of e.geometries) r(t);
+		};
+		return r(e), t;
+	}
+	function m(e) {
+		if (!e) return [0, 0];
+		let t = e.type;
+		if (r === "bbox") return u(p(e));
+		if (t === "Point") return [e.coordinates[0], e.coordinates[1]];
+		if (t === "MultiPoint" || t === "LineString") return d(e.coordinates);
+		if (t === "MultiLineString") return d(e.coordinates.flat());
+		if (t === "Polygon") return f(e.coordinates);
+		if (t === "MultiPolygon") {
+			let t = 0, n = 0, r = 0;
+			for (let i of e.coordinates) {
+				let e = f(i), a = 0;
+				for (let e of i) {
+					let t = l(e[0], e[e.length - 1]) ? e : [...e, e[0]];
+					for (let e = 0; e < t.length - 1; e++) {
+						let [n, r] = t[e], [i, o] = t[e + 1];
+						a += n * o - i * r;
+					}
+				}
+				a !== 0 && isFinite(e[0]) && isFinite(e[1]) && (t += a, n += e[0] * (3 * a), r += e[1] * (3 * a));
+			}
+			return t === 0 ? d(p(e)) : [n / (3 * t), r / (3 * t)];
+		}
+		return d(p(e));
+	}
+	function h(e, t) {
+		let n = e.type;
+		return n === "Point" ? e.coordinates = s(e.coordinates, t) : n === "MultiPoint" || n === "LineString" ? e.coordinates = e.coordinates.map((e) => s(e, t)) : n === "MultiLineString" ? e.coordinates = e.coordinates.map((e) => e.map((e) => s(e, t))) : n === "Polygon" ? e.coordinates = e.coordinates.map((e) => {
+			let n = c(e.slice()).map((e) => s(e, t));
+			return n[n.length - 1] = [...n[0]], n;
+		}) : n === "MultiPolygon" ? e.coordinates = e.coordinates.map((e) => e.map((e) => {
+			let n = c(e.slice()).map((e) => s(e, t));
+			return n[n.length - 1] = [...n[0]], n;
+		})) : n === "GeometryCollection" && (e.geometries = e.geometries.map((e) => h(e, t))), e;
+	}
+	if (o.type === "Feature") {
+		let e = m(o.geometry);
+		return o.geometry = h(o.geometry, e), o;
+	}
+	if (o.type === "FeatureCollection") {
+		let e = m({
+			type: "GeometryCollection",
+			geometries: o.features.map((e) => e.geometry).filter(Boolean)
+		});
+		return o.features = o.features.map((t) => (t.geometry &&= h(t.geometry, e), t)), o;
+	}
+	return h(o, m(o));
+}
+//#endregion
+//#region src/components/simple/SimpleGeomEditor.vue?vue&type=script&setup=true&lang.ts
+var Se = { class: "row justify-between items-center q-pa-sm" }, Ce = { class: "q-pa-sm" }, we = { class: "row" }, Te = { class: "column justify-center q-gutter-y-sm" }, Ee = {
+	class: "absolute-top-right q-ma-md text-h6",
+	style: { "z-index": "999" }
+}, De = /* @__PURE__ */ D({
+	__name: "SimpleGeomEditor",
+	props: {
+		modelValue: {},
+		class: {},
+		required: { type: Boolean },
+		readOnly: { type: Boolean },
+		defaultColour: {},
+		title: {},
+		subtitle: {},
+		toolbar: {},
+		centre: {},
+		keys: {}
+	},
+	emits: ["update:model-value"],
+	setup(r, { emit: o }) {
+		let c = r, l = o, d = F(), f = F(0), m = F(), g = F(), _ = F(!1), v = F(!1), y = F(0), b = e(), D, O;
+		I(m, (e, t) => {
+			O.setStyle({
+				fillColor: void 0,
+				weight: 4
+			}), e && (g.value = e.options.color || c.defaultColour, e.setStyle && e.setStyle({
+				fillColor: "#6a1b9a",
+				weight: 4
+			}), e.enableEdit?.(D), e.dragging?.enable()), t && (t.disableEdit?.(D), t.dragging?.disable());
+		}), I(v, (e) => {
+			!e && Y && Y.removeFrom(D);
+		}), M(() => {
+			if (k(), c.modelValue && !c.readOnly) q(c.modelValue), D.flyToBounds(O.getBounds(), { animate: !1 });
+			else if (c.modelValue) {
+				let e = Z(c.modelValue);
+				D.addLayer(e), D.flyToBounds(e.getBounds());
+			}
+			f.value = O.getLayers().length;
+		}), N(() => {
+			D && D.remove();
+		});
+		function k() {
+			D && D.remove();
+			let e = new oe("https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v12/tiles/{z}/{x}/{y}?access_token=" + c.keys.mapbox, {
+				maxZoom: 18,
+				noWrap: !0
+			}).setZIndex(0);
+			if (c.readOnly) D = new ie(d.value).setView(c.centre ? [c.centre.lng, c.centre.lat] : [-25, 135], c.centre ? c.centre.zoom : 5);
+			else {
+				D = new ie(d.value, { editable: !0 }).setView(c.centre ? [c.centre.lng, c.centre.lat] : [-25, 135], c.centre ? c.centre.zoom : 5), D.on("click", (e) => {
+					let t = e.originalEvent.target, n = t.closest(".leaflet-overlay-pane"), r = t.closest(".leaflet-control");
+					!n && !r && !_.value && (m.value = void 0);
+				});
+				let e = W.extend({
+					options: {
+						position: "topleft",
+						callback: null,
+						kind: "",
+						html: ""
+					},
+					onAdd: function(e) {
+						var t = K.create("div", "leaflet-control leaflet-bar qmap-leaflet-button"), n = K.create("a", "", t);
+						let r = this.options;
+						return n.href = "#", n.title = "Create a new " + r.kind, n.innerHTML = this.options.html, G.on(n, "click", G.stop).on(n, "click", function() {
+							r.callback.call(e.editTools);
+						}, this), t;
+					}
+				}), t = e.extend({ options: {
+					position: "topleft",
+					callback: D.editTools.startPolyline,
+					kind: "line",
+					html: "<i class=\"fal fa-scribble\"/>"
+				} }), n = e.extend({ options: {
+					position: "topleft",
+					callback: D.editTools.startPolygon,
+					kind: "polygon",
+					html: "<i class=\"fal fa-draw-polygon\"/>"
+				} }), r = e.extend({ options: {
+					position: "topleft",
+					callback: D.editTools.startMarker,
+					kind: "marker",
+					html: "<i class=\"fal fa-map-pin\"/>"
+				} }), i = e.extend({ options: {
+					position: "topleft",
+					callback: D.editTools.startRectangle,
+					kind: "rectangle",
+					html: "<i class=\"fal fa-square\"/>"
+				} }), a = e.extend({ options: {
+					position: "topleft",
+					callback: D.editTools.startCircle,
+					kind: "rectangle",
+					html: "<i class=\"fal fa-circle\"/>"
+				} });
+				c.readOnly || (D.addControl(new r()), D.addControl(new t()), D.addControl(new n()), D.addControl(new i()), D.addControl(new a())), D.on("editable:edited", (e) => {
+					let t = e.layer;
+					O.hasLayer(t) || J(t), z();
+				});
+			}
+			if (localStorage.lastMapPos) {
+				let e = JSON.parse(localStorage.lastMapPos);
+				if (e?.ne && e.sw) {
+					let t = new re(e.ne, e.sw);
+					D.flyToBounds(t, { animate: !1 });
+				} else D.setView([-26, 132], 5);
+			} else D.setView([-26, 132], 5);
+			D.addLayer(e), D.on("moveend", (e) => {
+				let t = e.target.getBounds();
+				localStorage.lastMapPos = JSON.stringify({
+					ne: t.getNorthEast(),
+					sw: t.getSouthWest()
+				});
+			}), O = se().addTo(D);
+		}
+		function z() {
+			let e = O.getLayers().map((e) => {
+				function t(t) {
+					return Object.keys(e.options).filter((e) => [
+						"color",
+						"fill",
+						"fillColor",
+						"fillOpacity",
+						"stroke",
+						"weight",
+						"title"
+					].indexOf(e) != -1).forEach((n) => t.properties[n] = e.options[n]), t;
+				}
+				if (e instanceof U) {
+					let n = e.toGeoJSON();
+					return n.properties = {
+						type: "circle",
+						radius: e.getRadius()
+					}, t(n);
+				}
+				if (e instanceof ae) {
+					let n = e.toGeoJSON();
+					return n.properties = { type: "rectangle" }, t(n);
+				}
+				return t(e.toGeoJSON());
+			});
+			l("update:model-value", {
+				features: e,
+				type: "FeatureCollection"
+			}), f.value = O.getLayers().length;
+		}
+		function V() {
+			O.removeLayer(m.value), z();
+		}
+		function H(e) {
+			m.value.setStyle({ color: g.value }), z(), e ? _.value = e : setTimeout(() => {
+				_.value = e;
+			}, 200);
+		}
+		function q(e) {
+			var t;
+			return Z(e, { onEachFeature: (e, n) => {
+				let r;
+				if (r = e.properties?.type == "circle" && e.properties?.radius ? new U(new ne([n]).getBounds().getCenter(), e.properties.radius) : e.properties?.type == "rectangle" ? new ae(new ne([n]).getBounds()) : n, e.properties) {
+					let t = {};
+					Object.keys(e.properties).filter((e) => [
+						"color",
+						"fill",
+						"fillOpacity",
+						"stroke",
+						"weight",
+						"title"
+					].indexOf(e) != -1).forEach((n) => t[n] = e.properties[n]), r.setStyle && r.setStyle(t);
+				}
+				e.properties?.title && r.bindTooltip(e.properties.title, {
+					permanent: !0,
+					direction: "center",
+					className: "q-card",
+					opacity: 1
+				}), J(r), t = r;
+			} }), t;
+		}
+		function J(e) {
+			O.addLayer(e), be.makeDraggable(e), e.on("click", (t) => {
+				m.value = e;
+			});
+		}
+		var Y, X;
+		function ce(e) {
+			X = xe(m.value.toGeoJSON(), 360 - e), Y && Y.remove(), Y = Z(X), Y.setStyle({ color: "#999" }), Y.addTo(D);
+		}
+		function Q() {
+			if (Y) {
+				Y.removeFrom(D), Y = void 0, O.removeLayer(m.value);
+				let e = q(X);
+				e?.setStyle({ color: m.value?.options.color }), m.value = e, v.value = !1, z();
+			}
+		}
+		function $() {
+			b.dialog({
+				title: "Caption",
+				message: "Enter the text to display on this feature",
+				prompt: { model: m.value?.options?.title || "" },
+				ok: "Apply",
+				cancel: "Cancel"
+			}).onOk((e) => {
+				e ? (m.value.options.title = e, m.value?.bindTooltip(e, {
+					permanent: !0,
+					direction: "center",
+					className: "q-card",
+					opacity: 1
+				})) : (m.value.options.title = void 0, m.value?.closeTooltip()), z();
+			});
+		}
+		return (e, o) => (P(), C("div", {
+			ref_key: "mapDiv",
+			ref: d,
+			class: A(c.class)
+		}, [m.value ? (P(), x(n, {
+			key: 0,
+			class: "absolute-bottom-left q-ma-md bg-grey-1 column",
+			style: { "z-index": "999" },
+			onClick: o[5] ||= B(() => {}, ["stop"]),
+			flat: "",
+			bordered: ""
+		}, {
+			default: R(() => [
+				w("div", Se, [o[6] ||= T(" Selected Item ", -1), E(s, {
+					size: "xs",
+					round: "",
+					flat: "",
+					icon: "fa fa-times",
+					onClick: o[0] ||= (e) => m.value = void 0
+				})]),
+				E(t),
+				w("div", Ce, [
+					E(s, {
+						flat: "",
+						label: "Caption",
+						size: "sm",
+						"no-caps": "",
+						onClick: $
+					}, {
+						default: R(() => [E(u, {
+							name: "fas fa-font",
+							class: "q-ml-sm"
+						})]),
+						_: 1
+					}),
+					E(s, {
+						flat: "",
+						label: "Colour",
+						size: "sm",
+						"no-caps": ""
+					}, {
+						default: R(() => [E(u, {
+							name: "fas fa-circle",
+							class: "q-ml-sm",
+							style: j({ color: m.value.options.color || r.defaultColour })
+						}, null, 8, ["style"]), E(h, {
+							cover: "",
+							"transition-show": "scale",
+							"transition-hide": "scale",
+							"onUpdate:modelValue": H
+						}, {
+							default: R(() => [E(p, {
+								modelValue: g.value,
+								"onUpdate:modelValue": o[1] ||= (e) => g.value = e
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					m.value instanceof te(U) ? S("", !0) : (P(), x(s, {
+						key: 0,
+						flat: "",
+						label: "Rotate",
+						size: "sm",
+						"no-caps": ""
+					}, {
+						default: R(() => [E(u, {
+							name: "fas fa-rotate",
+							class: "q-ml-sm"
+						}), E(h, {
+							cover: "",
+							"transition-show": "scale",
+							"transition-hide": "scale",
+							modelValue: v.value,
+							"onUpdate:modelValue": o[4] ||= (e) => v.value = e
+						}, {
+							default: R(() => [w("div", we, [E(he, {
+								"show-value": "",
+								class: "text-light-blue q-ma-md",
+								modelValue: y.value,
+								"onUpdate:modelValue": [o[2] ||= (e) => y.value = e, ce],
+								size: "50px",
+								max: 359,
+								color: "light-blue"
+							}, null, 8, ["modelValue"]), w("div", Te, [E(s, {
+								size: "xs",
+								label: "Apply",
+								color: "positive",
+								disable: y.value == 0,
+								onClick: Q
+							}, null, 8, ["disable"]), E(s, {
+								size: "xs",
+								label: "Cancel",
+								color: "negative",
+								onClick: o[3] ||= (e) => v.value = !1
+							})])])]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					})),
+					E(s, {
+						flat: "",
+						onClick: V,
+						label: "Delete",
+						size: "sm",
+						"no-caps": ""
+					}, {
+						default: R(() => [E(u, {
+							name: "fas fa-trash",
+							class: "q-ml-sm text-negative"
+						})]),
+						_: 1
+					})
+				])
+			]),
+			_: 1
+		})) : S("", !0), w("div", Ee, [
+			T(ee(r.title) + " ", 1),
+			E(i, { "q-map": {
+				id: "",
+				title: "",
+				subtitle: r.subtitle
+			} }, null, 8, ["q-map"]),
+			c.required ? (P(), x(u, {
+				key: 0,
+				name: "fas fa-asterisk",
+				color: !c.required || f.value ? "grey" : "negative"
+			}, null, 8, ["color"])) : S("", !0),
+			E(a, null, {
+				default: R(() => [...o[7] ||= [T("Required to have value", -1)]]),
+				_: 1
+			})
+		])], 2));
+	}
+});
+//#endregion
+export { De as default };